Un sistema.
Cuatro identidades.
Cero recompilar.
@eidondev/acme-ui — componentes React sobre Tailwind v4 con tokens semánticos. Cambia tema, modo y tipografía en runtime; los componentes no cambian.
La misma UI, cuatro identidades
Cada tema redefine neutrales, color primario y radio vía variables CSS. Toca uno para aplicarlo a todo el sitio — los componentes no se tocan.
Tres ejes ortogonales
6 features verticales
Nuestros organismos. Features completas que importas y conectas a tu backend por un adapter. Reserva, auth, el embudo de ecommerce y captura de leads — listas para usar.
AuthCube
Flujo de auth (login/registro/reset) sobre un adapter (better-auth).
CartCube
Carrito server-authoritative con cantidades optimistas y cupón.
CheckoutCube
Checkout: contacto → envío → pago (slot agnóstico) → confirmación.
ProductGalleryCube
Catálogo: grid + búsqueda + orden + paginación + add-to-cart.
LeadCaptureCube
Captura de leads para landings: newsletter / waitlist / contacto.
BookingCube
Feature vertical de reserva: flujo + máquina de estados + adapter.
31 moléculas
Nuestras moléculas. Composiciones que combinan squares (WidgetCard, SidebarNav, FilterBar, los pickers de fecha/hora…). Viven en su propio subpath @eidondev/acme-ui/blocks y la capa de formularios en /form.
Card con header (IconChip + título + acción).
Collapsible count-aware con grilla de enlaces.
Nav vertical data-driven, router-agnóstica.
Barra de filtros segmentada (chips + búsqueda).
Campo de fecha (Calendar en Popover) + presets.
Rango de fechas con presets Quick.
Fecha + hora juntas.
Hora con minuteStep (popover + Confirmar).
Dropdown de hora del día (minuteStep).
Planes en cards: precio, features, CTA claro + comparar.
Tabla comparativa: check/guion/valor por plan.
Cabecera de landing: eyebrow, título, CTAs y media.
Header de marketing responsive (menú móvil).
Announcement bar con acción y cierre.
Pie de landing: marca, columnas y fila legal.
Sección de cierre, con modo contraste.
Grilla de features con ícono, título y texto.
Fila de logos para prueba social.
Preguntas frecuentes sobre Accordion.
Grilla de citas con autor (Avatar).
Banda de métricas tipográficas.
Menú de usuario del navbar (con destructivo).
Login, registro y recuperar contraseña en una Card.
Sidebar + header + contenido; Sheet en móvil.
Formulario de contacto (captura de leads).
Captura de email inline para footers/heros.
Página de error: 404, 500 o mantenimiento.
Banner legal de cookies con persistencia.
Sección de página de ajustes (título + card).
Gráfico tematizado (recharts): line/bar/area/donut.
Capa de formularios sobre TanStack Form (opt-in).
77 átomos
Nuestros átomos: acciones, formularios, feedback, overlays, datos. No dependen de otros componentes. Entra a cualquiera para ver estados y código.