shadcn-ui-blocks

A hero for a dual-practice creator with an h1 naming both disciplines, a lede connecting them, and two cards each pointing at one body of work.

TOTP verification with six OTP slots, device trust checkbox, backup code link, and human recovery promise.

2FA settings panel with authenticator app, SMS fallback, and backup codes rows plus a workspace-wide require 2FA toggle.

A two factor setup dialog with a QR mockup beside a copyable manual key, a six cell code entry, and a one time recovery codes note.

Two-factor authentication status panel showing the active method, backup codes remaining, and an enrollment prompt with the security case for new accounts.

A hero with a two factor verification form for a one time security code. Confirms identity during signin to keep new accounts safe and secure.

Master-detail layout with a six-row project list pane and a wide detail pane showing the selected item header.

Two large plan cards side by side, a light free tier and an inverted paid tier, each with a price and CTA, over a group discounts link.

A centered heading with a client count above two even ruled rows of five client wordmarks each, covering ten names across two sectors.

A stacked two-row header with the name and social icons on the top row and a six-link section nav on the second row for content-rich portfolios.

An editorial two-column image layout pairing photographs by series with title and medium captions beneath each image.

Two equal quote cards side by side each with an avatar and full attribution, presenting two clients and two distinct proof points at the same visual weight.

A two-column about showing the shape of a working week as five ruled day rows beside a heading and three working facts.

Six owner photos with handles and tenure captions, consent stated in one line.

A six-screen product interface grid with state-level captions showing the full range of a design system from empty states to dense data views.

Real range items under $50 with who it suits captions, gift cards as the fallback.

An accordion where each question sits above a single underline. The clean text first look fits editorial FAQs and quiet, tidy help sections.

Buttons styled with an animated underline that grows in on hover. A clean, minimal accent for text links and quiet secondary actions in any UI.

A header whose page links behave like full height tabs, the active one carrying a bottom border that sits flush against the header rule.

While you were away, grouped counts since yesterday, paused when you are active.

Leave confirmation dialog listing three specific unsaved field changes with Discard, Keep editing, and Save and leave actions.

A settings form in its dirty state with per field edited markers, revert actions, saved values, and a footer counting unsaved changes beside save.

An unsubscribe confirmation with an icon badge, a preference card of remaining lists with per-list checkboxes and cadences, and an undo action.

Ruled rows of low engagement senders, each with a monogram, address, weekly volume, last opened stat, and unsubscribe or keep actions.

Five email commitments naming the industry practices they refuse.

A card grid of confirmed future talks showing date, event, city, talk title, and a register link for each appearance.

Ruled event rows with date tiles, format badges, and locations under a recordings link.

A changelog style card strip with a version badge, feature line, release link, and dismiss.

An inline muted banner row with a Sparkles icon square, a semibold plan lead with muted benefits, a rounded Upgrade button, and a See plans link.

The seat limit upsell with the delta priced for your seats and the honest alternative.

A plan limit dialog with per resource usage meters, a bordered next tier card listing features and price, and a prorated billing note.

An upgrade confirmation showing the plan change, prorated line items with credit, the amount due today, next renewal, and confirm actions.

Three materials compared by minutes of care per year, the ritual itself with cadences, and what skipping it costs.

Dashed dropzone with accepted types and a transfer list showing uploading, done, and failed states with errors.

Batch upload tracker with per file progress bars, a cancel button, a completed row, and a failed row showing the size limit error.

The last 90 days as tick bars with the two degraded days named below, not in tooltips.

30-day per-service reliability grid with each cell shaded by status using foreground opacity tokens and a per-row uptime figure.

SLA stats beside twelve monthly uptime bars with one honest dip explained in the caption.

Alert rules as a ruled list with metric thresholds, recipient emails, and toggles, plus an add alert action and a hard cap caveat.

The period charges line by line with a dated projection and its method stated.

Two column pricing estimator with seat and project steppers and add on switches beside a live itemized receipt that totals your monthly cost.

An interactive estimator with a seats slider and annual switch on one side and an inverted summary card with a line item breakdown on the other.

One slider for contacts, the matching plan and price computed live with the CTA labeled.

A formula strip showing creation fee times usage multiplier equals final fee sits above four license tier cards, closed by notes on exclusivity.

API requests per day as two lines separating production and sandbox volume across a 14 day window.

An AI usage panel with per feature bars and a capacity meter that is always full, no metering.

Stepped chip selector for event volume tiers from 10k to 2 million per month with a live price summary and proration note.

Three job tiles with counts and one honest line each plus the admission that most bags do two jobs fine.