shadcn-ui-blocks

A hero pairing a headline and CTA with a grid of team member photos. Adds a human face to about, agency, and company landing pages from the start.

A hero pairing a headline and CTA with an animated terminal window. Speaks to developers and shows install or usage commands on a tool landing page.

Team profiles paired with short quotes from each member or their clients. Adds a human voice and social proof to the about page of any company.

The buy stack closing on four promise tiles that lead with numbers, not adjectives.

A plan card beside an SVG curve of the unit price flattening across three labeled volume tiers.

Working color and size selection with the chosen pair echoed in the add to cart button.

A gallery aging timeline shows the same bag at new, year one, and year three before checkout.

Multi-step flow shell with a slim header step indicator, centered content column, and sticky back and continue footer.

An accordion work index of ruled project rows that each expand to a thumbnail, summary, deliverables list, and case study link.

Projects grouped under ruled year headings with an inline project count, each tile showing the project name, client kind, and role.

Static node-graph canvas with four positioned cards connected by dashed SVG lines, parallel branches, a merge node, and a zoom toolbar.

Three mini screens joined by arrows following one item from new to sent.

A ruled list of every role with company, title, date range, and a one-sentence summary covering the full employment record.

A numbered text list of projects showing project name, kind, and year with a trailing arrow and no images.

A five-question collaboration FAQ answering how often you will talk, what the client needs to provide, scope changes, feedback format, and typical timelines.

Weekly availability settings with per day switches, bookable time range chips, a timezone note, weekly total badge, and save actions.

A day-by-day breakdown of the first two weeks with honest expectations listed beside the Week 1 and Week 2 ruled day cards.

An about section laying out five day columns on hairline top rules, each naming its ritual and what it protects, closed by a weekly meeting tally.

A heading and lede above a single segmented distribution bar showing how billed time splits across four kinds of work, with a percentage legend beneath.

A dedicated work page composing a featured work grid and masonry grid with a hire me band so visitors see selected and full work in one flow.

A workplace culture section with photos and short stories about daily life. Gives candidates a feel for the team before they decide to apply.

A hero that leads with the name and role then immediately shows three labelled work thumbnails with role and year below each.

Upcoming events as dated rows with real seat counts and next dates over waitlists.

Three hands on workshop cards with date chips, outcome lines, and honest seat counts.

A heading and intro above a wide video still with a play button and runtime, then a two column list of timestamped chapters with notes.

A workshop card with a title, seat and level chips, and a date footer.

Six workshop frames in a 3x2 grid, each captioned like a photo essay, no people, just the room.

Five captioned frames from the making floor where the captions are the tour.

A four-project design grid where each card names the client type, the role, the year, and the specific deliverables the designer owned.

Workspace identity panel with name, slug, URL preview, rename warning, logo upload, and default role select.

Post sign in workspace chooser listing memberships with marks, member counts, and role badges, plus a create workspace action and sign out link.

A workspace setup step with name, URL slug, logo upload, and data region on the left beside a live app chrome preview on the right.

Static open workspace switcher showing three workspaces with plan badges, member counts, and a create row.

A two-column work grid where every project tile carries a short client quote with named attribution beneath the thumbnail and caption.

A two-column project grid where each tile pairs a thumbnail with a one-line outcome carrying a highlighted tabular figure beneath the name and role.

A work grid with three discipline tabs switching between four-tile project sets via state, for multi-discipline creatives presenting Design, Code, and Writing separately.

A two column contributor pitch: the left stacks a heading, lede, and commissioned topics, the right a panel with numbered steps, perks, and a button.

The review ask with honest expectations, ninety seconds, wear photos welcome.

A full writer portfolio page composing a writing hero, featured essay, published list, publications wall, and contact footer from sibling blocks.

A meet the writers grid of four author columns with illustrated avatars, beats, one line bios, post counts, and read links.

The elena@ inbox as a real channel: when it is read, what to send, and what the bench does with it.

A two-column writer opener combining an identity heading and ruled meta list with a featured piece card showing publication and read time.

Three commission cards naming the kinds of work this writer takes on, each with a pitch, a ruled detail list of length, turnaround, and rate.

A three-column writing index that groups posts under topic headings, each column holding a ruled list of two to three post rows.

Four written description standards in a divided list beside an annotated product panel printing its alt text and spec rows in full.

Published pieces grouped under large year numerals in a two column ruled layout, each entry carrying its title, publication, and month.

Work grouped into bordered rows by year, each pairing a large year heading, frame count, and note with a four image row of selects.

A project card grid with a pill chip marking the year on each thumbnail, plus the project name, client type, and role below.