COSS UI
Más de 500 componentes para copiar, sobre Base UI. Antes se llamaba Origin UI.
¿Es para ti?
Úsalo si…
- Quieres muchos componentes listos para copiar.
- Usas React, Tailwind y Base UI.
- Necesitas variantes que shadcn/ui no trae.
Mejor evítalo si…
- No usas Tailwind.
- Prefieres una librería que se actualice con npm.
Qué es
COSS UI es la continuación de Origin UI: la misma idea de copiar y pegar, ahora construida sobre Base UI y mantenida por Cal.com, que la usa como su sistema de diseño oficial. Cubre muchísimas variantes de campos, selectores y diálogos que shadcn/ui deja fuera. Dos avisos: los tutoriales de antes lo llaman Origin UI, y la colección original sigue disponible en coss.com/origin mientras dura la transición.
- react
- tailwind
- base-ui
- formularios
Combina bien con
Herramientas de otras categorías que suelen ir juntas en un mismo proyecto.
Alternativas en Componentes UI
Ordenadas de principiante a avanzado. Compáralas con COSS UI lado a lado.
- HeroUIComponentes de React bonitos y accesibles, listos para usar.GratisPrincipiante
- Material UIComponentes de React con el diseño Material de Google.GratisPrincipiante
- Chakra UIComponentes accesibles con una API de estilos muy sencilla.GratisPrincipiante
- shadcn/uiCopia los componentes a tu proyecto: el código es tuyo.GratisIntermedio
- MantineMás de 100 componentes y muchos hooks útiles.GratisIntermedio
- Magic UIMás de 150 componentes animados para copiar, pensados para convivir con shadcn/ui.GratisIntermedio
- Aceternity UIComponentes y secciones con animación de mucho impacto para páginas de presentación.GratisIntermedio
- React BitsComponentes de React animados: textos, fondos y elementos de interfaz con carácter.GratisIntermedio
¿Dudas entre COSS UI y HeroUI?
Ponlas lado a lado: precio, nivel, cuándo conviene cada una y cómo se empieza.