ui-station

UI kit dark bento para React + Tailwind CSS v4, con soporte para react-icons.

npm install ui-station react-icons

@import "tailwindcss";
@import "ui-station/styles.css";

import { Button, Card, CardHeader, Switch } from 'ui-station';
import { LuArrowUpRight } from 'react-icons/lu';

export default function Example() {
  return (
    <Card>
      <CardHeader label="Botones" index="02" />
      <Button size="lg" iconBadge={LuArrowUpRight}>Empezar gratis</Button>
      <Switch label="Animaciones" defaultChecked />
    </Card>
  );
}

Personalización

@theme {
  --color-primary: #7c5cff;
  --color-primary-foreground: #ffffff;
  --color-secondary: #ffd60a;
  --color-secondary-foreground: #111111;
}

O en runtime: :root { --color-primary: … }. Modo claro: <html data-theme="light">.

Las guías completas (instalación, theming, diseño y código) están en la carpeta docs/ del repositorio.

Peer dependencies

• react / react-dom ≥ 18
• tailwindcss ≥ 4
• react-icons ≥ 5

MIT