React SaaS dashboard kit
Everything behind the login of a SaaS or back office: an admin shell with a sidebar, search and a command menu, an admin overview and a KPI dashboard, users and roles, account settings and API keys. The data table, charts, stat cards and date range picker are separate files, so your own reports get the same look. For founders and product teams who want a finished admin area in React and Tailwind CSS v4 instead of a blank layout.
Install the whole kit
The CLI copies every file into your project as source you own, with the npm packages and the Wingo UI hooks and helpers they need. Pro items need a Pro plan: run npx wingo-ui@latest login once first.
npx wingo-ui@latest add card tabs dropdown-menu empty-state toast admin-dashboard-page admin-shell kpi-dashboard users-admin-page settings-page api-keys-page data-table stat-card area-chart bar-chart sidebar command-menu date-range-picker notification-centerOnly the free part, no account needed:
npx wingo-ui@latest add card tabs dropdown-menu empty-state toastThe Pro part
The 14 Pro items in this kit come with Wingo UI Pro, which unlocks all 374 items of the library: $8 a month, $80 a year or $150 once. Open any card to try the item live before you buy.
14-day refund on your first purchase of Pro or Lifetime, as long as you have not downloaded any Pro item yet. Refund policy
Free in this kit[5]
Card, Tabs, Dropdown Menu, Empty State, Toast: free for personal and commercial projects, installed without an account under the Wingo UI license.
CardFree
A React card component for listings, stats, settings and plans: media, header, body and footer parts, and a lift-and-press mode.
TabsFree
React tabs with a sliding indicator that switch views of one page: underline for sections, pill for filters, segmented for a compact switch.
Dropdown MenuFree
A React dropdown menu: icons, descriptions, shortcuts, badges, checkbox and radio items, submenus, and an action sheet on phones.
Empty StateFree
A React empty state for lists, tables, searches and pages with nothing to show yet: an icon tile, a title, a description and actions.
ToastFree
React toast notifications: mount one Toaster and call toast() from anywhere, with stacking, swipe to dismiss and a pause while you read.
Pro in this kit[14]
Every Pro item has a live, configurable preview anyone can open; the source comes with a Pro plan.
Admin Dashboard PagePro
A React admin dashboard page: greeting and period, four KPIs, revenue against the previous period, recent orders, alerts and team activity.
Admin ShellPro
A React admin shell layout with a workspace sidebar, a top bar with search and notifications, a command menu and a bottom tab bar on phones.
KPI DashboardPro
A React KPI dashboard: metric tiles with deltas, revenue against the last period, sources, funnel, top sellers, invoices and activity.
Users Admin PagePro
A React users admin page: team members and invitations with seats, roles with a permissions matrix and a save bar, and the audit log.
Settings PagePro
A React account settings page for a back office: profile, account, notifications, billing, security and a danger zone, with a save bar.
API Keys PagePro
The developer settings screen for API keys: list, create with scopes and expiry, reveal the secret once, copy, roll, rename and revoke.
Data TablePro
A React data table on TanStack Table: search, filters, sorting, bulk actions, pinning, resizing, virtualization and cards on phones.
Stat CardPro
A React stat card for dashboards: a label, a big number that counts up, a delta pill that knows good from bad, a sparkline and a goal bar.
Area chartPro
Volumes over time as filled areas: overlapping gradients, stacked bands for parts of a total, or 100% stacked shares.
Bar chartPro
Compares categories or periods as columns or horizontal bars, grouped, stacked or 100%, with negatives below a clear zero line.
SidebarPro
A React sidebar for admin apps: grouped links with icons, nested sections, badges, a sliding active pill, an icon rail and a filter.
Command MenuPro
A React command menu (⌘K palette) with groups, shortcuts, nested pages, async results and recents, and a full-height sheet on phones.
Date Range PickerPro
A React date range picker for reports and bookings: two months with presets on desktop, a one-month bottom sheet on phones.
Notification CenterPro
A React notification center: a bell with an unread count that opens an inbox with tabs, day groups, inline actions and swipe to dismiss.
More kits
- Next.js ecommerce kitA shop from storefront to checkout and order history, with the product page parts.
- AI chat app kitA ChatGPT-style app: chat page, streaming thread, prompt composer, model picker and usage.
- Auth and onboarding kitLogin, sign-up and onboarding screens, plus the inputs and first-run helpers around them.
- Local business website kitWebsites for restaurants, clinics, salons and real estate agents, with booking and maps.
- Agency and portfolio website kitAn agency site and a personal portfolio, plus case study, about, team and testimonial parts.
Or browse all kits, the components and the page templates.