@tsukira/ui

Librería de componentes React premium, hiper-tematizable y sin dependencias pesadas — el kit Tsukira. ~75 componentes y patterns con identidad propia, modo oscuro derivado y theming por variables CSS.

npm install @tsukira/ui @tsukira/ui-tokens
# peers: react, react-dom, motion, react-hook-form

Uso

import "@tsukira/ui-tokens";      // tokens base (variables --tsk-*)
import "@tsukira/ui/styles.css";  // estilos de los componentes

import { Button, Card, useToast } from "@tsukira/ui";

export function App() {
  return (
    <Card padding="lg" shadow="md">
      <Button variant="brand">Hola Tsukira</Button>
    </Card>
  );
}

Theming

Todo el kit referencia variables CSS (--tsk-color-*, --tsk-radius-*, …). Cambia tu color de marca y se derivan rampas, softs, gradientes y el modo oscuro completo. Sobreescribe las variables en :root (o expórtalas desde el Theme Studio del showcase).

Peer dependencies

| Paquete | Rango | |---|---| | react / react-dom | ^18 o ^19 | | motion | ^12 | | react-hook-form | ^7 |

lucide-react y recharts vienen como dependencias del paquete.

Licencia

MIT © Ro Pino