@alea-design/ui
The core of Alea, the complete React design system: accessible components, Alea Motion, design tokens for dark and light, presets and glass surfaces.
npm install @alea-design/ui
pnpm add @alea-design/ui
yarn add @alea-design/ui
bun add @alea-design/ui
deno add npm:@alea-design/ui
Use the line of your package manager. With Deno, set "nodeModulesDir": "auto" in deno.json if a bundler such as Vite has to find the package on disk. Where the stylesheet and the provider go in Vite, Next.js, React Router, Astro and TanStack Start: https://alea.alevasquez.dev/frameworks?utm_source=npm&utm_medium=readme&utm_campaign=alea-ui
import '@alea-design/ui/styles.css';
import { ThemeProvider, Button } from '@alea-design/ui';
<ThemeProvider locale="es-ES" motion={{ mode: 'productive' }} preset="graphite">
<Button>Guardar</Button>
</ThemeProvider>
Docs: https://alea.alevasquez.dev?utm_source=npm&utm_medium=readme&utm_campaign=alea-ui · MIT license · Alea Pro (charts, DataGrid, effects, templates): https://alea.alevasquez.dev/pro?utm_source=npm&utm_medium=readme&utm_campaign=alea-ui