Preline UI

Biblioteca de componentes de Tailwind CSS de código abierto con más de 840 ejemplos de UI, bloques y plugins gratuitos.

Verificada ~1.5k visitas mensuales
Datos rápidos
Qué es Biblioteca de componentes de Tailwind CSS de código abierto con más de 840 ejemplos de UI, bloques y plugins gratuitos.
Precios Paid — de $39/mo
Plan gratuito
Plataforma Web Application
Ideal para building a website or web app UI quickly, prototyping a new product interface
Dominio registrado 2021

Datos actualizados 15 de agosto de 2026

¿Qué hace Preline UI?

Preline UI es una biblioteca gratuita y de código abierto de componentes de UI creados con Tailwind CSS. Ofrece a desarrolladores y diseñadores una amplia colección de elementos listos para usar, como botones, formularios, barras de navegación y tarjetas. La biblioteca incluye más de 840 componentes y ejemplos, todos diseñados para cumplir con los estándares de accesibilidad. Puedes copiar el código de cualquier componente e insertarlo directamente en tu proyecto, lo que ahorra una cantidad significativa de tiempo en comparación con la creación de interfaces desde cero.

La herramienta funciona extendiendo el enfoque utility-first de Tailwind CSS. Ofrece componentes estilizados y preconstruidos que son totalmente compatibles en cualquier lugar donde se use Tailwind, incluyendo frameworks populares como React y Vue. Un aspecto clave de Preline UI es su enfoque en el temizado, lo que permite a los equipos aplicar un estilo visual consistente en toda una aplicación. El proyecto es de código abierto, con su código fuente alojado en GitHub, y también incluye un conjunto de plugins de JavaScript accesibles y sin estilo para añadir funciones interactivas.

Preline UI es más útil para desarrolladores frontend que quieran acelerar su flujo de trabajo, diseñadores de UI/UX que creen prototipos y equipos pequeños o startups que necesiten construir una interfaz pulida sin un presupuesto de diseño masivo. Es un recurso práctico para convertir una visión de diseño en un sitio web funcional rápidamente, asegurando que el producto final tenga un aspecto profesional y cohesivo.

#design system#frontend#open source#react#tailwind css#ui components#web development

Características principales

Qué la hace destacar
01
Más de 840 componentes y ejemplos de UI gratuitos y listos para usar.
02
Funciona a la perfección con React, Vue y cualquier otro framework que use Tailwind CSS.
03
Personaliza el diseño a tu gusto para que tu marca se vea impecable y coherente en todas partes.
04
Tienes el código fuente abierto y disponible en GitHub.
05
Incluye plugins de Tailwind CSS que son accesibles y vienen sin estilos predefinidos, para que los adaptes totalmente a tu gusto.

¿Para quién es Preline UI?

Quién saca más provecho de esta herramienta
building a website or web app UI quickly
prototyping a new product interface
maintaining a consistent design system across a project

Precios

Plan gratuito disponible — empieza sin tarjeta de crédito

Free

Gratis
  • 1 users
  • 1 usuario
  • Funciones del plan
  • Soporte del producto

Startup

$39,0/mes
  • 2 users
  • 2 usuarios
  • Funciones del plan
  • Soporte del producto

Team

$89,0/mes
  • 5 users
  • 5 usuarios
  • Funciones del plan
  • Soporte del producto

Enterprise

$149,0/mes
  • 10 users
  • 10 usuarios
  • Funciones del plan
  • Soporte del producto

Confianza y presencia

Dominio Dominio registrado en 2021

Galería

Haz clic en cualquier imagen para ampliarla

Herramientas similares

TailwindGenAI Verificada Herramientas para desarrolladores

Generador de TailwindCSS con IA: describe componentes de UI en lenguaje sencillo y obtén código listo para producción en segundos

Tailscan for Tailwind CSS Verificada Herramientas para desarrolladores

Inspector de navegador para Tailwind CSS: edita, depura y redefine visualmente cualquier elemento web con ayuda de IA.

AIUI.me Verificada LLM

Herramienta de IA que convierte capturas de pantalla en componentes de React.js y TailwindCSS limpios y reutilizables en segundos.

Tips.io Verificada No-Code y Low-Code

Constructor de sitios web con IA para crear sitios HTML con Tailwind mediante un editor visual, sin necesidad de configuración, código ni backend.

Biorender Verificada Herramienta de diseño

Crea figuras científicas, gráficos y diapositivas profesionales para publicaciones, sin necesidad de conocimientos de diseño.

claude Sitio Top 100k
Compartir X LinkedIn Telegram
Preline UI Visitar