LIMINAL UIDESIGNSYSTEM
Cada línea es tuya. Publica con confianza.
Componentes React para copiar y pegar, sobre primitivos Ark UI y estilados con Tailwind v4. Sin capas de más, sin ataduras: código limpio y componible que controlas al completo.
Construye interfaces limpias más rápido.
Empieza con un setup mínimo y entrega componentes reutilizables con control total sobre tu design system.
npm i liminal-uipnpm add liminal-uiyarn add liminal-uibun add liminal-uiMOTOR DE TEMAS
Un sistema.
Infinitas paletas.
Alterna entre presets curados o crea el tuyo. Cada variable se actualiza en tiempo real: lo que ves es lo que publicas.
COMPONENTE
v2.4Tarjeta de sistema
Implementacion base sobre primitivos Ark UI, con estructura predecible y cero ataduras.
:root {
--radius: 0rem;
--tracking-normal: 0em;
--font-sans: var(--font-geist-sans), ui-sans-serif, sans-serif;
--border-width: 1px;
--backdrop-blur: 0px;
--card-opacity: 1;
--shadow: none;
--background: oklch(0.9702 0 0);
--foreground: oklch(0.145 0 0);
--card: oklch(1 0 0);
--primary: oklch(0.463 0.2818 264.2203);
--primary-foreground: oklch(0.985 0 0);
--muted: oklch(0.97 0 0);
--muted-foreground: oklch(0.556 0 0);
--border: oklch(0.8754 0.0033 17.2208);
--accent: oklch(0.9207 0.1815 109.4908);
--ring: oklch(0.708 0 0);
}
.dark {
/* ... dark mode overrides ... */
}
Componentes abiertos. Ark UI + Tailwind. El código es tuyo.
SISTEMA DE COMPONENTES
Hecho para componer.
Listo para producción.
Elige un componente. Ajusta sus props. Ve el resultado en vivo. Cada pieza es accesible, tematizable y te pertenece.
Vista previa en vivo
InteractivoTamaño
PRÓXIMAMENTE
Dashboards completos.
Componentes complejos.
Estamos preparando layouts de dashboard listos para usar y componentes compuestos más ricos: tablas de datos, gráficos, barras laterales y flujos multipaso. Todo sobre los mismos primitivos que ya usas, para encajar en tu stack sin fricción.
Mantente al tanto de las novedades.