'/%3e%3cg%20transform='translate(170%20205)%20scale(0.3606)'%20fill='%23111011'%3e%3cpath%20d='M497%20640H359L248%20320%20122%20640H0L256%200z'/%3e%3cpath%20d='M292.43%20640H200.8L248%20522z'/%3e%3cpath%20d='M335%200h138l111%20320L710%200h122L576%20640z'/%3e%3c/g%3e%3c/svg%3e){kind=small}
El sistema de diseño completo para React
Todo lo que necesita un producto moderno, de formularios y datos a IA, gráficos, editores y media: accesible hasta AAA, animado con intención, y con tokens W3C que mueven tanto el código como el kit de Figma.
Temas
Hazlo tuyo
Elige un acento, un radio y una densidad. Todos los componentes lo siguen, en oscuro y claro, con un contraste legible para cada tema.
--alea-radius-xs--alea-radius-sm--alea-radius-field--alea-radius-md--alea-radius-lg--alea-radius-xlPago
Ana Rivas · Plan de equipo
Puestos usados
8 de 10
Al pagar aceptas los términos.
Por qué Alea
Todo lo que un producto necesita
Accesible desde el inicio
Teclado, lectores de pantalla y foco resueltos en cada componente. Cada página se revisa con axe en oscuro y claro.
Motion con sentido
Alea Motion: 33 patrones con nombre, hechos de tokens, y una prop motion en cada capa. Los menús salen de su botón, la selección se desliza, los errores avisan. Respeta el movimiento reducido.
Tokens, oscuro y claro
Un solo conjunto de tokens para variables CSS, JavaScript y variables de Figma. Cambia el tema de una página o de una sola tarjeta.
Lo mismo en Figma
Una librería de Figma generada con los mismos tokens: cada componente, sus propiedades, oscuro y claro, y su documentación.
Responsive de raíz
Valores por breakpoint para columnas, anchos, espacios y dirección. Navbars, grillas y plantillas que se adaptan del teléfono a pantallas anchas.
Bloques y plantillas
Secciones de landing, dashboards, listas, formularios, perfiles y páginas de error, listas para empezar un proyecto.
Alea Motion
Cada cambio de estado se explica solo
Pruébalos: la selección se desliza, el panel se expande, el interruptor rebota, el aviso sube.
glide
morph · press
expand