shadcn-ui-blocks

A two column split pairing three checkmark promises with a parts panel listing each part by thumbnail, fit, price, and stock above an order button.

Every replaceable part sold individually with fit notes and honest difficulty.

Four compact metric tiles each with a label, headline value, and a mini 8-week bar chart for a glanceable ops comparison strip.

A card with a 2x2 grid of compact metrics each paired with an inline SVG sparkline, no chart library.

Key metrics table pairing each row with its current value, week over week change, and an inline SVG trend sparkline.

Stat cards that pair a current value with a tiny inline trend chart. Use it to show a number and its recent direction together on a dashboard view.

A two-column organizer package with a portrait placeholder, short and long bios ready to copy, a detail list, and a speaker kit download link.

A dark speaker card with a large avatar, name and role, and talk title.

Eight speaker cards with portraits, roles, and session titles doubling as a mini agenda.

A three-panel ruled strip of headline speaking figures showing talks given, countries visited, and total audience with a context line under each number.

A speaking FAQ with a heading and an accordion of organizer questions beside a small ruled card listing what to include in a first invite.

A ruled list of conference talks naming the event, the talk title, the year, and an optional recording link.

A roster of four priced specialists beside my single generalist panel, where a three dot coverage meter rates my depth per discipline.

Three card tiles each naming a core specialty with a focused sentence that states the scope and what falls outside it.

A revision log comparing the current version to the last, each changed spec shown as a from and to pair with its reason.

Two products dueled with differences emphasized and sameness admitted.

Monthly cap widget showing current spend on a Progress bar with alert threshold markers and an explicit policy for what pauses at the limit.

Three rungs with the effective percentage worked at each one.

A spend trend panel with three stat columns above a six month stacked bar chart splitting invoices into plan, seats, and usage.

A split hero pairing headline, lede, dual CTAs, and an avatar star rating with a markup app window of icon rail, chart strip, and invoice rows.

A two-column CTA with booking criteria and an availability dot on the left and what to send plus a project brief button on the right.

A sticky editorial column beside the grid, the magazine category page.

A two column split pairing the full aisle list as a ruled nav with one large featured category panel and its caption bar.

A split highlight: heading, lede, and checklist beside a roadmap panel of initiative rows with stepped progress meters.

A split column layout that places shipping on one side and returns on the other. Lets customers compare delivery and refund terms in one quick glance.

A contact section splitting a form panel from a channel rail of direct line cards with mono emails and a status card.

A hero with a two column split, text and CTA on one side, content on the other. A flexible opener that balances your message and a visual cleanly.

Full-page shell with a slim top bar and a 50/50 editor and preview pane split for authoring and live-preview workflows.

A two column banner with a message on one side and the action button on the other. Keeps the copy and the click target distinct and easy to scan.

Sticky heading and lede in the left third with the accordion filling the right two thirds.

A two column layout pairing a project screenshot with details and a link beside it. Use it to present featured work with room for context and notes.

A two column section with a product photo on one side and feature copy on the other. Balances visual and text to sell a single hero capability.

A hero split into a text column and a full height product image. A direct, balanced opener that pairs your pitch with a visual on a landing page.

Split inbox pane that sorts mail into labeled sections, each with an unread count, a view all link, and compact sender rows.

A two column subscribe block pairing an image or copy on one side with the email form on the other. Adds visual interest to a signup section.

A two column section with intro copy on one side and the contact form on the other. Balances a personal message with a clear path to get in touch.

A hero split into a text column and an image column side by side. Use it to pair an introduction with a portrait or featured shot at the top of a page.

A two column block with your intro on one side and resume downloads on the other. Use it to balance a personal pitch with quick access to your files.

A split section pairing a single highlighted service with an image on one side and explanatory copy on the other. Spotlights your headline offering.

A boutique header with the logo centered between two split link sets and a compact CTA.

A two-column block with the pitch and four dated recent issue titles on the left and a signup form card with cadence and reader count on the right.

A text only split section with a heading and two paragraphs beside a grid of four large numbers.

A promo split into two panels, each holding a separate offer and button. Lets shoppers pick between two competing deals within one store section.

Pagination with prev and next pushed to opposite edges and page numbers centered. Spreads controls across wide footers and full width content areas.

A two-column hero with a name, positioning lede, and ruled availability strip on the left and an aspect-4/5 portrait placeholder on the right.

A category preview split between a featured image and a product list, pairing a strong visual with quick picks at the top of a collection page.

A full-width horizontal card featuring one project with a Placeholder on the left and the name, description, discipline tags, and a case study link on the right.

A split screen hero with a multi step form and a progress indicator. Guides visitors through a longer signup without overwhelming them at once.