shadcn-ui-blocks

A hero with a rotating carousel of customer testimonials and a CTA. Opens a landing page with real quotes to build trust before the pitch lands.

A two column closer pairing a heading and dual actions with a bordered client quote card carrying an avatar, attribution, and an outcome line.

A single attributed client quote in a ruled panel placed between the work body and results sections of a case study.

A testimonial card with a star row, quote, and an avatar attribution.

A single large client quote set at heading scale with an avatar, name, role, and company beneath it, for spotlight social proof.

An interactive switcher showing one featured client quote at large scale above a row of avatar tabs that flip between four clients.

Three customer film cards with pull quote lines, avatars, and duration chips.

A testimonial block pairing each client quote with the concrete outcome figure from that engagement, proof and praise shown side by side in a single card.

Two column sandbox section with test mode proof points and keys beside a panel of magic recipient addresses that reproduce each failure mode.

A typographic work index of ruled rows, each naming the project, role, year, and a one-sentence outcome with no thumbnail.

A drop announced with facts instead of photos, quantities and restock policy included.

Three prose sentences with the numbers rendered large inline, stats with grammar.

The stats band as gratitude, these are your numbers, not ours.

A post signup page that schedules the next five minutes with honest times.

Three strategic themes as stacked lanes, each with an owner, a progress bar, and initiative rows carrying a status dot, quarter chip, and note.

A ruled comparison list of four topics, each pairing an early career belief with the replacement a decade of practice produced.

A founding year and today set side by side across the same measured rows, including the number that moved in the wrong direction.

An accordion with a bold colored bar down the side of each item. The thick accent marks active rows in FAQs and grabs reader attention quickly.

Email thread view with earlier messages collapsed to one-line summaries and the latest message fully expanded with body, attachment chip, and a reply prompt.

Side panel showing a parent channel message, a reply count divider, four threaded replies, and a scoped reply composer.

AI generated thread summary with an overview paragraph, checked decision list, owner assigned action items, and regenerate and copy controls.

Three equal blog post cards each with a Placeholder cover, title, date, and reading time in a responsive three-column grid.

A three-column footer with a brand and tagline column, a navigation links column, and a contact and social column, plus a full-width copyright bar.

A dense three-column grid of six square project tiles with name and year captions and a full archive link, for breadth-first portfolios.

A category preview laid out in three balanced columns of image tiles, sorting collections into clear groups for a wide ecommerce navigation page.

Three customer quotes in divided columns under a centered heading and lede.

Three equal client quote cards each anchored to a named project outcome and attributed with avatar and role.

A three phase process section with icon squares, arrow connectors on desktop, per phase checklists, and a quiet link to the onboarding guide.

A two-column split with design philosophy and three belief statements on the left and three numbered phases as a ruled list on the right.

Three equal columns, each with an icon, heading, and a line on quality, security, and support. Builds buyer confidence across the full storefront.

Three equal columns, each presenting one guiding pillar with a heading and text. Use it to summarize the ideas your practice is built around.

Three equal service cards each with an icon, a name, and a one-sentence scope, giving visitors an instant read of a focused practice.

Centered heading above three step cards, each pairing an icon and number with short copy.

A scannable about section with three bordered cards covering what the person does, how they work, and what they care about.

A three tier pricing section with a featured plan, per card annual billing toggles, icon feature lists, and an enterprise banner.

Three project tiers with from-prices, durations, and feature checklists where the middle tier is marked Recommended.

One tall lead category beside two stacked tiles, traffic steered by area.

A stat card in breach state showing a live metric against its configured threshold with a calm next-action line.

Alert threshold form with paired warning and critical sliders, live readouts, a zone bar that redraws as thumbs move, and a duration select.

A compact responsive grid of square Placeholder thumbnails labelled with a series name and year for browsing a photographic archive.

Support ticket view with a header, customer and agent conversation thread, internal notes, and a reply composer.

Agent support queue showing ticket subject, requester avatar, status and priority badges, last update time, and assigned agent with a filter strip.

A ticket card with an event info panel, dashed divider, and a stub.

Customer ticket page with a five stage progress timeline, latest agent update card, reply button, and a details rail with next update time.

Three bordered ticket cards show prices, inclusion lists, and availability notes with one pass highlighted, closed by a refunds and transfer line.

Pick any pieces, the discount steps at two and three, the math updates live.

A card that tilts under the cursor to follow its position closely. Use it for interactive feature tiles or showcases where slight motion adds polish.

A vertical list of dated milestones marking how the company grew. Use it on an about page to walk visitors through your story, year by year.