Tailwind CSS es un frameworks CSS para crear rápidamente interfaces de usuario personalizadas.
🌟 Colección Recursos CSS / 🔨 Frameworks CSS / 🎓 Cursos Gratis de CSS / 📚 Libros Gratis de CSS / 🔍 85 Geniales Recursos CSS Gratuitos
Contenidos
Enlaces útiles
Leyenda :💙 Recurso oficial
- 💙 Sitio web : sitio web oficial de Tailwind CSS.
- 💙 Repositorio – Repositorio oficial de Tailwind CSS.
- 💙 Debates : lugar oficial para conectarse con otros miembros de la comunidad sobre Tailwind.
- 💙 Tailwind UI : biblioteca de componentes creada con Tailwind CSS.
- 💙 Interfaz de usuario sin cabeza : componentes de interfaz de usuario completamente accesibles y sin estilo.
- 💙 Heroicons : hermosos iconos SVG hechos a mano.
- 💙 Play – Zona de juegos avanzada en línea para Tailwind CSS.
- 💙 Just-in-time : compilador Just-in-time para Tailwind CSS.
- Tailwind Weekly : boletín semanal sobre todo lo relacionado con Tailwind CSS.
- Built With Tailwind : colección impulsada por la comunidad de sitios web increíbles creados con Tailwind CSS.
Extensiones IDE
Leyenda :💙 Recurso oficial
- 💙 IntelliSense for Code : extensión de IntelliSense para Visual Studio Code.
- Fragmentos de código con estilo : extensión de fragmento de código de Visual Studio.
- Headwind for Code : extensión del clasificador de clases para Visual Studio Code.
- Shades for Code : extensión del generador de paleta de colores para Visual Studio Code.
- IntelliSense para Neovim : extensión de IntelliSense para Neovim.
- Tailwind CSS Explorer for Code : explore las clases disponibles en la configuración Tailwind CSS de su proyecto.
Complementos
Leyenda :💙 Complemento oficial · 🎨 Tematización · 💼 Utilidades · 🧬 Variantes · 🧩 Componentes · 🛑 Obsoleto
- 💙🧩 Tipografía : agrega una
prose
clase para hermosos valores tipográficos predeterminados. - 💙💼 Relación de aspecto : agrega utilidades de relación de aspecto componibles.
- 💙💼 Line Clamp : proporciona utilidades para truncar visualmente el texto después de un número fijo de líneas.
- 💙 Formularios : agrega mejores estilos predeterminados a los elementos de formulario.
- 🎨🧬 Tematización : tematización que utiliza variables CSS, con soporte de modo oscuro.
- 🎨🧬 Variantes de tema : agrega variantes de tema basadas en consultas de medios y / o selectores de CSS.
- 🎨🧬 Multi Theme : agrega variantes de tema basadas en una sola
theme
propiedad. - 🎨🧬 Theme Swapper : creación de temas que utilizan variables CSS, con soporte para consultas de medios.
- 🎨🧬 Prefiere el modo oscuro : agrega variantes según la
prefers-color-scheme
consulta de medios. - 🎨🧬 Modo oscuro : agrega
dark
variantes basadas en clases de CSS. - 🎨🧬 Modo oscuro : agrega
dark
variantes basadas en laprefers-color-scheme
consulta de medios. - 💼 Gap : agrega
gap
utilidades. - 💼 Relación de aspecto : agrega
aspect-ratio
utilidades. - 💼 Nativo personalizado : aprovecha la configuración de Tailwind CSS para permitir la creación de utilidades.
- 💼 Scroll Snap : agrega
scroll-snap
utilidades. - 💼 Colores de contorno de sombra : agrega
box-shadow
utilidades según los colores configurados. - 💼 Sangría de texto : agrega
text-indent
utilidades. - 💼 Representación de imágenes : agrega
image-rendering
utilidades. - 💼 Filtros : agrega
filter
utilidades. - 💼 Elevación : agrega utilidades de interfaz de usuario de material
elevation
. - 💼 Caret Color : agrega
caret
utilidades de color. - 💼 Modo de fusión: agrega
blend-mode
utilidades. - 💼 Colorear : agrega
filter
utilidades. - 💼 Modo de escritura : agrega
writing-mode
utilidades. - 💼 Guiones : agrega
hyphens
utilidades. - 💼 Gradientes de borde : agrega
border-image
utilidades de gradiente. - 💼 RFS : agrega
RFS
utilidades. - 💼 Restablecimiento de lista : vuelve a agregar la
list-reset
clase que se eliminó antes de Tailwind CSS 1.0. - 💼 Fluido : agrega utilidades de tamaño de fluidos.
- 💼 Tipografía : agrega utilidades de tipografía.
- 💼 Triangle After : agrega utilidades de triángulos CSS.
- 💼 Scrims : agrega utilidades de scrims .
- 💼 Truncar varias líneas: agrega utilidades para truncar elementos de texto de varias líneas.
- 💼 Propiedades lógicas de CSS : genere utilidades para las propiedades lógicas de CSS.
- 💼 Flechas de información sobre herramientas después : agrega utilidades CSS para flechas de información sobre herramientas con borde y fondo configurables.
- 💼 Bidireccional : agrega utilidades para crear diseños bidireccionales multilingües.
- 💼 Bidireccional : reemplace las utilidades principales para que sean compatibles en dos direcciones.
- 💼 SVG de fondo : inyecte SVG como imágenes de fondo con variantes de color.
- 💼 Colores de marca : agrega varios colores de marca para el fondo, el borde y el texto.
- 💼 Bootstrap Grid : genera el sistema de cuadrícula flexbox estilo Bootstrap.
- 💼 Filtros CSS : adiciones
filter
ybackdrop-filter
utilidades con valores predeterminados. - 💼 Leading Trim : agrega utilidades para recortar los espacios en blanco del texto, usando Capsize .
- 💼 Color de decoración de texto : agrega
text-decoration-color
utilidades. - 💼 Ocultar
scrollbar-hide
barra de desplazamiento : agrega una clase para ocultar la barra de desplazamiento visual. - 💼 Facilidades CSS a favor del viento : amplía las
transition-timing-function
utilidades. - 💼 Marcador de posición de contenido : agrega utilidades para imágenes de marcador de posición de contenido.
- 💼 Sin
scrollbar-none
barra de desplazamiento : expone para ocultar visualmente una barra de desplazamiento. - 🧬 Pseudo : agrega variantes personalizadas a la configuración de Tailwind CSS.
- 🧬 Dirección : adiciones
RTL
yLTR
variantes. - 🧬 Toque : agrega
touch
variantes. - 🧬 Alfa : agrega variantes de color alfa.
- 🧬 Localizado : agrega variantes basadas en el
lang
atributo HTML , para usar utilidades solo con ciertos idiomas. - 🧬 Importante : agrega una
important
variante. - 🧬 Radio acolchado : agrega variantes para hacer coincidir los radios de los bordes anidados.
- 🧬 Fluido : genera
fl:
variantes. - 🧬 Marcador : proporciona utilidades para diseñar listas y “marcadores.
- 🧬 Pseudo selectores : agrega variantes para las pseudoclases y pseudoelementos que Tailwind CSS no tiene de forma predeterminada.
- 🧩 Pantallas de depuración : agrega un componente que muestra la pantalla actualmente activa (punto de interrupción de respuesta).
- 🧩 Heropatterns – añade héroe Patrones componentes.
- 🧩 Inserción receptiva : agrega un
responsive-embed
componente. - 🧩 Tablas de Bootstrap : agrega componentes de tabla basados en las tablas de Bootstrap.
- 🧩 Tarjeta : agrega componentes de tarjeta.
- 🧩 Omitir enlace : agrega un componente accesible Omitir al contenido principal .
- 🧩 Colores a variables CSS : exporta la configuración de color a las propiedades personalizadas de CSS.
- 🧩 Variables CSS : exporta la configuración a propiedades personalizadas de CSS.
🛑- Los siguientes complementos ofrecen funcionalidades que ahora están total o parcialmente implementadas en Tailwind CSS.
- 🛑💼 Caret Color : agrega
caret
utilidades de color. - 🛑💼 degradados de benface : agrega utilidades de degradado.
- 🛑💼 Gradientes de lorisleiva : agrega utilidades de gradiente de fondo.
- 🛑💼 Visualmente oculto : agrega utilidades de lector de pantalla.
- 🛑💼 Ajuste de objeto : agrega
object-fit
utilidades. - 🛑💼 Posición del objeto : agrega
object-position
utilidades. - 🛑💼 Accesibilidad : agrega utilidades de lector de pantalla.
- 🛑💼 Diseño : agrega algunas utilidades de diseño.
- 🛑💼 Cuadrícula : agrega utilidades de cuadrículas CSS.
- 🛑💼 Transformaciones : agrega
transform
utilidades. - 🛑💼 transiciones de benface : agrega utilidades de transición configurables, con o sin variables CSS.
- 🛑💼 Transiciones de webdna : agrega utilidades de transición configurables.
- 🛑💼 Transiciones de glhd : agrega utilidades de transición básicas.
- 🛑💼 Cursor Extended : amplía las
cursor
utilidades. - 🛑💼 Font Variant Numeric : agrega
font-variant-numeric
utilidades. - 🛑🧬 Colores alfa de CSS : agrega variantes de opacidad a los colores existentes.
- 🛑🧩 Spinner : agrega un componente giratorio.
- 🛑🧩 Elementos espaciados : agrega
spaced
componentes que agregan márgenes fijos a todos los elementos del contenedor. - 🛑🧩💙 Formularios personalizados : agrega mejores estilos predeterminados a los elementos del formulario.
Instrumentos
Leyenda :🌍 Accesible en línea · 🔼 Herramienta de conversión o actualización · 🔧 Generador · 🅰 Escritura / ejecución · 💼 Complementos / Herramientas / Extensiones para servicios externos · 🎨 Relacionado con el color · 🚀 Marco de referencia
- 🎨🌍🔧 Tailwind Color Shades : generador de tonos de color para Tailwind CSS.
- 🎨🌍🔧 Generador de paleta: generador de paleta de colores que genera archivos de configuración de Tailwind CSS.
- 🎨🌍🔧 Tonos de color de Tailwindow: generador de tonos de color para Tailwind CSS.
- 🎨🌍🔧 Tailwind Colors : generador de configuración de color para Tailwind CSS.
- 🎨🌍🔧 Tailwind Color Explorer : explorador de colores para Tailwind CSS.
- 🎨🌍🔧 TailwindInk : generador de paleta AI, entrenado con la paleta Tailwind CSS.
- 🎨🌍🔧 Diseñador de degradados: genere degradados para Tailwind 2.0+.
- 🎨🌍🔧 Diseño de escala de grises : un generador de paleta de colores basado en luminancia.
- 🎨🌍🔧 Hypercolor : colección de degradados Tailwind CSS preconfigurados con opciones direccionales.
- 🎨🌍🔧 Paletolítico : genera paletas de colores armoniosas basadas en un color.
- 🎨🌍💼 Colores Tailwind CSS v2 : biblioteca Figma con colores Tailwind CSS v2.
- 🎨🔧💼 Colorkraken – Generador de tonos de color para Tailwind CSS.
- 🎨🔧💼 babel-plugin-tailwind-dark : un complemento de Babel para agregar una clase oscura personalizada al compilar su código usando Babel.
- 🌍🔧💼 Twind : funciones del compilador que convierten las clases de Tailwind en CSS en el momento de ejecutar, servir y compilar.
- 🌍🔧 Generador de código CSS Tailwind GPT-3 – Generador de código CSS Tailwind con tecnología OpenAI GPT-3.
- 🌍🔧 Puntadas – Generador de plantillas con Tailwind (en línea).
- 🌍🔧 tail-animista – Generador de utilidades de animación personalizadas configurables para Tailwind CSS.
- 🌍🔧 brand-tail-color – Generador de configuración usando colores de varias marcas.
- 🌍 Typography Playground : herramienta para probar diferentes combinaciones de fuentes de Google con el complemento de tipografía Tailwind CSS.
- 🌍💙 Play – Zona de juegos avanzada en línea para Tailwind CSS.
- 🌍 Updrafts.app : editor avanzado de arrastrar y soltar en línea sin código para Tailwind CSS.
- 🌍 tailwind.run : violín Tailwind CSS con funciones integradas (en línea).
- 🌍 tailzilla.app – Zona de juegos en línea para Tailwind CSS.
- 🔼🌍 Aplicador automático de prefijos Tailwind: herramienta de prefijos de las clases Tailwind.
- 🔼🌍 Conversor de CSS a Tailwind CSS : convierte CSS a Tailwind CSS sugiriendo las clases que mejor se adaptan.
- 🔼 Tailwindo – Conversor CSS de Bootstrap a Tailwind.
- 🔼 Tailupgrade : herramienta de conversión para actualizar archivos HTML de Tailwind CSS v0.xa v1.0.
- 🔼 Tailwind Shift : herramienta de actualización para actualizar de Tailwind CSS v0.7 a v1.0.
- 🔼 RustyWind : herramienta CLI para ordenar las clases CSS de Tailwind.
- 🔼 Windy : extensión del navegador para convertir elementos HTML a Tailwind CSS.
- 🅰 react-native-tailwindcss : sistema de escritura React Native.
- 🅰 typed- tailwind: mecanografía en TypeScript para Tailwind CSS.
- 💼 Complemento de Gatsby : integración de Tailwind CSS para Gatsby.
- 💼 Complemento Gridsome : integración de Tailwind CSS para Gridsome.
- 💼 Alfred Workflow : aplicación de búsqueda de documentación CSS Fast Tailwind.
- 💼 ng-tailwindcss : herramienta CLI para integrar Tailwind CSS en proyectos Angular-CLI.
- 💼 vue-cli-plugin-tailwind : complemento de Vue CLI que agrega Tailwind CSS a un proyecto.
- 💼 Tailwind CSS Figma Kit – Kit de Figma para Tailwind CSS.
- 💼 Complemento Tailwind CSS Figma: complemento Figma que integra Tailwind CSS.
- 💼 @ nuxtjs / tailwindcss : módulo Tailwind CSS para NuxtJS con PurgeCSS y CSS moderno (entorno preestablecido 1).
- 💼 preact-cli-tailwind: integración de Tailwind CSS para Preact.
- 💼 tailwind-classes-sorter : biblioteca de NPM que proporciona una utilidad para clasificar las clases de Tailwind CSS.
- 💼 prettier-plugin-tailwind : complemento más bonito que ordena listas de clases.
- 💼 tailwindcss-rails : una joya para usar Tailwind CSS con la canalización de activos de Rails.
- 💼🔧 Generador de configuración y clases de Zeplin: extensión de Zeplin que genera configuraciones de Tailwind.
- 💼🔧 @ tailwindcssinjs / macro : macro de Babel que transforma las clases CSS de Tailwind en objetos para bibliotecas CSS-in-JS.
- 💼🔧 twin.macro : use las clases Tailwind dentro de cualquier biblioteca CSS-in-JS.
- 💼🔧 Tailwind Config Viewer : herramienta de interfaz de usuario local para visualizar su archivo de configuración Tailwind CSS.
- 💼🔧 Componentes de formulario de Laravel: componentes de formulario de hoja que utilizan formularios personalizados de Tailwind CSS.
- 💼 @ ngneat / tailwind – Integración de Tailwind CSS para Angular.
- 🔧 re- tailwind: utilidad ReasonML que genera clases Tailwind.
- 🔧 Protoship Codegen : generador de código que crea HTML y CSS basados en Tailwind CSS a partir de diseños de Sketch.
- 🔧 create-tailwind-plugin : complemento de scaffolder para Tailwind CSS.
- 🚀 Maizzle : marco para la creación rápida de prototipos de correo electrónico con Tailwind CSS.
- 🌍 Hoja de trucos de Tailwind: hoja de trucos de nombres de clases de Tailwind CSS.
- 🌍 Hoja de trucos de Tailwind: nombres de clases de Tailwind CSS en un solo archivo.
- 🌍 Hoja de trucos de Tailwind: hoja de trucos de nombres de clases, variantes y directivas de Tailwind CSS.
Bibliotecas, componentes y plantillas de UI
Leyenda :💙 Recurso oficial · 📚 Biblioteca · 🧩 Componentes · 📁 Plantillas
- 💙🧩 Tailwind UI : biblioteca de componentes creada con Tailwind CSS.
- 💙📚 Interfaz de usuario sin cabeza : componentes de interfaz de usuario completamente accesibles y sin estilo.
- 📚 VueTailwind : biblioteca de interfaz de usuario de Vue.js que utiliza Tailwind CSS.
- 📁 Tailwind Made : plantillas pagas y fáciles de desarrollar creadas con Tailwind CSS.
- 📁 EasyTailwind – Freemium, plantillas fácilmente personalizables hechas con Tailwind CSS.
- 🧩 TailBlocks : más de 60 bloques diferentes de Tailwind CSS listos para usar.
- 🧩 Tailwind Components : repositorio de componentes Tailwind CSS impulsado por la comunidad.
- 🧩 Caja de herramientas Tailwind : plantillas, componentes y recursos.
- 🧩 Componentes de la interfaz de usuario de Meraki : hermosos componentes CSS Tailwind que admiten lenguajes RTL.
- 🧩 Tailwind Cards : colección creciente de tarjetas de texto / imágenes.
- 🧩📁 Tailwind Templates : colección de plantillas y componentes.
- 🧩📁 Treact : plantillas y componentes de la interfaz de usuario de React creados con Tailwind CSS.
- 🧩📁 Jakarta LTE : plantilla de administrador con Tailwind CSS.
- 🧩📁 themes.dev – Temas y componentes de Tailwind CSS hechos a mano , gratuitos y premium.
- 🧩 Selector de fecha : componente de selector de fecha para Vue.js que usa Tailwind CSS.
- 🧩 Kutty : componentes accesibles y reutilizables que se utilizan comúnmente en aplicaciones web.
- 🧩 Tailwindow : colección de elementos de UI y bloques de componentes CSS Tailwind.
- 🧩 Sail UI : colección de componentes básicos de la interfaz de usuario basados en Tailwind CSS.
- 🧩 jQuery Toggler – Cambia usando jQuery y Tailwind CSS.
- 🧩 Tailwind Kit : componentes agnósticos de Framework, Vue.js, React y Angular.
- 🧩 lofi ui : componentes CSS Tailwind de baja fidelidad.
- 🧩 Gust UI : componentes CSS elegantes de Tailwind para aplicaciones web en React y HTML.
- 🧩 Windstrap – Tailwind CSS con Bootstrap JS.
- 🧩 WickedBlocks : colección de más de 120 bloques de diseño y componentes creados con Tailwind CSS.
- 🧩 Interfaz de usuario de Daisy : componentes de interfaz de usuario para Tailwind CSS.
- 🧩 Kit de interfaz de usuario de Kometa: kit de interfaz de usuario multipropósito gratuito, creado con Tailwind CSS.
- 🧩 Interfaz de usuario de Mamba : componentes, secciones y plantillas de Tailwind CSS gratuitos.
- 🧩 Selector de fecha Litepie : un componente selector de rango de fechas para Vue.js y Tailwind CSS.
- 📁 Panel de control de molino de viento : plantilla de panel de control completamente accesible y con varios temas.
- 📁 Tailwind Admin : plantilla de panel de administración con Tailwind CSS.
- 📁 Gradientes de aterrizaje: plantilla de página de aterrizaje con gradientes (1.7+).
- 📁 Currículum : currículum simple con Tailwind CSS.
- 📁 Currículum : una plantilla de currículum estilizada creada con Tailwind CSS, con un ingenioso fondo de patrón de héroe y una fuente personalizada.
- 📁 Simple Light : plantilla de página de destino gratuita creada con React & Tailwind CSS.
- 📁 V-Dashboard : plantilla de inicio de tablero construida con Vue 3 y Tailwind CSS.
- 📁 Petra : plantilla de página de destino gratuita creada con Nuxt.js y Tailwind CSS.
- 📚 a17t : kit de herramientas de diseño atómico creado para ampliar Tailwind CSS.
- 📚 tails-ui : biblioteca de interfaz de usuario de React usando Tailwind CSS.
- 📚 tails : plantillas y componentes hechos a mano con Tailwind CSS.
Entrantes y temas
Leyenda :💼 Paquete · 📟 Herramienta / generador de línea de comandos · 🚀 Clonable
- 📟 Cree la aplicación React con PurgeCSS : secuencia de comandos CRA que agrega Tailwind CSS y PurgeCSS.
- 📟 Laravel Preset : agrega Tailwind CSS al marco de Laravel.
- 📟💼 Preestablecido de front-end de Laravel – Preestablecido de front-end usando Tailwind CSS para Laravel.
- 📟💼 Laravel Dark Front-end Preset – Preestablecido de front-end con temática oscura usando Tailwind CSS para Laravel.
- 🚀 Cree la aplicación React con EmotionJS : modelo estándar de CRA utilizando Tailwind CSS y Emotion JS.
- 📟 Cree la aplicación React con TypeScript : plantilla CRA compatible con Tailwind CSS y TypeScript.
- 🚀 Texto estándar de Tailwind CSS: texto estándar de Tailwind CSS con Parcel.
- 🚀 Inicio de Jekyll: iniciador de Jekyll que utiliza Tailwind CSS.
- 🚀 Inicio de Jekyll: iniciador de Jekyll que utiliza Tailwind CSS.
- 🚀 Gulp Starter : iniciador de Gulp utilizando Tailwind CSS.
- 🚀 Arrancador Gatsby – Arrancador Gatsby usando Tailwind CSS.
- 🚀 Gatsby Starter Simplicity : iniciador de Gatsby que usa Tailwind CSS.
- 🚀 Gatsby Starter + TypeScript : iniciador de Gatsby que usa Tailwind CSS y TypeScript.
- 🚀 Gatsby Starter + Emotion JS : iniciador de Gatsby que utiliza Tailwind CSS y Emotion JS.
- 🚀 Gatsby Starter Opinionated – Iniciador de Gatsby que usa Tailwind CSS y obsequios obstinados.
- 🚀 Cree el texto estándar de la aplicación React: código estándar de CRA utilizando Tailwind CSS.
- 🚀 Cree la aplicación React con PurgeCSS + Autoprefixer + CSSNano – CRA boilerplate usando CSS Nano.
- 🚀 Dogpatch : iniciador de WordPress que utiliza Webpack, Vue, Babel y Tailwind CSS.
- 🚀 Next.js Starter : texto estándar de Next.js con Tailwind CSS.
- 🚀 Sapper & Svelte Starter : plantilla estándar con Sapper, Tailwind CSS, Purge CSS, Prettier y ESLint.
- 🚀 Netlify Lambda Starter : modelo estándar de Netlify Lambda con Tailwind CSS.
- 🚀 Hugo Theme Starter con Tailwind CSS : iniciador de temas Hugo con Tailwind CSS.
- 🚀 Eleventy Web Starter : kit de inicio que utiliza Eleventy, Tailwind CSS, Webpack y PostCSS.
- 🚀 Arrancador Nanoc – Arrancador Nanoc usando Tailwind CSS.
- 🚀 PostCSS y Browsersync Boilerplate – Boilerplate usando CSS Nano.
- 🚀 ParcelJS + TypeScript Boilerplate – Boilerplate usando Tailwind CSS, el paquete ParcelJS y TypeScript.
- 🚀 VuePress Tailwind CSS Starter : un iniciador de VuePress que usa Tailwind CSS.
- 🚀 Gatsby Serif : el tema serif de Gatsby con Tailwind CSS.
- 🚀 Seminyak Hugo Theme : tema de Hugo con Tailwind CSS.
- 🚀 Eleventy Starter : iniciador de blog listo para producción y compatible con SEO que utiliza Tailwind CSS.
- 🚀 Vite + React + Tailwind Starter : modelo estándar con Vite, React y Tailwind CSS.
- 🚀 Vite + Vue 3.x + Tailwind 2.x Starter : plantilla de inicio que utiliza Vite, Vue, Vue Router y Tailwind CSS.
- 🚀 Shopify Theme Lab : iniciador de desarrollo de temas de Shopify utilizando Vue y Tailwind CSS.
- 🚀 Diseño del panel de inicio : diseño del panel con Tailwind CSS y Alpine JS.
Proyectos de código abierto
- Goodwork : herramienta de gestión y colaboración de proyectos.
- Statusfy : sistema de páginas de estado que utiliza Tailwind CSS.
- Todolist : aplicación de lista de tareas que utiliza Tailwind CSS.
- LeagueStats : sitio web de estadísticas para los jugadores de League of Legends.
- SapperCommerce : escaparate de comercio electrónico que utiliza Svelte y Tailwind CSS.
- Misiki Books : librería que usa Vue + Moltin + Tailwind CSS.
Aprendiendo
Leyenda :💙 Recurso oficial · 🧪 Muestra · 🔧 Tutorial de configuración · 🎬 Tutorial en video · 🎓 Tutorial de componente o página · 🎥 Elenco
- 💙🧪 Ejemplos de complementos: ejemplos de complementos oficiales.
- 🧪 Selector de temas Tailwind Dark Mode : cambio de temas con propiedades personalizadas de CSS y Tailwind CSS.
- 🧪 Acquia : panel de alojamiento de Acquia reconstruido con Vue.js y Tailwind CSS.
- 🧪 Navbar : barra de navegación creada con Vue.js y Tailwind CSS.
- 🧪 Interruptor de palanca: cambie usando Tailwind CSS.
- 🧪 Página de destino “abierta”: plantilla de página de destino “abierta” de Cruip creada con Tailwind CSS Boilerplate.
- 🔧 Prueba de los complementos de Tailwind CSS con Jest : cómo probar los complementos de Tailwind CSS con Jest.
- 🔧 Tailwind CSS con Webpack 4 y PostCSS : cómo configurar Tailwind CSS con PostCSS y Webpack.
- 🔧 Tailwind CSS con CSS-in-JS : cómo utilizar Tailwind CSS con CSS-in-JS.
- 🔧 Tailwind CSS en un proyecto de Laravel : cómo configurar Tailwind CSS en un proyecto de Laravel.
- 🔧 Tailwind CSS con Ember : cómo agregar Tailwind CSS a una aplicación Ember.
- 🔧 Tema Sage de WordPress y Tailwind CSS : cómo configurar Tailwind CSS en Sage.
- 🔧 Tailwind CSS con GatsbyJS – Cómo usar Tailwind CSS con Gatsby.
- 🔧 Tailwind CSS con Phoenix 1.4 – Cómo configurar Tailwind CSS en Phoenix 1.4.
- 🔧 Extender Tailwind CSS : cómo extender Tailwind CSS.
- 🔧 Web2Tailwind : cómo crear componentes web con Tailwind CSS con AlpineJS.
- 🎬 Reconstruyendo Laravel.io – Reconstruyendo Laravel.io con Tailwind CSS.
- 🎬 Reconstruyendo Coinbase – Reconstruyendo Coinbase con Tailwind CSS [ver el Codepen ].
- 🎬 Reconstrucción de Twitter : reconstrucción de Twitter con Tailwind CSS [consulte CodePen ].
- 🎬 Reconstrucción de YouTube : reconstrucción de YouTube con Tailwind CSS.
- 🎬 Reconstrucción de Netlify : reconstrucción de Netlify con Tailwind CSS.
- 🎬 Reconstruyendo Resolute – Reconstruyendo Resolute con Tailwind CSS.
- 🎬 Vamos a construir: Página de inicio de producción de películas: creación de una página de inicio de producción de películas con Tailwind CSS.
- 🎬 Vamos a construir: Barra de navegación receptiva : creación de una barra de navegación receptiva con Tailwind CSS.
- 🎬 Vamos a construir: Dribbble Shot – Dribbble shot con Tailwind CSS.
- 🎬 Vamos a construir: componente Tweet : creación de un componente Tweet con Tailwind CSS.
- 🎓 Diálogo modal : creación de un diálogo modal con Tailwind CSS.
- 🎓 Creación de interfaces de usuario del mundo real con Tailwind CSS : creación de interfaces de usuario de Shopify, Spotify, Netlify y Atlassian.
- 🎓 Reconstrucción de FreshBooks : reconstrucción de FreshBooks con Tailwind CSS.
- 🎓 Página de inicio de sesión (PingPing) : creación de una página de inicio de sesión con Tailwind CSS.
- 🎓 Página de inicio de sesión : creación de una página de inicio de sesión con Tailwind CSS.
- 🎓 Componente Vue.js con Tailwind y Laravel : creación de un componente Vue.js en un proyecto de Laravel.
- 🎓 Vue.js Modal : creación de un modal personalizable con Tailwind CSS y Vue.js.
- 🎓 Navegación : creación de una navegación con Tailwind CSS.
- 🎓 Formularios con Tailwind CSS : cómo diseñar un formulario con Tailwind CSS.
- 🎓 Galería de fotos con cuadrículas CSS : creación de una galería de fotos con cuadrículas CSS y Tailwind CSS.
- 🎓 Reconstrucción de Bartik : reconstrucción de Bartik (el tema predeterminado de Drupal) con Vue.js y Tailwind CSS.
- 🎓 Reconstrucción de la página de inicio de Airbnb : reconstrucción de la página de inicio de Airbnb con Tailwind CSS.
- 🎓 Valores tipográficos predeterminados en Tailwind CSS
- 🎓 Cree un menú de navegación receptivo en Tailwind CSS
- 🎥 Transmisión semanal de Laracasts: Tailwind
- 🎥 Más experimentación con Tailwind CSS
- 🎥 Reconstruyendo Spotify
- 🎥 Reconstruyendo la discordia
- 🎥 Reconstruyendo Meetup