shadcn/ui Component Showcase

ShadeBoard

A production-ready admin dashboard demonstrating the full potential of shadcn/ui and Radix UI — charts, data tables, forms, sidebar navigation, dark mode and more.

Enter Dashboard View Source Portfolio

Next.js 15TypeScriptTailwind CSSshadcn/uiRadix UIRecharts

What's inside

Every component and pattern you need for a real admin application.

Charts & Analytics

Bar, area, and pie charts built with Recharts and shadcn/ui chart primitives.

Dashboard Layout

Collapsible sidebar, breadcrumb navigation, and responsive grid using shadcn/ui Sidebar.

Data Tables

Users, payments, and project management with filtering, sorting, and pagination.

Forms & Settings

Complex settings forms using shadcn/ui Form, Input, Select, Switch and Tabs.

Dark Mode

Full light/dark/system theme switching powered by next-themes.

Fully Responsive

Mobile-first layout with collapsible sidebar and adaptive components.

Explore the pages

Six fully built pages — click any to jump straight in.

Dashboard

Charts, metrics, transactions, todos

Projects

Card grid with status badges and progress

Payments

Data table with filters and pagination

Team Members

User profiles with roles and avatars

Settings

Forms with tabs, switches, selects

Calendar

Event management with month/week views

Built by Nick Granados · Full Stack Developer · Next.js, TypeScript, WordPress, Laravel

nickgranados.com·github.com/internick2017