shadcn-ui-blocks

A split lead over three capability columns, each framing a schematic SVG figure with corner crop marks, a caption tag, and a Learn more cue.

Three depth cards each led by an illustrative SVG diagram: node constellation, decision doc, and ascending bars.

A left aligned header above a framed table crossing six capabilities against three teams, marking coverage with checks and gaps with muted minus icons.

A two-column block with a stacked weekly capacity bar and legend beside commitment rows naming each engagement, its share, and the open day.

Packs sorted by liters on proportional bars, four ruled rungs with counts and one line on what each size swallows.

A two-column block with a candid workload statement and a last-updated timestamp on the left, and four expectation rows covering response time and start dates on the right.

A product overview pairing a numbered interior map of every compartment with a matching legend that names what each one holds.

Capacity claims tested by packing real things into a real bag with tight and no rows included.

Four photographs each paired with a full documentary caption naming where, when, and the story behind how the frame was made.

Video player mockup with caption bar and timestamped transcript rows beside four checked standards for captions, transcripts, and audio description.

Three years of audited emissions with shrinking bars and the mechanism named.

An accordion built from separated cards, each panel raised on its own surface. Good for FAQs or feature details that need clear visual separation.

A kanban board where each card carries a days in column chip tiered fresh, aging, or stale, with stale cards flagged and a threshold legend.

A breadcrumb housed in a rounded card with a subtle shadow. Lifts the navigation path off the page for detail views and account settings screens.

A swipeable carousel of blog post cards, each pairing a cover image with a category, date, two line title, and read time.

Subtask checklist inside an open kanban card with a progress bar, five items, two pre-checked, and an add-item affordance.

A card that expands to reveal extra detail when clicked, keeping the summary visible. Use it on dashboards to tuck away long notes inside a tidy tile.

Kanban board with an open inline card composer in the first column, offering a title field, label, owner, due date, and estimate chips.

Static open-card panel over a scrim showing status, assignee, description, a checklist with progress, and comment count.

A grid of question cards, each holding one query and its answer inline. Lays out frequent questions clearly so visitors find what they need at a glance.

A tidy grid of feature cards, each with an icon, heading, and short description. Lays out several product capabilities at once for a clean overview section.

A gallery workspace shell with an icon nav rail, a toolbar with search, sort, and view toggle, and a responsive card grid of projects.

A cluster of stat cards with a big number, label, and short caption in each. Use it to spotlight key metrics across a landing page in a clean grid.

Pagination wrapped in a raised card surface with page numbers and prev next controls. Groups navigation neatly below a list or grid of cards.

A row of pricing cards listing plan names, prices, and features with a clear call to action. Drop it on a pricing page to compare tiers at a glance.

A grid of testimonial cards, each holding a quote, avatar, name, and title. Show several happy customers at once to build trust across your page.

A masonry grid of cards layered over images, each with a heading and short text. Showcases a gallery, portfolio, or product collection on a landing page.

A bordered card holding a headline, short pitch, and email field. Use it as a standalone callout inviting visitors to join your mailing list.

Three feature cards, each topped with a small chart, list, or form mockup.

Testimonial cards joined by a row of headline metrics like users and revenue. Pair real quotes with hard numbers to prove your product delivers.

Tabs styled as raised cards, where the active panel lifts above the rest. Great for settings pages or dashboards that group related content into sections.

A role card paired with a thumbnail of the project you shipped there. Connects each position to concrete work so visitors see outcomes, not just titles.

Three material routines in tabs, numbered steps, a frequency line, one product each.

The year one care club receipt in four numbers with the skip praised and the cadence downgrade offered.

The care column with a routine readers can finish, five minutes a month.

Two side by side panels list five care habits to always do and five to never do, each with a one line reason, closed by an honest footer note.

The full history grouped into three named eras as columns, each with a year range, a first person narrative, and a ruled list of roles.

A centered header above two bordered track panels for IC and management ladders, ruled level rows, a crossover note, and a promotion cycle strip.

A career path layout showing role progression, levels, and growth milestones. Helps applicants picture how they advance after joining your team.

A compact banner with overlapping avatars, an invitation line, and an open roles count.

Candidate questions in an accordion beside heading copy and a contact card promising a reply within two working days.

A four-number horizontal strip showing years in practice, companies worked with, projects shipped, and active long-term retainers at a glance.

Reverse chronological engineering roles as ruled rows pairing period and tenure with role, company, summary, a shipped highlight, and stack tags.

A vertical connected timeline of key roles and turning points with year markers and short narrative descriptions of how each move built on the last.

A split hero with name, lede, actions, and availability note beside a bordered timeline panel listing each chapter with years, role, and detail.

Full care page sorted by material, with a schedule table, a kit picker, and a step by step how to article.

The care kit at cart with the first rain argument and the attach rate published.

Three kits with the recommended tag on the cheapest one, on purpose.