Eclipse UI
Una base de diseño con personalidad. Elige la de tu marca, descárgala y tu IA la sigue en cada pantalla: su voz, su forma, su color, su aire y su ritmo.
Lo que haces, contado con tu voz.
Una página que suena a tu marca y no a plantilla, en cada pantalla que agregues.
$299 MXN / mes
Elige tu personalidad
Seis de partida, cada una para un tipo de marca. Míralas sobre una página real y quédate con la que más se te parezca.
Personalidades →Descárgala
Su theme.css para cualquier proyecto, su shadcn.css si usas shadcn/ui y su DESIGN.md. Sin correo y sin cuenta.
Cómo usarla →Tu IA la sigue
El DESIGN.md le dice a tu agente qué tokens usar y qué reglas seguir: cada pantalla nueva sale con tu voz, no con la de la plantilla.
Cambiar el color primario no le da personalidad a una interfaz. Una personalidad decide cinco rasgos, y la base se encarga de que todo siga leyéndose y moviéndose bien.
Contraste medido
308 mediciones en un navegador real, en cada personalidad, en claro y en oscuro. Si un texto deja de leerse, la prueba falla.
Accesibilidad →Movimiento con física
Resortes de verdad, sin dependencias, que respetan a quien pide menos movimiento.
Movimiento →Instrucciones para tu IA
Cada personalidad trae su DESIGN.md: los tokens, las reglas y lo que haría que tu app se viera hecha por IA.
Ver cómo →CSS
Cualquier proyecto, con o sin framework: el motor y tu theme.css con dos líneas de HTML.
<link rel="stylesheet" href="eclipse-ui.css">shadcn/ui
Los colores, el radio y las fuentes de tu personalidad en los bloques :root y .dark que ya usas.
:root { --primary: oklch(…) }Rails
Componentes con vida en ViewComponent y Stimulus, integrados con Turbo, que toman la personalidad solos.
render Ui::ButtonComponent.newUn eclipse es el instante en que todo queda en línea. Tu marca, cada pantalla y la experiencia de quien la usa, sobre una base que no cambia.