Dashboards,
shipped at the
speed of paste.
A polished React + Tailwind CSS v4 component library. Every button, table, form and chart you need for an admin panel — fully typed, theme-aware, and ready to drop in.
npm i @andreagiugni/tailwind-dashboard-uiRevenue
+12.4%€48,210
import { Button, Badge } from "@andreagiugni/tailwind-dashboard-ui";
import "@andreagiugni/tailwind-dashboard-ui/theme.css";
export default function App() {
return (
<Button variant="primary" onClick={() => alert("hi")}>
Get started
</Button>
);
}Everything an admin panel needs.
Designed for real dashboards — opinionated where it helps, flexible where it counts.
Zero-config styling
Ships its Tailwind v4 theme. Import one CSS file and every component looks right — instantly.
Custom colors
Named variants by default; pass bgColor, textColor or borderColor for arbitrary inline overrides.
Native event props
Each component extends its HTML element — onClick, onDoubleClick, aria-* and refs all just work.
45+ components
Buttons, tables, the full form suite, modals, tabs, charts, calendar, a vector map and a WYSIWYG editor — fully typed.
Light & dark
Built-in dark mode via the .dark class variant. Toggle any preview on this site to see it.
Framework-agnostic
No Next.js lock-in. Works in any React 18 / 19 app with Tailwind CSS v4.
Start building in two lines.
Install the package, import the theme, and drop in any of the 45+ components.