shadcn-ui-blocks

Two side by side cards contrast buying new against a graded resale unit, each with an image, price, four condition rows, and a buy button.

The drop against the permanent range, two kinds of buying explained.

One bag at three honest price points, new, refurbished, and second, with the guarantee row identical.

A two column comparison of the same product at day one and year five, each with matching condition rows and a borrowed back disclosure below.

An editable next subscription box as a line item list, each swappable or removable, with a one time add on, running total, and edit deadline.

A split section with a heading, three countdown tiles, waitlist buttons, and a final contents list with unit counts beside placeholder imagery.

A two-column split showing the next available start date with slot details and a three-step claim process ending in a contact action.

A full-width bordered band at the foot of a case study page with a Placeholder thumbnail, the next project name and meta, a forward link, and a back-to-all link.

A centered closer with three numbered steps covering the first message, a short intro call, and a written proposal, ending in one primary action.

Pending-access gate naming the reviewer with avatar and ETA, plus a list of surfaces the user can reach in the meantime.

Empty panel with a geometric illustration, an events headline, an explanation of when data appears, and a primary API call action.

Empty integrations surface with unlock bullets, a browse CTA, and Slack, GitHub, and Jira quick-connect chips.

A ruled list of award submissions where an outcome badge marks each entry as won, shortlisted, or an honourable mention beside its year.

One hero metric with a sparkline and a versioned definition against drift.

Why no sales ever, in three numbered rows, with the archive exception.

The query kept, three scopes to widen, and what search covers stated.

A two column zero surcharge promise where a left list names three fees other checkouts add and a right mono receipt prints each at $0.00.

Four client cards each naming the company, a paragraph on the scope of work, and a concrete one-line outcome, the selected engagements with results attached.

A 404 with a search pill and chips for the pages people were actually hunting.

A 404 page with an oversized muted number, a calm headline, a rounded home button, and three destination cards for docs, status, and support.

Profile notification summary strip with linked cards for Mentions, Assigned, and Reviews showing unread counts derived from a single array and a digest timing note.

The bell panel open, tabs, four notifications, one unread, mark all read.

A notification setup step with four channel toggle rows, a recommended badge, an email digest chooser, and a note that defaults apply per user.

Notifications inbox zero view with a today tally of cleared, snoozed, and archived counts plus a settings link.

Inbox panel collapsing notifications by source with inline thread expansion and unread count badges.

Notification matrix with event rows crossed against email, push, and Slack checkbox columns, a locked security row, and an email frequency select.

The email and in app switch matrix with the billing row locked on, honestly.

Every email type on a working switch with honest cadence, locked rows explained.

Topic and channel checkboxes with marketing off by default and order updates locked on with the reason.

An ordered rules list where each row names a rule, shows its conditions as chips, points to delivery channels, and carries an enable switch.

An empty notifications inbox with a muted bell icon, a headline, and the full alert menu listed with live switches, all off until asked.

Five notification type rows with email, push, and in-app channel switches grouped into Account and Workspace sections.

Out of stock as a dated promise with queue size against batch size.

The sold out inline row with the batch date when known and the honest unknown when not, order noted.

A ruled list of four things this practice does not offer, each paired with a specific redirect to who can help instead.

Dated snapshots of a now page, each pairing a date column with a three column panel of what started, stopped, and kept going.

A stacked list of 3 projects currently in development, each with a status badge, technical description, and a dated progress note.

A skills block listing four topics currently in progress, each with a reason and an honest status line showing where the learning stands.

Compact roadmap list with three sections each showing initiative rows with a confidence chip and an honest status note per item.

A dated snapshot across Work, Learning, and Life sections with specific items so the page reads as a live signal rather than a static bio.

A dated snapshot of current projects, learning, and availability with a side column showing location and next opening.

Six quarters of NPS as shadcn bars beside survey verbatims including the missing point.

An accordion with a number beside every question. The counted order suits step guides, ranked FAQs, and any sequence readers follow in turn.

A breadcrumb that numbers each step in the path. Clarifies order for sequential flows such as checkout, onboarding, or a multi step setup wizard.

Four oversized numbered steps in a two column editorial grid with top borders.

An editorial FAQ of six always open questions in a single narrow column, each led by a large index numeral and separated by ruled dividers.

Three features argued editorially in ruled rows with ghost numerals and proof lines.

Editorial Q&A list with large muted numerals beside each question and hairline dividers.