Shadcn blocks across standard collections and handcrafted premium collections, plus a beautiful templates. Start free, then unlock more with Pro.
A fit matrix with five weeks down the side and four bags across the top, each cell a three state dot rating the fit.
Admin member roster with status badges, signup date, last seen, flag counts, and per-row impersonate and suspend actions logged to the audit trail.
A hero with a user feedback form for comments, ratings, and contact info. Collects honest input from visitors to guide the next product update.
Active workspaces against paying customers as two shadcn lines with a legend.
An identity rail of account facts and linked accounts beside a composite risk score, a segmented meter, weighted signals, and enforcement actions.
Members with role badges, last active times, and the seat math beside the invite button.
Daily gear and software listed across Desk Setup, Software, and Everyday Carry groups, each item with a model name and a one-line why.
Divided two column list pairing checked product strengths with crossed out competitor gaps.
Our pack against the big label equivalent in grouped rows, losses printed first, wins second, and one honest draw.
An out of office settings panel with a master switch, date range fields, subject and message inputs, audience checkboxes, and a save footer.
Blueprint showing valid, invalid, and warning field states side by side with actionable error copy guidance.
A two-column prose block arguing why project pricing beats hourly, with three named reasons on the right and a pair of actions linking to a quote and the hourly rate.
A set of value cards each holding an icon, title, and one line. Use it on an about page to share the principles your team works by every day.
Six bordered value cards, each with an icon disc and the working rule the value produces.
A four-row ruled list of numbered working principles each with a short imperative title and a concrete sentence on what the principle has cost to learn.
A stylized SVG neighborhood map and venue address sit beside ruled rows for airport, transit, and parking plus partner hotels with nightly rates.
Left aligned heading above a hairline divided list where each row pairs a Yes, No, or Depends badge with a bold question and short answer.
The review system's three rules with enforcement counts, the policy as a trust band.
A verify domain dialog with two copyable DNS record rows showing type and host, a found or pending status each, and a check again action.
Check-your-inbox state showing the sent address, a throttled resend button, a change-email link, and the 24-hour expiry note.
A post-signup check your inbox page with an icon badge, three-step progress row, the sent-to address, and resend or fix-typo actions.
A three column table putting the previous major version beside the current one, capability by capability, with a migration guide link.
A changelog with mono dates and version pills in a left lane and typed change chips stepping down in weight on the right.
Named saves with autosaves collapsed, restore always creates, never rewinds.
Version dots along a horizontal line with dates and titles, the latest haloed.
A split process section with a sticky header, CTA, and proof stats beside a vertical timeline of four numbered milestones with timing detail rows.
Five numbered stages stacked in a ruled list each with a title and a description that names a concrete commitment.
A vertical timeline that marks milestones and values down the page in order. Use it to trace how your mission took shape over time for visitors.
Tabs stacked in a sidebar column with panels rendered to the right. Built for settings, account, and documentation pages with many sections to navigate.
Narrow vertical timeline of four numbered steps joined by a line, with buttons below.
A vertical changelog feed: a single rail of releases, each with a dot, date, title, summary, and a bulleted list of what changed. The newest release is highlighted.
A vertical timeline that maps each process phase down the page in sequence. Use it to show the path a project follows from kickoff through delivery.
A hero with a looping video filling the background behind a headline and CTA. Sets an immersive, cinematic tone at the top of a landing page.
A grid of video cards with thumbnails, durations, and titles. Use it to run a video first blog where each card opens a clip or full episode.
Three customer films with posters, durations, and the one number each story turns on.
A single project told through a Placeholder video frame, a stat strip of production figures, and a three-column brief, approach, and result narrative.
A call to action built around an embedded video with a headline and button. Plays a quick demo or pitch, then invites the viewer to start now.
A section that pairs an embedded product video with supporting feature copy. Shows the item in action when motion sells better than a still.
A three-column tile grid of six video commissions, each with a play affordance, duration badge, title, client type, and year.
Three video cards with posters, play discs, duration chips, and topic badges.
Three walkthrough videos with posters, honest durations, and one line on what each covers.
A ruled-row videography index listing each film with a small thumbnail, title, client name, duration, year, and a watch link.
The seasonal film as a wide poster with play badge, runtime, and every piece linked.
A dark video card with a play button, title, and duration and view chips.
Pitch copy beside a player mockup with a poster, play disc, and progress bar.
A featured video player beside a numbered up next queue of thumbnail rows with durations and a highlighted now playing row.
A section embedding a recorded talk video alongside its title and context. Lets visitors watch you present without ever leaving your portfolio.
A hero that leads with a large video frame and play affordance, then names the director and their availability below it.