Shadcn Dashboard is a collection of modern, production-ready dashboard layouts, components, and UI patterns built on top of shadcn/ui and Tailwind CSS. It’s designed to help developers build clean, scalable, and data-driven dashboards faster—without compromising on performance, accessibility, or customization.
Default accordion component
Multi-level accordion component
FAQ accordion with numbered items, background fill on open, and +/- toggle
Accordion wrapped in a rounded card with left-aligned +/- icons and border dividers
Accordion with icon trigger, description, and an image revealed on open
Accordion with a filled accent background on the trigger header
Animated accordion with a number bubble, sliding title shift, and an expanding bottom line on hover and active states — built with motion/react for fluid spring transitions.
Manage API keys, usage limits, billing information, and third-party integrations from a single account settings layout. Perfect for SaaS dashboards that need secure developer account management.
Update personal information, manage passwords, and configure account security with a clean settings interface. Designed for applications that require simple profile management and stronger account protection.
A complete AI chat conversation block with a centered welcome and suggested prompts, a scrollable message thread with assistant and user bubbles, and a composer with attachments and a model picker.
A standalone AI chat composer with file attachments (drag, drop, and paste), a model picker with effort levels and a thinking toggle, speech-to-text dictation, and a temporary-chat switch.
The frame around an AI chat: a collapsible sidebar with pinned and recent chats, rename and delete actions, a command-palette style search dialog, a workspace and account menu, and a topbar.
A docked AI assistant panel that sits alongside your app content at desktop sizes and slides in as a sheet below the lg breakpoint: a header with chat history, new chat, and close actions, a welcome state with suggested prompts, a message thread, and a full composer with model and effort picker.
The sharing flow for an AI chat: a dialog with visibility options (private, team, or public link) and a copy-link row, ready to drop into any chat block.
A token routing console for LLM control planes — model priority and budget guardrail stats, a per-model token usage & spend routing list with priority ranks and enable toggles, and a weekly per-model token worklog table with a bordered grid, usage bars, a date-picker & prev/next week navigation, and pagination. Ideal for AI product and LLM control-plane dashboards.
An AI care operations dashboard for hospitals, medical centers, and social care teams — with a status banner, triage & risk stat cards, a care escalation timeline, a patient risk trend chart, and a related-operations kanban board. Ideal for hospital management, clinic, and health-system admin panels.
An agent fleet usage console — with an account header, a usage summary card with Tokens/Spend/Requests tabs, a daily usage chart, a top-models-by-usage breakdown, a GitHub-style activity heatmap with streak stats, and an API keys management table. Ideal for AI agent billing, LLM usage tracking, and API key administration dashboards.
Alert component
Alert component
Alert component
Alert component
Alert component
Alert component
Animated List component
Setup Steps component
Expandable stack of cards showing notifications with dynamic spring layouts
Animated Text component
Animated Gradient Text component
Animated Typing component
Animated Rolling Text component
Animated Shimmer Text component
A multi-series area chart with year comparison
A composed chart with bar and line series
A profit area chart with two series
A settlements area chart with gradient fill
A linear area chart
A stacked area chart with expand stacking
A step area chart with two series and animation
Default autocomplete component
Autocomplete component with different size variants
Autocomplete with vanish animation
Autocomplete with grouped team members, avatars, status dots, and spring-animated list items
Autocomplete with debounced async search, loading spinner, error handling, avatars, and spring-animated results
Autocomplete for selecting a project type with unique icons, selected icon shown in input, and spring-animated list items
Default avatar component
Group avatar component
Badge avatar component
Border avatar component