'/%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}
Alea Pro Pro
Alea Pro
El kit gratuito cubre lo que necesitan la mayoría de los productos. Alea Pro agrega las partes que más tiempo llevan hacer bien: datos, gráficos, arrastrar y soltar, efectos premium, páginas completas y el kit de Figma.
Charts
Línea, área, barras, pie, dona, dispersión, radar, mapa de calor, sparkline y gauge. Accesibles: vista de tabla, foco de teclado en los puntos de datos, tooltips en vivo.
ChartsDataGrid
Orden, filtros, búsqueda, paginación, selección de filas con acciones masivas, edición en línea, visibilidad de columnas y exportación a CSV.
DataGridArrastrar y soltar
SortableList y KanbanBoard con soporte de teclado y lectores de pantalla, y VirtualList para miles de filas.
Arrastrar y soltarEditor de Markdown
Una barra de herramientas, atajos, vista previa y un renderizador seguro que nunca devuelve HTML crudo.
Editor de MarkdownCalendarView
Una vista mensual con eventos, localizada, y navegación por teclado entre días.
CalendarViewEfectos premium
Vidrio y vidrio líquido, gooey, border beam, spotlight, tilt, magnet, metal, aurora y efectos de texto, todos respetando el movimiento reducido.
Efectos premium39 blocks
Encabezados, heroes, precios, preguntas frecuentes, autenticación, ajustes, tablas de datos, onboarding y más, listos para poner en una página.
39 blocks24 templates
Una app de administración completa (dashboards, listas, formularios, perfiles, resultados, excepciones, cuenta) además de landing, ajustes e inicio de sesión.
24 templatesEl kit de Figma
Cada componente como componente de Figma con las mismas props, variables en Dark y Light, movimiento con Smart Animate, y una página de specs cada uno.
El kit de FigmaGratis y Pro
| Qué | Alea (gratis, MIT) | Alea Pro |
|---|---|---|
| Componentes base: acciones, formularios, overlays, navegación, diseño, tipografía, feedback | Incluido | Incluido |
| Design tokens, oscuro y claro, temas y marca | Incluido | Incluido |
| Alea Motion: los patrones, la prop motion y las utilidades | Incluido | Incluido |
| Gráficos, DataGrid, arrastrar y soltar, editor de Markdown, CalendarView | No | Incluido |
| Efectos premium: vidrio líquido, gooey, beam, spotlight, tilt, magnet, metal, aurora, efectos de texto | No | Incluido |
| Bloques y plantillas | No | Incluido |
| El kit de Figma (Alea para Figma) | No | Incluido |
Cómo se obtiene
Con una licencia recibes una clave. Alea Pro se instala desde un registro privado, así el código queda en tu proyecto y en tu CI como cualquier otro paquete.
# .npmrc in your project (keep the key in an environment variable)@alea:registry=https://registry.alevasquez.dev///registry.alevasquez.dev/:_authToken=${ALEA_LICENSE_KEY}
npm install @alea/ui @alea/pro
import '@alea/ui/styles.css';import '@alea/pro/styles.css';import { DataGrid, LineChart } from '@alea/pro';
O copia el código con la CLI: ALEA_LICENSE_KEY=… npx @alea/cli add data-grid.