shadcn-ui-blocks

A two-column contact section with a warm intro, ruled details list, availability block naming exclusions, social links, and a complete inquiry form.

A full screen hero with a centered name, role, and tagline over a clean background. Use it to make a strong first statement on a personal site.

A fullscreen gallery that fills the viewport with one image at a time. Good for immersive photo stories, lookbooks, or a striking visual showcase.

The complete spec table with a tolerance column, because handmade varies and pretending generates email.

A full text panel covering delivery times, costs, and the returns process in plain prose. Use on a dedicated policy page where shoppers expect complete detail.

A wide banner with a large heading and a single prominent button. Use it to span the page and push visitors toward hiring you or booking a call.

A full width promo with oversized type and a clear button. Commands attention across the whole page for a headline campaign or a seasonal launch.

Large images stacked at full container width with a title, a context-naming caption, and a two-digit series counter beneath each.

A centered bordered panel containing a single large belief sentence at heading scale and one supporting line attributing the principle to the practice.

The complete capital ledger including the round not raised and the one declined.

A dark funding card with a round pill, a giant raise stat, and investors.

Median conversion per funnel step as bars with top decile ticks, counting rules per row, and the weakest step named.

One traffic slider runs a four stage funnel at printed median rates, ending in projected new monthly revenue.

Acquisition funnel card with four shrinking horizontal bars, step conversion percentages, and an end-to-end rate headline.

A stepped funnel showing how many visitors move from view to signup to paid. Use it to explain conversion and where users drop off in your flow.

A vertically sequenced case study of three numbered Placeholder images with captions that name the specific decision visible in each screen.

An image first list showing products as large photo cards with name and price. Suits visual categories like fashion, home decor, and art prints.

A product page led by a multi image gallery with thumbnails beside the details. Lets shoppers study every angle before they add the item to cart.

The canonical product top, gallery with thumbnail rail beside price, rating, and buy stack.

CSS-grid Gantt chart with a task-name column, week-column timeline, positioned duration bars with in-progress fills, and a today line.

The onboarding month as overlapping workstream bars with owners labeled per bar.

A download offer behind a short email form so visitors trade contact details for the file. Use it to capture leads while sharing a guide or kit.

A radial gauge showing a single SLA percentage with the value centred and the target threshold named in the footnote.

Kit organised into category groups as cards with a placeholder visual, a model name, and a sentence on why each piece earned its place.

Static map blueprint with polygon and radius zones above ruled rows pairing each zone with its trigger rule, event count, and toggle.

A contact band with a pill-shaped email chip and three social icon links that lets visitors follow or reach out without committing to a message.

An onboarding setup card with a completion count, a segmented progress bar, completed steps, an expanded current step with actions, and upcoming numbered steps.

A statement footer pairing a slim nav and social row, an oversized brand wordmark across the middle, and a copyright and legal bottom bar.

The $40 repair credit card for the friend with the beloved dying bag, delivered as a letterpress card.

A gifted year of wax with two delivery options and the no auto renew rule as the centerpiece.

Three denomination columns map each amount to catalog items it covers, with product thumbnails, prices, and a covers line under each.

Code in, balance out, with the three balance anxieties answered beneath.

Card number in, balance out, no account needed and no expiry to fear.

Four occasion design tiles drive a live full size card preview, beside a picker column and rows listing what the design changes.

Gift card questions answered like money questions, five rows, no asterisks.

The gift card reframed as respect for their taste, with three term tiles.

Three numbered step tiles trace the path from checkout to redemption, each grounded by a small interface chip, above a send button.

A gift card design with a drawn card panel, title, and redeem line.

Amount chips updating a live card preview, with delivery date and no expiry terms.

Gift cards account panel with balance cards for held cards, a redeem row for paper codes, and a list of sent cards showing delivery status.

Email three facts and a budget, a human replies with one pick and one alternative within a day.

Recipient and budget in, three candidates out, with the safe pick flagged.

A gift finder quiz with three question chip rows beside the match panel it produces, showing the pick, its reasoning, and a cheaper backup.

Picks under budget bands where every why is gifting logic, not product copy.

The seasonal guide opened by recipient with price floors and the gift card lane.

A gift guide card with three gift tiles, a title, and a price range chip.

Three recipient cuts with counts, and the gift card named as the no guess option.

A two column layout with numbered how it works steps beside a gift certificate card listing benefits and a sample redemption code.