Launch your projects faster with admin dashboards, website templates, components, blocks, and pre-built real-world examples.
Care follow-up card with a 4W or 12W toggle and two side by side metrics, each with a value, a point change colored by outcome and a small Recharts area sparkline with tooltip.
Learner funnel card with week, month and year tabs and three proportional columns for enrolled, active and certified learners, with a footer sentence that updates on hover.
Sales overview card with a large revenue total, a monthly growth figure, orders and visits percentage chips and a two-color split bar underneath.
Three regional revenue cards, each with a large amount and a linked status row showing goals achieved out of five, a colored status icon and a chevron arrow.
Two compact usage cards with a Recharts radial ring that shows the percentage in its center, next to the resource name and how many of the allowed items are used.
Four usage limit cards for requests, credits, storage and API calls, each with the current value, a progress bar, the percentage used and the plan limit.
Three stock ticker cards with company name, symbol, price, change and percentage colored green or red, plus an edge to edge Recharts area sparkline along the bottom of each card.
Energy source mix card with a site select, four quarter bars split between solar and grid that filter the totals when clicked, a legend and solar versus grid shares in MWh.
Left aligned label, heading and intro above four counters in a row with dividers on desktop, each with a large count up number, colored suffix, bold label and one line description.
Accent colored bordered panel with a long heading and About Us button on the left and three divided rows on the right, each with a large count up number, label and description.
Primary colored rounded band with four stats in a row separated by thin dividers, starting with a static #1 and followed by count up numbers with labels. Stacks on phones.
Indicator label and heading with a reviewer avatar, 4.9/5 score, five stars and review source on the left, and a bordered two by two grid of centered count up stats on the right.
Muted section with a centered Stats badge and a heading with a primary accent word, above three cards that each show a count up number and a short label.
Centered problem statement heading and text above three cards with an icon badge, a large light count up percentage and a sentence with bold lead text. The middle card is offset lower.
Three columns: a heading with four stats in a two by two grid (three count up, one static 24/7), a tall photo in the middle and two paragraphs with a rounded About Us button.
Why Us badge, heading and text with three decimal count up stats on the left, and a two by two grid of muted tiles with a primary icon, title and short description on the right.
Muted section with a small label, heading, text and three stats (two count up, one static rating) on the left and two bordered feature cards with primary icons on the right.
Two line heading with an italic tagline aligned right, above a two by two grid of accent cards with corner bracket borders, a label and a large primary count up number.
Two column layout with a rounded dashboard screenshot on one side and a badge, large heading, text and two faded count up numbers with labels on the other.
Results label and heading above a bordered card split in two: two count up stats with a recharts bar chart of monthly tasks, and a subheading, text and a large 99.9% stat.
A multi step navigation component that guides users through a process with numbered, icon or progress bar indicators, titles and step content.
Stepper built with shadcn/ui.
Stepper built with shadcn/ui.
Stepper built with shadcn/ui.
Stepper built with shadcn/ui.
Stepper built with shadcn/ui.
A multi step navigation component that guides users through a process with numbered, icon or progress bar indicators, titles and step content.
A multi step navigation component that guides users through a process with numbered, icon or progress bar indicators, titles and step content.
Stepper built with shadcn/ui.
Stepper built with shadcn/ui.
Stepper built with shadcn/ui.
Stepper built with shadcn/ui.
Stepper built with shadcn/ui.
Stepper built with shadcn/ui.
Ecommerce header with logo, Collections dropdown with featured image card, Accessories dropdown with icon grid, Women and Men links, search, wishlist, cart badge, Sign in and a mobile sheet menu.
A control that allows the user to toggle between on and off. Every switch variant toggles reliably with Radix UI and Base UI semantics.
Switch built with shadcn/ui.
A control that allows the user to toggle between on and off. Every switch variant toggles reliably with Radix UI and Base UI semantics.
A control that allows the user to toggle between on and off. Every switch variant toggles reliably with Radix UI and Base UI semantics.
A control that allows the user to toggle between on and off. Every switch variant toggles reliably with Radix UI and Base UI semantics.
A control that allows the user to toggle between on and off. Every switch variant toggles reliably with Radix UI and Base UI semantics.
Switch built with shadcn/ui.
Switch built with shadcn/ui.
Switch built with shadcn/ui.
Switch built with shadcn/ui.
A table displays tabular data in rows and columns. All table styles combine easily with Radix UI and Base UI components.
Table built with shadcn/ui.
Table built with shadcn/ui.