shadcn-ui-blocks

Activity heatmap card with a CSS grid of cells shaded by foreground opacity across hours and days, no chart lib.

The furniture page where delivery gets equal billing, crew, room, doorway.

Help center landing with a search bar, six icon category tiles with article counts, and a popular articles list.

Self-service help page composing a topbar shell, category search home, and FAQ accordion panel.

Static open-state help menu with a docs search field, five action rows including keyboard shortcuts and a changelog unread dot, and a status footer.

A help center hero with one big search field and the five queries people actually type.

A help center search field and facet rail beside a results list of breadcrumbs, excerpts, and meta badges, with a support fallback strip.

A full width hero centered on a single article with a large cover image. Use it to launch a flagship post and pull readers straight into it.

The pitch beside the four most bought products ranked with units sold.

A fold-filling hero with a declarative h1, lede, two actions, a static row of service chips as a skills strip, and a three-cell availability facts grid.

The pitch above three one line verified reviews, proof in the fold without a product shot.

A centered hero above five live platform activity tiles with pulsing dots.

An accordion that tints the background of the open item. The highlighted row keeps your place in long FAQ lists and dense product documentation.

A single featured post pinned in a clean card with avatar, caption, and engagement counts. Spotlights your best content when one example carries the message.

A large pull quote with author name and star rating that features a happy customer. Drop it near pricing to back your claims with real social proof.

A four-cell bordered grid strip presenting standout career moments each with a bold label and a concrete outcome sentence.

A bordered conversion band with a confident heading, a one-line capacity note, and a single primary action that closes a portfolio page.

A two-column block listing engagement types as ruled rows beside availability, location, and rate detail rows, with a referral note for when the calendar is full.

A hiring banner strip: an invitation line and a short teams list beside a primary depth pill pointing at open roles.

A careers page opener: kicker, oversized heading, plainspoken pitch, and a three up grid of quiet benefit tiles.

A hiring process section with four numbered steps joined by hairlines, per step durations, and a muted accommodations strip with a contact link.

A dark hiring card with a title and three role rows with locations.

A heading and lede above a four column grid of numbered interview stages with durations, closed by a candidate promises row and an open roles button.

Four connected hiring stages with promised durations and no ghosting commitments.

A card panel charting API response times bucketed into 100 ms bins as a single distribution, with a p95 callout and a dashed reference line.

December 24 delivery cutoffs as plain calendar dates for two service levels, no countdown timers.

The whole December schedule in one ruled list, cutoffs, support, bench.

Gift returns through January 31, automatic, with the unchanged rules listed.

A three date stat rail marks the holiday window opening, cutoff, and deadline, with gift return notes and a rule that the longer window wins.

Storefront home with category bar nav, mosaic hero, catalog split, ranked bestsellers, and reviews milestone.

A full portfolio homepage composing a name and role hero, featured work grid, about split, testimonial cards, and hire me band into one ready to deploy page.

Four jobs the store loses at, each card naming the winner and the reason, closed by what is left.

The review email shown in full at three weeks, no incentive stated inside it and one reminder maximum.

The things Acme has not measured yet, three gaps stated plainly with the plan or the honest none.

A closing CTA over a soft radial glow rising from the bottom edge, with a depth pill button pair.

A wide pricing row that lays plans side by side in a single band. Fits narrow page slots and pages where you want plans visible without much scrolling.

Horizontal bar chart ranking the top 6 pages by view count with inline value labels and a footnote naming the 3x lead of the top page.

A horizontal carousel of blog cards that scrolls sideways. Use it to preview recent posts in a tidy row without taking up much vertical space.

Three steps in a row joined by a thin connector line with a dot marking each step.

A row of filter dropdowns and chips sitting above the product grid. Lets shoppers narrow by category, price, and brand without giving up vertical space.

A row of feature panels that scroll sideways as the page moves. Shows many product capabilities in a compact, playful strip that invites swiping.

A horizontal strip of icon cards users swipe or scroll through. Fits many features in limited height and reads naturally on mobile screens.

A horizontal row of numbered steps that lead the eye from start to finish. Use it to lay out a linear workflow across a single line on the page.

A centered heading above four numbered steps on a connected rail, each marker with a title and short description that stacks on small screens.

A Linear style changelog: a bold heading above a horizontal rail of recent releases, each with a dot, title, two line summary, and date. The newest entry is highlighted.

A single row of figures split by thin vertical dividers for a tidy summary. Use it under a hero to surface three or four headline numbers fast.

Host a care clinic, the responsibilities split and past hosts listed plainly.

An hourly rate stated plainly with included and excluded item columns, a four-hour minimum, and a ruled list of three scenarios where hourly billing makes more sense than a fixed scope.