shadcn-ui-blocks

Horizontally scrollable snap row of story cards with wordmarks, metrics, and summaries.

A reading focused section that tells your origin story in flowing paragraphs. Use it to explain how a studio or person came to be and what drives it.

Three story cards each showing a wordmark, a bold result, a summary, and a read link.

A narrative section that walks through your process in ordered steps with supporting copy. Use it to explain how you work and win over cautious buyers.

The company history as five year marked chapters on a vertical hairline timeline.

A vertical 'Our story' timeline of company milestones, alternating a photo with the year and a short paragraph beside a center rail, with the most recent year highlighted.

A customer narrative and quote beside grouped bars comparing three metrics before and after Acme.

A narrative case study and checklist of changes beside an at a glance fact sheet card that closes with two results.

A verdict first FAQ where a bold answer leads each row, Yes, Free, 60 days, with the question and one line of mechanics trailing.

The 40 cm strap range explained via torso not height, with a string measuring method and wear table.

A consistency card showing a current streak count, an inline SVG week-row of filled and empty day cells, and supporting stats.

A four stat strip of listener and stream totals above a split of most streamed tracks with bars and a ranked list of top cities.

Single string translation editor with source text, placeholder chip, machine suggestion row, target textarea with counters, and queue navigation.

Ten percent off with the verification time, stacking rules, and honest scope all stated before the button.

A two-column studio about with a founding narrative, three named avatar team cards showing name and role, and a single belief line beneath the team.

A small-agency opener with a studio name, a we-voice lede naming what the team does not offer, two actions, and a three-fact founding strip.

A full-viewport studio opener with a we-voice headline, two actions, and a three-fact credential strip below.

A full studio site page composing a studio hero, named team grid, services list with explicit exclusions, and contact footer from sibling blocks.

Three service cards for mixing, mastering, and production, each with a rate, a checklist of what is included, and a turnaround line.

Four studio service cards each listing a discipline, a scope statement, and a bulleted includes list in a two-column grid.

A four-figure horizontal strip showing a studio founded year, team size, projects completed, and clients served.

Two column layout with a heading and founder quote card on the left beside a ruled list of year marked studio milestones on the right.

Two column layout with a heading, exceptions list and note on the left beside a ruled five day breakdown of the studio's working week.

A ruled accordion of category rows that each expand into a columned grid of subcategory links, every one carrying a style count and price floor.

A support ticket form with subject, area, severity, description, and attachments beside a rail of suggested articles and response time targets.

A slim sticky section bar with the page name and anchor links for long pages.

Five outside data partners named by role with what they receive, why, and the deletion path on a page.

Every third party that touches customer data, with purpose, region, and year added.

A footer with an email newsletter form beside the usual navigation links. Captures signups while visitors are leaving the bottom of your site.

A compact bordered card with a newsletter pitch, a subscriber count and frequency stats strip, and an email form sized for a sidebar or narrow column.

The consumable subscription as logistics, exits listed above the join button.

A status list signup with a never marketing constitution and an email form.

Six subscription inbox answers written as binding policy, from price locks to why bags are excluded entirely.

A hero with a subscription form and a monthly to yearly billing toggle. Lets visitors pick a plan and price before they start a paid signup.

Recurring and one time lines separated, with today split from every 4 weeks.

Skip, pause, swap at equal weight, cancel visible, no exit interview.

One time versus subscribe as selectable cards with the cancel terms inside the option.

Followed items panel listing subscribed projects, people, and labels as ruled rows with per-row unfollow actions.

A year priced both ways across three profiles, one verdict against the store.

Nested subtask view with two levels of indented checkboxes, expand chevrons on parent nodes, and a progress bar that rolls up only leaf-node completion.

Pending edit review rows showing the struck original beside the proposed replacement with author attribution and accept and reject actions per suggestion.

Every supplier named with place and tenure, plus the one we left and why.

A centered contact header above three channel cards for sales, support, and community, each with an arrow link and a median response time.

Support conversations account list with each question as a row showing subject, last reply, and a status badge, plus a reply time promise below.

Three regional support hub columns with staffing hour strips, native language lists, and median first reply stats above a handoff note.

Three support tiers as columns in a ruled table, compared across channels, first reply time, coverage hours, escalation, and onboarding.

Live support queue stats beside the start a conversation card.

Three support tiers with contractual response times and automatic credits when missed.