AdminKit — React Dashboard UI Kit
60+ React and Tailwind components and 12 ready pages for dashboards, in light and dark.
- UI Kit
- react
- tailwind
- dashboard
- ui-kit
- figma
- 60+ React components
- 12 complete pages
- Light and dark themes
- Figma file included
- TypeScript and Tailwind CSS
Dashboards, without starting from zero
AdminKit is the set of pieces every admin panel needs, designed together and built in React with Tailwind CSS. Pick the pages you need, connect your data, ship.
What's inside
60+ components with light and dark variants
12 complete pages, from dashboard to settings
Charts, tables with sorting and pagination, forms with validation
Auth screens: sign in, sign up, reset password, two-factor
A Figma file matching the code
Made to be changed
Colours, radius and fonts are Tailwind tokens: change them once and the whole kit follows.
import { StatCard } from "@/components/stat-card";
<StatCard label="Revenue" value="$48,290" delta="+12.4%" />- 60+ componentsButtons, forms, tables, modals, tabs, toasts and more.
- 12 pagesDashboard, analytics, orders, products, customers, settings and more.
- ChartsLine, bar, area and donut charts, themed for light and dark.
- Auth screensSign in, sign up, reset password and two-factor.
- Light and darkOne class switches the whole kit.
- Figma fileEvery component with variants and auto layout.
- TypeScriptTyped props and examples for every component.
- AccessibleKeyboard support and ARIA on every interactive part.
- ResponsiveDesigned for phones, tablets and wide screens.
- Vite and Next.js startersDrop the kit into either with one command.
Single license
Use the product in one project for yourself or one client.
You may modify it as you like. You may not resell, redistribute or share the source files, alone or in a template or theme.
Which React version does it need?
React 18 or 19. The starters use Vite and Next.js 16.
Do I need Tailwind?
Yes, Tailwind CSS 4. The kit ships its theme tokens as a Tailwind config.
Is the Figma file included?
Yes, with every component, page and both themes.
Can I use it in a SaaS I sell?
The single license covers one product. For a SaaS with paying users, choose the extended license.
Are the charts a separate library?
The charts use Recharts, themed to match; you can swap in another library.
1.4.0
Dark theme for every chart; new Calendar page.
1.3.0
Tailwind CSS 4 and React 19 support.
1.0.0
First release.
Gallery
AdminKit dashboard in light mode
AdminKit dashboard in dark mode
AdminKit orders table with status badges
AdminKit sign-in screens, light and dark
Related products
A production-ready REST API starter: JWT auth, roles, Zod validation, Drizzle, Swagger and Docker.
PopularAgencify — WordPress Agency Theme
PKR 14,900$59 USDA bold WordPress theme for agencies and studios: 8 demos, Elementor-ready, imported in one click.
NewDevFolio — Next.js Portfolio + Admin Dashboard
PKR 19,900was PKR 32,900$79 USDwas $129A fast developer portfolio with a full admin: projects, products, payments and SEO, all editable.
Best
PKR 50dadqwdqqigdhqwjbdjhqbdhuqbvwdjhqwdqb