shadcn-ui-blocks

A spotlight block centered on a single major award with its name, year, and a short note. Use it to lead with your most impressive recognition.

A split hero with name, positioning lede, detail strip, and actions beside a single featured case study panel showing a thumbnail and outcome rows.

Three standout writing pieces as cards with the publication, headline, an excerpt from the argument, and a read link.

A split block spotlighting one joint project with a Placeholder image, a two-paragraph story including a constraint named, and a five-row facts list.

Capabilities rated with dot scales instead of checkmarks, one row conceded on purpose.

A two-column spotlight on one essay with a Placeholder, a pull-quote excerpt, and a detail list naming publication, date, read time, topic, and audience.

A horizontal slider of featured job cards with title, team, and location. Spotlights priority roles you want candidates to notice on the careers page.

Four high-priority destinations given prominence as large icon cards covering newsletter, shop, open-source project, and booking link.

A list spotlighting select products with large imagery, descriptions, and prices. Highlights bestsellers or promotions on a storefront landing page.

A list led by one large featured article above smaller stacked posts. Use it to spotlight your top story while listing the rest of the feed.

A writing section with one large featured post carrying a cover, excerpt, and meta beside a ruled list of three recent posts.

A blog landing opener: a centered kicker and heading over a wide featured post split card with an illustrative constellation panel and avatar byline.

One flagship post with a wide cover, standfirst, author line, and read link.

A blog split with a view all header link, one large featured post with an author byline, and a hairline divided stack of three compact posts.

A two-column split highlighting one digital product with a Placeholder image, price in tabular-nums, description, and an itemised includes list.

A flagship project split with a full-height Placeholder screen beside a summary, five ruled spec rows, and three measured outcome stats.

A single project given full-width treatment with a wide aspect-16/10 Placeholder, a heading-scale project name, a two-sentence description naming the problem and outcome, and a view-case link.

A single client quote at display scale inside a full-width bordered band with a small avatar and attribution row below.

A prominent card spotlighting one downloadable resource with a cover, summary, and button. Use it to push a flagship guide or template to visitors.

A large card spotlighting one key integration with its logo, summary, and a link. Use it to highlight a flagship partner above the full list.

Centered heading over a story card pairing narrative and quote with a rail of three metrics.

A spotlight section for one talk with its title, summary, and event details. Highlights a signature presentation at the top of a speaking page.

A bold featured talk layout pairing a large title with imagery and key facts. Draws extra attention to your most notable conference appearance.

Three equal project tiles each with a full-width image, client type, role, year, a one-line outcome description, and a case study link.

A mixed size product grid where one hero piece spans a double tile beside four supporting products, each card carrying its name and price.

A single video piece highlighted as a full-width play frame above a two-column panel with the description, creative constraint, and a ruled credits list.

A session pitch with speakers beside a registration card with date facts and an email field.

One customer story told in full inside a featured card, beside a compact divided list of four more stories, each a wordmark and its number.

A two column layout with a main article feed beside a sidebar of links. Use it for a blog home that mixes posts with categories and promos here.

A bordered closer with a heading, lede, and two actions beside a featured project card showing a cover image, title, meta, and outcome.

A selected work grid of project tiles that each name the client type, the role, and the year.

An environment chip row above flag rows with a mono key, rollout meter, kind badge, last editor avatar, and an enable switch.

Flags with mono keys, environment badges, rollout percentages, a Switch per row.

Locked feature placeholder card naming the required plan, describing the feature, listing plan highlights, and offering an upgrade CTA or an ask your admin note.

A call to action backed by a grid of feature highlights with icons. Recaps the value of a product before inviting visitors to start a free trial.

A pricing table mapping every feature to each plan across rows and columns. Use it when buyers want to confirm exactly what each tier includes before paying.

Recommended products laid out with an icon, short benefit, and price for each item. Highlights why shoppers should add a related pick to the cart.

Icon tabs that switch between feature panels in place. Lets visitors explore several capabilities without scrolling, one focused view at a time.

A split section with heading, a stat rows panel, and a dated vertical timeline tracing one feature from first request to shipped.

A text only inventory of eight features, each a bold name with one working sentence.

Plan headers with CTAs above a compact feature matrix that shades the middle column.

A centered heading over a two column grid of cards mapping each old tool name to its new equivalent, each with a short note.

A three-card grid of short press pull quotes each attributed to a named publication with its date.

A split call to action pairing numbered triage steps that explain what happens after you submit with a labeled request form card.

Static open-state coach-mark that highlights a new bulk-actions toolbar with a callout card, New badge, and a Got it dismiss button.

Three workflows on ui tabs, each pairing one paragraph with a small drawn panel.

One UI element drawn at large scale, an automation rule row with a toggle and live count.

Feature copy paired with bold metrics like uptime, users, or speed. Backs your claims with numbers and builds trust on a homepage or product overview.