Instalación

Usalo como paquete npm o copiá componentes sueltos con shadcn.

Paquete npm

Requiere React 19 y Tailwind CSS 4.

bash

bun add @moodinary/ui

app.css

@import "tailwindcss";
@import "@moodinary/ui/styles.css";

tsx

import { Button } from "@moodinary/ui/components/button";

export function Toolbar() {
	return <Button>Crear pulso</Button>;
}

Cada componente tiene su propio entry point, así que solo viaja al bundle lo que importás.

Si preferís tener el código en tu repo, cada componente se puede copiar con la CLI de shadcn. Las dependencias entre componentes se resuelven solas.

bash

npx shadcn@latest add https://design.moodinary.com/r/button.json

Para usar los colores y sombras sin los componentes, importá las variables CSS o el JSON.

css

@import "@moodinary/ui/tokens.css";

import tokens from "@moodinary/ui/tokens.json";