shadcn-ui-blocks

A slim card stating current booking status, next opening month, and response time with a direct contact button in one horizontal strip.

A card showing a state badge, label, and short note together. Use it on dashboards to surface health, order, or system status at a quick glance.

Vertical timeline of status transitions for one entity with actor names, timestamps, and time-in-state durations.

A multi column footer with brand tagline, live status pill, four link columns, and a hairline social bottom row.

A status card with an operational headline and green service rows.

Public status page with an overall operational banner, per-service uptime badges, 90-day tick strips, and a subscribe affordance.

A one row live status banner with a pulsing dot linking the full status page.

Support queue with an Open, Blocked, and Done count strip above the ticket rows and a status badge per row.

Ops summary strip of four Badge-styled status tiles showing service counts for Operational, Degraded, Partial outage, and Maintenance.

Two column reliability section pairing audited uptime stats and a status page link with a panel of 45 day uptime bar strips and a legend.

One wide card with a headline user count and a ruled breakdown list by plan with counts and share percentages.

An accordion styled as numbered steps with connecting markers. Ideal for setup flows, tutorials, and any process that readers complete in order.

Active seats area chart using stepAfter type so each provisioning event reads as an instantaneous jump, not gradual growth.

Numbered collapsible steps that reveal instructions one at a time. Use it for onboarding or setup guides where readers work through tasks in order.

Final review step of a multi-step wizard with a checked stepper, per-step value summaries with Edit links, and a confirm button.

Numbered steps that lay out how your product works from start to finish. Drop it on a homepage to turn a process into an easy three or four part story.

Three numbered step cards, each led by a mini UI mockup of the brief, board, and report stages.

Tabs labeled Step 1 to 3 where each panel pairs step copy with a small app mockup.

A breadcrumb that pins to the top of the view as the page scrolls. Keeps the current location visible on long articles and deep settings pages.

A cart summary pinned to the side as you scroll, holding items, totals, and a checkout button. Keeps payment in reach on long product and listing pages.

A banner that stays fixed as the visitor scrolls, keeping a button always in view. Useful for long portfolio pages where the offer should stay reachable.

Invoice lines table with right-aligned tabular numbers, status badges, and a sticky footer row showing the line item count and running total for billing pages.

A background jobs table inside a fixed height scroll viewport with the column header pinned by sticky positioning, so headers stay readable as rows scroll.

A slim sticky header with frosted background, the name mark, three nav links, and an emerald availability dot.

A split work index that pins the heading, intro, and a ruled facts list on the left while project tiles scroll on the right.

A case study layout with project facts and result figures fixed in a sticky left column while the prose writeup scrolls on the right.

App shell with a sticky bulk-actions and filter toolbar that stays pinned above a scrollable data table.

Three registry cards for the oldest bags in daily use, each led by a big years count with serial, service rows, and an owner line.

How the counters work, sworn in public, the hand set field does not exist.

One stockist in full: what is stocked, what is not, hours, services, and the price match promise stated.

Three wholesale stockists quoted on why they reorder, with the margin disclosure printed below.

Four independent shops with what each shelf actually carries.

A storage cleanup panel with a reclaimable space summary, checkbox large files and duplicates sections, an old trash row, and a selection bar.

A storage quota panel with a segmented usage bar at capacity, a category breakdown, paused versus working lists, and free space or upgrade actions.

Storage rules beside the image, the shipping bag revealed as the storage bag.

Storage quota card showing 142 of 250 GB used with a type breakdown bar and a recoverable trash hint.

A storage quota panel with a used versus quota headline, a segmented usage bar by type, per type breakdown rows, and a trash reclaim row.

The missing page owned plainly with search and the four most wanted routes.

A local availability search pairing a product query with nearby store rows showing live shelf counts and pickup windows, plus a shipping fallback.

Balance, dated ledger, and the three rules that make credit behave like cash the store owes you.

Tours, clinics, and pack nights as dated rows with honest small capacities.

Locations with live hours and a what this store uniquely offers line each.

A store finder split with a search field and nearest results on the left beside a blueprint style map with numbered pins on the right.

The tagline replaced by six audited figures, none rounded up.

A new store announcement naming the location and opening date, then the opening week itemized day by day above an invite call to action.

Critical reviews with signed public replies and the fixes they caused.

A services matrix with every location as a column and every in store service as a row, each cell a check, a dash, or a short note.

Four customer stories in a bordered accordion where each trigger pairs a wordmark with a metric chip and opens to a summary and stats.