Mejores Librerías de Componentes Tailwind (2026): 12 Opciones

Todo proyecto con Tailwind CSS llega a la misma bifurcación: ¿construyes cada botón, modal y desplegable desde cero, o recurres a una tailwind component library que se encargue del trabajo repetitivo?

En 2026, la respuesta casi siempre es una librería.

El ecosistema maduró.

Lo que antes era un puñado de colecciones para copiar y pegar es hoy un mercado real de sistemas de componentes, primitivas headless y kits de plantillas de pago.

Así que lo difícil ya no es encontrar una librería de componentes Tailwind. Es elegir entre 12 opciones sólidas que renuncian a algo distinto cada una.

Esta guía las ordena por precio, accesibilidad, tamaño del bundle, soporte de frameworks y experiencia de desarrollo.

Y esto es lo que la diferencia de los recopilatorios que encontrarás en la primera página: cada recuento de estrellas, cifra de descargas y precio de abajo se obtuvo de las APIs de GitHub y npm el 15 de agosto de 2026. No de la página de marketing de un proveedor.

Público objetivo: desarrolladores que eligen una capa de componentes para un proyecto real. Tanto si necesitas un plugin solo de CSS como daisyui, primitivas sin estilos como Radix o plantillas listas para producción de Tailwind Plus, esta comparativa te ayuda a elegir la herramienta adecuada para tu stack.

Puntos clave

Si no recuerdas nada más:

• Shadcn/ui (121.367 estrellas) es la mejor tailwind component library para proyectos React y Next.js que necesitan control total de personalización
• Shadcn/ui cambió su capa de primitivas por defecto de Radix UI a Base UI en julio de 2026. Radix no está obsoleto y los proyectos existentes no necesitan ninguna migración
• DaisyUI es la mejor opción gratuita para prototipar rápido en cualquier framework: 35 temas integrados, cero dependencias de JS y 916.000 descargas semanales en npm
• Tailwind Plus (antes Tailwind UI) es el camino más rápido a diseños listos para producción: 299 $ individual, 979 $ equipo
• NextUI ahora es HeroUI. El paquete pasó a @heroui/react en enero de 2025 y el nombre antiguo está muerto
• Radix UI y Base UI tienen la accesibilidad más sólida del ecosistema
• Tremor pertenece a Vercel y es gratuito, pero no publica un commit desde octubre de 2025

Índice

1. Comparativa rápida
2. Cómo evaluamos
3. Las 12 mejores librerías de componentes Tailwind
4. Matriz de soporte de frameworks
5. Comparativa de accesibilidad
6. Tamaño del bundle y rendimiento
7. El marco de decisión
8. Conclusión

Comparativa rápida

Aquí tienes el desglose completo, con los recuentos de estrellas obtenidos el 15 de agosto de 2026:

Cómo evaluamos

Probamos cada tailwind component library con seis criterios:

La actividad de mantenimiento pesa de verdad dentro de esa última fila.

¿Por qué? Porque una librería con 15.000 estrellas y sin commits en diez meses es peor apuesta que una con 3.000 estrellas que publica cada semana.

Verás ese principio cambiar dos posiciones de esta lista.

Las 12 mejores librerías de componentes Tailwind

#1 Shadcn/ui: la mejor para personalizar en React

Qué es: una colección de componentes accesibles que una CLI copia directamente dentro de tu proyecto.

Eres dueño de cada línea de código. No hay dependencia en node_modules ni una API upstream contra la que pelear.

Estrellas en GitHub: 121.367 | Licencia: MIT | Framework: React/Next.js

Por qué está en el #1: el modelo de copiar y pegar elimina la mayor frustración que encontrarás con las librerías de componentes Tailwind.

Obtienes componentes de calidad de producción sin dependencia del proveedor.

Y personalizas los estilos con tu propia configuración de Tailwind y variables CSS, no a través de props que diseñó otra persona.

Shadcn/ui es ya la opción por defecto en Next.js. ¿Cuánta ventaja lleva? 121.367 estrellas la sitúan casi 3 veces por delante de la siguiente librería de esta lista.

El cambio de julio de 2026 que debes conocer: Shadcn/ui cambió su capa de primitivas por defecto de Radix UI a Base UI.

Las instalaciones nuevas reciben Base UI. Eso es todo.

Radix no ha quedado obsoleto y tus proyectos existentes no necesitan ningún trabajo de migración.

Pero si empiezas de cero siguiendo un tutorial escrito antes de julio, tus imports no coincidirán con lo que genera la CLI.

Así que consulta primero el changelog oficial. Te ahorrará una hora de depuración.

Soporte de Tailwind v4: compatibilidad total con Tailwind CSS v4.3.

Ideal para: proyectos React y Next.js que necesitan componentes accesibles y personalizables con propiedad total del código. Perfecto si estás construyendo librerías de componentes React o un sistema de diseño sobre Tailwind.

Limitaciones: solo React. Existen ports comunitarios para Vue y Svelte, pero van por detrás. Y como tus componentes se copian en lugar de versionarse, los actualizas a mano.

#2 DaisyUI: la mejor librería gratuita para todos los frameworks

Qué es: un plugin de Tailwind CSS que añade clases de componente semánticas como btn, card, modal y navbar.

CSS puro, cero dependencias de JavaScript. Es la tailwind component library más ligera que encontrarás.

Estrellas en GitHub: 42.084 | Descargas npm: 916.000/semana | Licencia: MIT | Framework: todos

Por qué la adoran los equipos SaaS: DaisyUI reduce class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600" a class="btn btn-primary".

Y los 35 temas integrados te permiten reestilizar toda la aplicación cambiando un solo atributo data-theme.

Con ~10-20KB de CSS comprimido y sin JavaScript, daisyui casi no añade nada a tu bundle.

También encaja en cualquier framework que uses, porque son solo clases CSS sobre Tailwind: React, Vue, Svelte, Astro, HTML plano.

Las cifras de adopción lo confirman: 916.000 descargas semanales en npm hacen de DaisyUI la librería más instalada de esta lista por amplio margen.

Soporte de Tailwind v4: compatibilidad total en DaisyUI v5.

Ideal para: prototipado rápido, proyectos multiframework y equipos que quieren clases semánticas sin sobrecarga de JavaScript. Si sigues un enfoque de plantillas Tailwind, DaisyUI acelera el montaje de tus componentes.

Limitaciones: no incluye JavaScript. Así que tus modales y desplegables necesitan tu propio JS o un acompañante como Alpine.js.

Los nombres de clase opinados también pueden chocar con un enfoque de utilidades puro. Y la accesibilidad es parcial: añadirás atributos ARIA a mano en las interacciones complejas.

#3 Tailwind Plus: la mejor librería de pago

Qué es: la librería de componentes oficial de Tailwind Labs, renombrada desde Tailwind UI.

Obtienes más de 500 componentes y plantillas de página diseñados profesionalmente, en código HTML, React o Vue para copiar y pegar.

Licencia: comercial (299 $ individual, 979 $ equipo) | Framework: React, Vue, HTML

Por qué vale su precio: cada componente lo diseña el equipo que creó Tailwind CSS.

Se nota en la calidad del diseño, el comportamiento responsive y los casos límite que se molestaron en resolver. La cobertura abarca páginas de marketing, UI de aplicación y ecommerce.

La licencia es de pago único. No es una suscripción.

Incluye todos los componentes actuales, futuras actualizaciones y acceso a Catalyst: un kit de UI de aplicación para React. Así que si facturas por horas, un solo proyecto suele cubrir el coste.

Fíjate en el plan que compras. ¿Qué precio te aplica? La cifra de 299 $ es la licencia individual. Los equipos pagan 979 $.

Y el nombre antiguo «Tailwind UI» sigue circulando en tutoriales y respuestas de Stack Overflow, así que no te sorprendas si tu página de pago dice otra cosa.

Ideal para: equipos y agencias que necesitan componentes tailwind ui listos para producción de inmediato. O desarrolladores en solitario que valoran la calidad del diseño por encima de la profundidad de personalización.

Limitaciones: necesitas una licencia comercial. Los componentes están muy pulidos, pero son menos personalizables a nivel arquitectónico que Shadcn/ui. Y copiar y pegar significa que integras cada actualización a mano.

#4 Radix UI: las mejores primitivas de accesibilidad

Qué es: primitivas de componentes React accesibles y sin estilos, creadas por WorkOS.

Radix se encarga del comportamiento y la accesibilidad. Tú te encargas del estilado con Tailwind.

Estrellas en GitHub: 19.164 | Licencia: MIT | Framework: React

Por qué la eligen los equipos que priorizan la accesibilidad: cada primitiva de Radix sigue de serie las buenas prácticas WAI-ARIA: navegación por teclado, retención del foco, anuncios para lectores de pantalla y estructura semántica correcta.

Y el conjunto es completo: Dialog, Dropdown Menu, Popover, Slider, Accordion, Toast, Tabs y más de 20 componentes adicionales.

En la comparación headless ui vs radix, Radix gana en amplitud y profundidad. Más componentes, control más granular y pruebas de accesibilidad más rigurosas.

Entonces, ¿perder el puesto por defecto en Shadcn/ui en julio de 2026 acabó con Radix?

No. El repositorio publicó commits tan recientes como agosto de 2026, y miles de proyectos existentes siguen funcionando sobre él.

Trata el cambio como una modificación de valores por defecto. No es un aviso de obsolescencia, y no tienes que migrar nada.

Ideal para: aplicaciones accesibles donde necesitas primitivas sin estilos para estilizar con Tailwind. O cualquier proyecto donde el cumplimiento WCAG sea un requisito estricto.

Limitaciones: solo React. Sin soporte para Vue ni Svelte. Y escribes todo el estilado visual tú, lo que te cuesta tiempo frente a las opciones ya estilizadas.

#5 Flowbite: la mejor cobertura multiframework

Qué es: una tailwind component library con más de 400 componentes distribuidos como paquetes de JavaScript vanilla, React, Vue y Svelte.

Obtienes componentes con estilos más los comportamientos interactivos en JavaScript.

Estrellas en GitHub: 9.320 | Licencia: MIT (núcleo) / Pro (de pago) | Framework: React, Vue, Svelte, JS

Por qué la eligen los equipos multiframework: Flowbite es la única librería aquí con adaptadores de primera parte para React, Vue y Svelte que incluyen interactividad.

Tus modales, desplegables, tooltips y selectores de fecha funcionan de serie en las cuatro implementaciones.

El plan gratuito cubre la mayoría de los componentes. Flowbite Pro añade componentes avanzados, plantillas de dashboard y archivos de Figma.

Ideal para: equipos que trabajan con varios frameworks frontend y necesitan componentes tailwind ui consistentes con interactividad incluida.

Limitaciones: el bundle pesa más que las opciones solo CSS, con ~84KB de JavaScript.

Y la calidad de los adaptadores varía. React es claramente el más sólido de los cuatro. Así que si solo necesitas CSS, DaisyUI es más ligero y mucho más adoptado.

#6 Headless UI: las mejores primitivas nativas de Tailwind

Qué es: primitivas accesibles y sin estilos creadas por Tailwind Labs para React y Vue. La librería acompañante oficial de Tailwind CSS.

Estrellas en GitHub: 28.712 | Licencia: MIT | Framework: React, Vue

Por qué la eligen los puristas de Tailwind: Headless UI se diseñó para combinarse con Tailwind, y se nota.

La API es simple, la accesibilidad es excelente y el conjunto cubre lo esencial (Menu, Listbox, Combobox, Dialog, Disclosure, Popover, Tab, Transition).

En el debate headless ui vs radix, Headless UI gana en simplicidad e integración con Tailwind. Radix gana en amplitud.

Algo que comprobar antes de comprometerte: el último push del repositorio fue el 13 de abril de 2026.

Cuatro meses de silencio, y viniendo de una empresa que publica sin parar.

No está abandonado, y los componentes existentes son estables y están muy desplegados. Pero si necesitas corrección activa de errores en tus primitivas, mira Base UI o Radix.

Ideal para: proyectos donde quieres primitivas headless accesibles con la API más simple posible. O equipos ya en Tailwind Plus que necesitan comportamientos interactivos.

Limitaciones: conjunto reducido: más de 10 primitivas frente a las más de 30 de Radix. Sin soporte para Svelte. Y menos control granular de accesibilidad cuando tus patrones de interacción se complican.

#7 Preline UI: la mejor colección gratuita con estilos

Qué es: una colección gratuita de más de 77 componentes Tailwind ya estilizados con interacciones opcionales en JavaScript.

Estrellas en GitHub: 6.384 | Licencia: doble MIT + Fair Use (gratis) / Pro (99 $+) | Framework: todos (HTML primero)

Por qué la eligen los equipos con presupuesto ajustado: Preline te da un gran conjunto de componentes responsive con estilos a coste cero.

Y el enfoque HTML primero encaja en el framework que ya estés usando. El plan Pro añade plantillas de dashboard y componentes avanzados.

Ideal para: proyectos donde necesitas muchos componentes tailwind gratuitos con estilos sin atarte a un framework de JavaScript.

Limitaciones: dependencia de ~85KB de JavaScript para los componentes interactivos. Menos adopción que DaisyUI o Shadcn/ui. Y la accesibilidad es parcial, así que cuenta con hacer ese trabajo tú.

#8 HeroUI: la mejor para animaciones en React

Qué es: una tailwind component library solo para React con animaciones de Framer Motion integradas en cada componente, apoyada en React Aria para la accesibilidad.

Estrellas en GitHub: 30.384 | Descargas npm: 503.000/semana | Licencia: Apache-2.0 | Framework: React

Lee esto antes de instalar: NextUI pasó a llamarse HeroUI en enero de 2025.

El paquete ahora es @heroui/react y la documentación vive en heroui.com. Así que si un tutorial te dice que ejecutes npm install @nextui-org/react, ese tutorial está desactualizado.

Por qué la eligen los equipos centrados en animación: cada componente transiciona con suavidad.

Los botones se pulsan. Los modales se deslizan. Los tooltips se desvanecen. Y ese acabado es doloroso de añadir después sobre una librería de componentes estática.

Ideal para: proyectos React donde el diseño de movimiento importa a tus usuarios.

Limitaciones: solo React. Framer Motion añade peso al bundle. Menos componentes que DaisyUI o Flowbite. Y la dependencia de React Aria es potente, pero apila otra capa en tu aplicación.

#9 Tremor: la mejor para dashboards

Qué es: una tailwind component library para React pensada para dashboards: gráficos, tarjetas de KPI, tablas y elementos de visualización de datos.

Estrellas en GitHub: 3.565 | Licencia: Apache-2.0 | Framework: React

Por qué la eligen los equipos con mucho dato: Tremor cubre un hueco que las librerías de propósito general ignoran.

Sparklines, gráficos de área, gráficos de barras y tarjetas de métricas hechos para interfaces de dashboard, apoyados en Recharts con estilado de Tailwind.

La señal de mantenimiento: Vercel adquirió Tremor en enero de 2025.

¿La buena noticia? Los componentes siguieron siendo gratuitos y de código abierto.

La mala: el último push del repositorio fue el 10 de octubre de 2025. Eso son diez meses de nada.

Así que Tremor sigue siendo la vía más rápida para publicar un dashboard con Tailwind, y sigue siendo gratuito. Solo entra sabiendo que podrías acabar manteniendo tu propio fork cuando Tailwind o Recharts introduzcan un cambio incompatible.

Ideal para: dashboards SaaS, paneles de administración e interfaces de analítica. Si trabajas con herramientas de reporting SaaS, Tremor se encarga de tu capa de presentación.

Limitaciones: solo React. Enfocado a dashboards, no de propósito general. Las dependencias de gráficos añaden peso al bundle. Y diez meses sin un commit.

#10 HyperUI: la mejor colección para copiar y pegar

Qué es: una colección gratuita de más de 300 componentes y bloques Tailwind en forma de fragmentos HTML para copiar y pegar.

Estrellas en GitHub: 12.195 | Licencia: MIT | Framework: todos (HTML)

Por qué la eligen quienes construyen rápido: ¿dónde más consigues más de 300 bloques de componentes Tailwind gratuitos sin paso de instalación?

HyperUI tiene la mayor colección gratuita que existe: secciones hero, tablas de precios, pies de página y CTAs.

Sin instalación. Sin dependencias. Copias el HTML, lo pegas y ajustas las clases.

Ideal para: prototipos rápidos, landing pages y cualquier proyecto donde necesites bloques ya hechos sin la sobrecarga de una librería.

Limitaciones: sin interactividad. Sin más accesibilidad que la que te dé tu marcado. La calidad varía entre componentes y no hay arquitectura de componentes que valga.

#11 Base UI: el nuevo valor por defecto de Shadcn/ui

Qué es: primitivas React accesibles y sin estilos creadas por ingenieros de los equipos de Radix, Material UI y Floating UI.

Hace el mismo trabajo que Radix. Con una base de código más nueva.

Estrellas en GitHub: 10.635 | Licencia: MIT | Framework: React

Por qué está ahora en esta lista: Shadcn/ui convirtió a Base UI en su capa de primitivas por defecto en julio de 2026.

Esa única decisión puso a Base UI debajo de una parte de cada nuevo proyecto Next.js. Ejecuta npx shadcn@latest add dialog hoy y esto es lo que obtienes.

El estándar de accesibilidad iguala al de Radix, lo cual no sorprende dado el linaje compartido.

Y el repositorio está realmente activo. Último push: 14 de agosto de 2026.

Ideal para: proyectos React nuevos, especialmente cualquiera que arranques desde Shadcn/ui. O equipos que quieren accesibilidad de nivel Radix sobre una librería que publica cada semana.

Limitaciones: solo React. Comunidad más pequeña que la de Radix, así que encontrarás menos respuestas en Stack Overflow cuando choques con un caso límite. Y la API todavía se está asentando, así que fija tu versión.

#12 Park UI: la mejor librería emergente

Qué es: una librería de componentes con estilos construida sobre las primitivas de Ark UI (del equipo de Chakra UI) con estilado de Tailwind.

Estrellas en GitHub: 2.353 | Licencia: MIT | Framework: React, Solid, Vue

Por qué la vigilan los early adopters: Park UI lleva la filosofía de accesibilidad de Chakra a Tailwind a través de Ark UI.

El soporte multiframework con APIs consistentes la distingue del grupo de opciones solo React. Y el repositorio vive ahora bajo la organización Chakra UI, lo que es buena señal de que seguirá ahí.

Ideal para: equipos que conocen Chakra UI y quieren pasarse a Tailwind. O proyectos donde necesitas compatibilidad entre frameworks con buena accesibilidad.

Limitaciones: comunidad pequeña y menos componentes que las opciones consolidadas. El último push fue en abril de 2026. Sigue madurando.

Matriz de soporte de frameworks

El patrón: DaisyUI, Preline y HyperUI funcionan en todas partes porque son CSS/HTML primero.

Shadcn/ui, Radix, Base UI y HeroUI son React primero.

Y Flowbite sigue siendo la única librería aquí con soporte de primera parte para React, Vue Y Svelte.

Comparativa de accesibilidad

Conclusión clave: si la accesibilidad es un requisito para ti (y en productos SaaS debería serlo), elige Shadcn/ui, Base UI o Radix sobre React.

Elige Headless UI cuando necesites React y Vue. Y presupuesta trabajo manual de accesibilidad si acabas en DaisyUI o Flowbite.

Ahora fíjate en la fila «Vía primitivas» de Shadcn/ui.

Su accesibilidad no es propia. La hereda de la capa sobre la que lo instales: Base UI por defecto desde julio de 2026, Radix antes de eso.

Ambas puntúan en lo más alto. Así que el cambio no te costó nada.

Tamaño del bundle y rendimiento

La conclusión: DaisyUI y las librerías de copiar y pegar (Shadcn/ui, HyperUI, Tailwind Plus) tienen el menor impacto en el bundle.

Las librerías con interactividad JavaScript integrada (Flowbite, Preline, HeroUI) añaden peso real a lo que envías.

Así que si tu aplicación es crítica en rendimiento, ve a solo CSS o headless.

El marco de decisión

Elige Shadcn/ui si:

• Trabajas con React o Next.js
• Quieres propiedad total del código sin dependencia del proveedor
• La accesibilidad es un requisito (las primitivas de Base UI la cubren por defecto)
• Prefieres copiar componentes a tu proyecto antes que instalar paquetes
• Estás construyendo un sistema de diseño o una librería de componentes sobre Tailwind

Elige DaisyUI si:

• Trabajas con varios frameworks (o con ninguno)
• Quieres el prototipado más rápido con clases semánticas
• El tamaño del bundle importa y quieres cero sobrecarga de JavaScript
• Necesitas 35 temas, incluido modo oscuro, de serie
• No te importa escribir tu propio JavaScript para los componentes interactivos

Elige Tailwind Plus si:

• El presupuesto permite 299 $ en solitario o 979 $ para un equipo
• Necesitas diseños listos para producción de inmediato
• Tu equipo valora la calidad del diseño por encima de la personalización arquitectónica
• Trabajas con React, Vue o HTML plano

Elige Radix UI si:

• El cumplimiento de accesibilidad es tu máxima prioridad
• Quieres primitivas sin estilos para controlarlas por completo con Tailwind
• Necesitas componentes avanzados (sliders, popovers, collapsibles)
• Tu proyecto ya corre sobre Radix y prefieres no perseguir un cambio de valores por defecto

Elige Base UI si:

• Estás empezando un proyecto React nuevo sobre Shadcn/ui
• Quieres accesibilidad de nivel Radix sobre una base de código en mantenimiento activo
• Puedes convivir con una comunidad más pequeña mientras la API se asienta

Elige Flowbite si:

• Tu equipo trabaja con React, Vue Y Svelte
• Necesitas componentes interactivos (modales, selectores de fecha, tooltips) con JavaScript incluido
• Quieres el conjunto de componentes tailwind más amplio con adaptadores de framework

Elige Tremor si:

• Estás construyendo un dashboard, un panel de administración o una interfaz de analítica
• Necesitas gráficos, tarjetas de KPI y tablas de datos con estilado de Tailwind
• Te sientes cómodo manteniendo un fork si el proyecto sigue en silencio

Ship apps faster with AI

Generate production-ready Next.js apps from a prompt. Full code ownership, deploy anywhere, stunning design output.

Try Forge Free

Conclusión

El mercado de librerías de componentes Tailwind en 2026 se ordena en niveles claros.

Para equipos React: Shadcn/ui es el estándar, y 121.367 estrellas dicen que nadie se le acerca.

Obtienes accesibilidad, personalización y propiedad total del código con componentes de copiar y pegar sobre primitivas de Base UI. Combínalo con Tremor si construyes dashboards.

Para equipos multiframework: DaisyUI es la elección universal, y tampoco está reñido.

Solo CSS, agnóstico del framework y lo bastante ligero como para usarlo en cualquier sitio. Flowbite cubre el hueco cuando necesitas JavaScript interactivo en React, Vue y Svelte.

Para equipos con presupuesto: Tailwind Plus entrega la mayor calidad de diseño por hora invertida. 299 $ en solitario, 979 $ para un equipo.

Para equipos que priorizan la accesibilidad: Radix UI y Base UI son las opciones más profundas del ecosistema. Y Shadcn/ui hereda de la que instales.

Dos cosas cambiaron desde la última actualización de esta guía.

Shadcn/ui movió sus primitivas por defecto de Radix a Base UI en julio de 2026, y por eso Base UI ocupa ahora el puesto #11.

Y Meraki UI salió de la lista por completo. Su repositorio no recibe un push desde julio de 2025, y un hueco de 13 meses descalifica a una librería de un ranking «mejores de 2026».

Este es el hábito que merece la pena llevarse de todo esto: revisa el historial de commits, no solo el recuento de estrellas.

¿Por qué importa tanto? Compara dos librerías de esta lista. Tremor tiene 3.565 estrellas y no publica desde octubre de 2025. Base UI tiene 10.635 y publicó ayer.

Las estrellas te dicen cuánta gente le dio like a un proyecto una vez. Los commits te dicen si alguien va a arreglar tu bug.

Así que elige la tailwind component library que encaje con tu framework, tus requisitos de accesibilidad y tu tolerancia al JavaScript en el bundle.

La elección correcta te ahorra semanas. La equivocada te cuesta semanas peleándote con abstracciones.

Y hasta aquí nuestro ranking de 2026. Si quieres la capa de diseño que va encima de estos componentes, échale un vistazo a nuestra guía de las mejores plantillas Tailwind.

Recursos relacionados

• Mejores plantillas Tailwind: gratuitas y de pago
• Radix UI vs Shadcn/ui: comparativa completa
• Mejores librerías de componentes React en 2026
• Plantillas Next.js: las 20 mejores opciones
• DaisyUI: guía completa para empezar
• Mejores herramientas de reporting SaaS: 15 plataformas
• Mejor IA para programar: 15 herramientas comparadas
• Mejores plantillas, bloques y temas de Shadcn UI