Launch your projects faster with admin dashboards, website templates, components, blocks, and pre-built real-world examples.
An opinionated toast component for React. Every toast example sits comfortably next to Radix UI and Base UI components.
Sonner toast built with shadcn/ui.
Sonner toast built with shadcn/ui.
Sonner toast built with shadcn/ui.
Sonner toast built with shadcn/ui.
An indicator that can be used to show a loading state. All spinner styles work anywhere Radix UI or Base UI components are used.
Spinner built with shadcn/ui.
Spinner built with shadcn/ui.
Spinner built with shadcn/ui.
Spinner built with shadcn/ui.
Spinner built with shadcn/ui.
An indicator that can be used to show a loading state. All spinner styles work anywhere Radix UI or Base UI components are used.
An indicator that can be used to show a loading state. All spinner styles work anywhere Radix UI or Base UI components are used.
An indicator that can be used to show a loading state. All spinner styles work anywhere Radix UI or Base UI components are used.
An indicator that can be used to show a loading state. All spinner styles work anywhere Radix UI or Base UI components are used.
Spinner built with shadcn/ui.
Spinner built with shadcn/ui.
Spinner built with shadcn/ui.
Spinner built with shadcn/ui.
KPI and pipeline cards with labels, values, and progress bars. Suited for dashboards and reports, built from shadcn/ui for clear metric presentation.
KPI and pipeline cards with labels, values, and progress bars. Suited for dashboards and reports, built from shadcn/ui for clear metric presentation.
KPI and pipeline cards with labels, values, and progress bars. Suited for dashboards and reports, built from shadcn/ui for clear metric presentation.
Stat built with shadcn/ui.
Four-column KPI row with order, sales and user totals, an up or down percentage badge, a previous month value in the footer and a dropdown for settings, alerts, pinning, sharing and removal.
Outbound shipments card with a 14 or 30 day toggle, a total with change badge, a stacked Recharts bar chart by status and three summary toggles that highlight one series.
Hospital operations KPI strip with five metrics in a bordered grid, a week, month or quarter toggle and change badges colored by whether the direction is good, with previous values in tooltips.
Survey summary card with an icon, a Collecting or Paused badge, tooltip icon actions, a dropdown menu, three tiles for responses, completion and average time, and a response goal progress bar.
Hiring overview with a 7 day, 30 day or quarter toggle and four KPI cards for roles, applicants, offer acceptance and pipelines, each with an icon, trend badge, note and dropdown.
Today's transfers card with All, Received and Sent tabs, a list of incoming and outgoing transfers with colored amount badges and a footer total that follows the active tab.
Account activity card with a 7, 30 or 90 day select, name and amount sort buttons, a transaction list with icons or initials, status labels and a net flow footer.
Cloud spend card with a billing month select, total and change versus the previous month, a five-part segmented bar and a legend list that highlights the matching segment on hover.
Travel card limit card showing spend against a limit, a progress bar with an alert marker, a popover form to edit the limit with validation, and daily average, projection and days left.
Fulfillment hubs list with icons, regions, on-time rates, 24-tick dock capacity meters with order tooltips and shipped value, a week or month toggle and a dropdown to change sorting.
Cluster capacity card with a cluster select, spend and uptime badges and a 40-tick vCPU meter that turns red above 80 percent and shows a value for each hovered tick.
Sales pipeline card with a segmented bar of five deal stages that shows tooltips on hover, followed by a stage list with deal counts, dollar values, small progress bars and percentages.
Three technician cards with avatar, specialty, status badge, actions menu, jobs today, billed amount, star rating with review count and an assign button that is disabled for off-shift staff.
Sales by channel card with a month or quarter toggle, four proportional columns showing amount, share and change on hover on desktop, and a stacked bar with a legend list on mobile.
Deploy success rate card with 30 daily bars around a dashed target line, the selected day's rate and gap to the average, an on-target badge and a count of days below target.
Appointment show rate card with a 7D, 30D or 1Y toggle, point change, a four-band Poor to Great scale with a sliding marker and tooltip, and booked visits and no-shows.
Energy generated card with a 7D, 30D or 90D toggle, total MWh with percentage change, a Recharts area chart with an average line and footer values for daily average and best day.
Sprint progress card with a large completion percentage, three status toggles for shipped, in review and to do, a row of one tick per issue and a dropdown of sprint actions.
Recovery score card with a 30 day Recharts area chart, a dashed baseline, a headline score that follows the hovered day, a change versus the prior day and a status badge.
Three site benchmark cards for energy, water and carbon intensity with a regional or national peer toggle, two comparison bars, an Efficient or Needs attention badge and percentage difference.
Learner engagement card with a cohort select and four goal rows for lessons, study time, assignments and mentor sessions, each with a progress bar and tooltip, plus an on-track count footer.
API requests card with a region select, weekly total with change badge and a Recharts line chart comparing this week with a dashed last week line, plus a legend and the daily peak.
Website analytics card with a conversion rate in the description and a two-column grid of six labeled values: direct, organic, sessions, page views, leads and conversions.
Shipping days calendar for three months with one dot per weekday shaded by deploy count, volume filter toggles, totals, a streak badge and a detail box for the hovered or focused day.
Customs clearance card with a file row with preview and download buttons, a metadata list and four stage progress tabs that show each step's status, count and badge when selected.