Colecci贸n de Recursos para el Framework Tailwind CSS (+300 recursos)

Colecci贸n de Recursos para el Framework Tailwind CSS (+300 recursos)
Colecci贸n de Recursos para Tailwind CSS (+300 recursos)

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

Enlaces 煤tiles

Leyenda :馃挋 Recurso oficial

  • 馃挋 Sitio web : sitio web oficial de Tailwind CSS.
  • 馃挋 RepositorioRepositorio 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

Complementos

Leyenda :馃挋 Complemento oficial 路 馃帹 Tematizaci贸n 路 馃捈 Utilidades 路 馃К Variantes 路 馃З Componentes 路 馃洃 Obsoleto

  • 馃挋馃З Tipograf铆a : agrega una proseclase 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 themepropiedad.
  • 馃帹馃К 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-schemeconsulta de medios.
  • 馃帹馃К Modo oscuro : agrega darkvariantes basadas en clases de CSS.
  • 馃帹馃К Modo oscuro : agrega darkvariantes basadas en la prefers-color-schemeconsulta de medios.
  • 馃捈 Gap : agrega gaputilidades.
  • 馃捈 Relaci贸n de aspecto : agrega aspect-ratioutilidades.
  • 馃捈 Nativo personalizado : aprovecha la configuraci贸n de Tailwind CSS para permitir la creaci贸n de utilidades.
  • 馃捈 Scroll Snap : agrega scroll-snaputilidades.
  • 馃捈 Colores de contorno de sombra : agrega box-shadowutilidades seg煤n los colores configurados.
  • 馃捈 Sangr铆a de texto : agrega text-indentutilidades.
  • 馃捈 Representaci贸n de im谩genes : agrega image-renderingutilidades.
  • 馃捈 Filtros : agrega filterutilidades.
  • 馃捈 Elevaci贸n : agrega utilidades de interfaz de usuario de materialelevation .
  • 馃捈 Caret Color : agrega caretutilidades de color.
  • 馃捈 Modo de fusi贸n: agrega blend-modeutilidades.
  • 馃捈 Colorear : agrega filterutilidades.
  • 馃捈 Modo de escritura : agrega writing-modeutilidades.
  • 馃捈 Guiones : agrega hyphensutilidades.
  • 馃捈 Gradientes de borde : agrega border-imageutilidades de gradiente.
  • 馃捈 RFS : agrega RFSutilidades.
  • 馃捈 Restablecimiento de lista : vuelve a agregar la list-resetclase 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 filtery backdrop-filterutilidades 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-colorutilidades.
  • 馃捈 Ocultarscrollbar-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-functionutilidades.
  • 馃捈 Marcador de posici贸n de contenido : agrega utilidades para im谩genes de marcador de posici贸n de contenido.
  • 馃捈 Sinscrollbar-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 RTLy LTRvariantes.
  • 馃К Toque : agrega touchvariantes.
  • 馃К Alfa : agrega variantes de color alfa.
  • 馃К Localizado : agrega variantes basadas en el langatributo HTML , para usar utilidades solo con ciertos idiomas.
  • 馃К Importante : agrega una importantvariante.
  • 馃К 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-embedcomponente.
  • 馃З 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.

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

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

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

ROSEPAC

Redactor Diario Ciberninjas. Curador Digital. 馃敆 Telegram 馃懆鈥嶐煉 Twittter 馃惁 Discord 馃О