Full Stack Tools

{ Full Stack Tools }

  • Herramientas
  • Blog
  • Contáctenos
  • Cómprame un café

Full Stack Tools
{ Full Stack Tools }
Powered by Pynovate Studio

Servicios Populares

  • GitHub
  • Vercel
  • Supabase
  • Tailwind CSS

Crédito a

  • Cloudflare
  • Next.js
  • Supabase
  • Pynovate Studio

Idioma

      中文(繁體)
      English
      Español
©2024 Todos los derechos reservadosPolítica de privacidad
/Plantillas y componentes de UI
/TW Elements
TW Elements
TW Elements

Componentes de Bootstrap recreados con Tailwind CSS, pero con un mejor diseño y más funcionalidades.

★★★★☆
GratisCódigo Abierto

¿Qué es TW Elements?

TW Elements es una enorme colección gratuita de componentes de interfaz de usuario de código abierto, plantillas, secciones y complementos para Tailwind CSS. Cuenta con opciones de personalización para modo oscuro y temas.

TW Elements

Características

Kit de UI de código abierto de máxima calidad

  • Más de 500 componentes de UI
  • Instalación super sencilla, en 1 minuto
  • Fácil personalización y tematización
  • Alojamiento gratuito

Componentes clave que ahorrarán tu tiempo

Una colección de componentes impresionantes creados con atención hasta el más mínimo detalle. Formularios, tarjetas, botones y cientos de otros – en TW Elements encontrarás todos los elementos esenciales necesarios para cada proyecto.

Tematización fácil

Con TW Elements, añadir un modo oscuro a tu proyecto es un juego de niños. Usando las clases de tailwind en combinación con una variante oscura puedes integrar fácilmente cualquier sitio web con dos temas. ¡Hemos incluido la variante de tema oscuro por defecto en todos nuestros componentes!

Además, como en cualquier proyecto de tailwind, es posible personalizar el tema predeterminado sobrescribiendo la paleta de colores del proyecto, la escala de tipos, fuentes, puntos de ruptura, valores de radio de borde y más a través del archivo de configuración tailwind.config.js.

Un sistema de diseño que hará que tus proyectos destaquen

¿Cansado del Material Design predeterminado, pero aún quieres usar el potencial de un estándar de Google? El sistema de diseño de TW Elements, llamado Material Minimal, es la elección perfecta para ti – combina lo mejor del Material Design, pero añade sutileza, elegancia y un gusto único a este.

Personaliza lo que quieras

Componentes, navegación, formularios – TW Elements proporciona una API fácil de usar que te permite personalizar todo según tus necesidades y gusto.

Habilitamos la personalización de clases de todos los elementos anidados dentro de componentes avanzados. Lo mismo aplica para opciones e incluso iconos. Damos completa libertad para elegir un conjunto de iconos en el proyecto. Incluso puedes seleccionar varias bibliotecas diferentes y nuestros componentes mostrarán cualquier icono fácilmente.

Soporte de la comunidad

Nuestro código fuente está disponible públicamente, al igual que la gestión del proyecto. Estamos agradecidos por cada problema enviado o solicitud de función. Gracias a esto, podemos desarrollar constantemente y mejorar la calidad de nuestro KIT de UI, ¡junto contigo!

Pruébalo ahora

También puede querer probar:

Tailwind CSS

Tailwind CSS

★★★★★

Un marco de CSS basado en la utilidad, repleto de clases como flex, pt-4, text-center y rotate-90 que se pueden componer para construir cualquier diseño, directamente en tu marcado.

Tailspark

Tailspark

★★★★★

Componentes hermosos y plantillas construidas con Tailwind CSS.

Uiverse

Uiverse

★★★★☆

Elementos de UI de código abierto para cualquier proyecto.

Tailwind CSS Buttons

Tailwind CSS Buttons

★★★★☆

Una colección única de botones Tailwind CSS para copiar y pegar.

Tailwind Awesome

Tailwind Awesome

★★★★☆

Descubre las mejores plantillas y kits de UI de Tailwind.

HyperUI

HyperUI

★★★★☆

Componentes de Tailwind CSS de Código Abierto Gratuitos.