shadcn-ui-blocks

A card ranking projects by weekly activity volume, each row showing the top member, a proportional bar, the event count, and a trend delta.

A two-column project grid where each card carries a Placeholder image, name, a one-line problem description, and a row of small skill and category chips.

Full project detail view composing a sidebar shell, KPI cards row, kanban board, and team activity feed.

Six common project types as ruled table rows showing price bands and timelines, with scope assumptions per row and an honest note that all figures are starting points.

A ruled archive table of every project by year with client sector and deliverable columns and a row-level arrow link to each case.

Editorial index hero with a name and positioning intro above a ruled, text only list of selected projects showing number, title, client, discipline, and year.

A ruled brief prompt listing four things to include in a first message, timeline, budget range, product description, and scope, to qualify enquiries before they arrive.

Centered heading and lede above a brief form card with name, email, company, and budget fields, a service checkbox grid, and a project textarea.

A ruled-row developer projects index with stack chips, a one-line summary, and separate repo and live links per project.

A ruled divided list where each project appears as a row with a small square thumbnail, name, client type, role, year in tabular numerals, and an arrow.

A full case study page composing a project hero, problem and approach split with a named constraint, and a quantified results band.

A four-card grid of public repositories each showing the project name, a one-line description, the stack as chips, and tabular stars and forks counts with a repo link.

A two-column availability block showing 3 named project slots with open or taken status, engagement details, and a claim action.

A heading and lede above a bordered card of ruled year rows, each pairing a year with a proportional bar and a project count, plus a total footer.

Two engagement models compared down a central spine of six criteria, closed by paired pick this when lists so a prospect can self select.

A six card grid of ready made promo asset packs, each with a small preview mockup, description, and format meta line.

A primary colored offer strip with a bolded discount, plain deadline, and compact button.

A working code field that applies live, adds the discount line, reprices the pay button, and states plainly what codes exclude.

A connected stepper telling six years at one company as four titles, each carrying the year, what changed in the work, and a scope fact.

AI input surface with a model chip, attach and slash command buttons, a token counter, and a keyboard hinted send button.

Saved prompt cards in a filterable grid showing title, description, category badge, and use count with a create prompt affordance.

Six proven prompts as cards with categories, usage counts, and mono opening lines.

Upgrade proration preview with credit and charge line items, due-today total, and next renewal amount.

An honest fit assessment with a good fit card beside real disqualifiers and a referral.

An essay set in magazine columns under a heading, closed by an attribution line.

An annotated essay where each paragraph carries a superscript marker paired with a numbered caveat in a narrow margin column beside it.

Three fleets with wear numbers, deliveries per repair as the proof.

A product row above single choice coverage tiers, the free warranty listed as an equal option, with a live total and a continue button.

Four failed prototypes kept on purpose, each photographed with the failure and the lesson it left.

One resale unit documented from first sale to regrade with a timestamped record that travels to every owner.

A pseudo locale tester with a strategy switch and ruled rows pairing each English string with its accented render, growth percentage, and fit badge.

A heading and intro above a single ruled list of writing and speaking, each row with a year, title, venue, and a format badge.

A dense ruled cell grid of 18 publication names where work has appeared, with a counted heading that distinguishes bylines from mentions.

Compact profile card with avatar, name, headline, a three stat strip, and a Follow button.

A transparency banner with in flight and shipped counts linking roadmap and changelog.

A guest writing section grouping essays by publication, each pairing an SVG mark and wordmark with a ruled list of pieces, dates, and links.

A ruled list of placed articles and essays showing title, publication, date, and a read link for every byline on record.

A ruled list of maintained npm packages, each row with the name, version, license, weekly downloads, a short description, and an install command.

One aphorism set large between hairline rules with a source line, page punctuation.

A centered heading and lede over three bordered cards, each opening with a quote glyph and pull quote above a footer with source and byline.

An editorial stack of two big pull quotes with oversized quote marks and attributions.

A large centered pull quote with attribution mark and a pair of proof stats split by a hairline divider.

A two column pull request case study pairing the change narrative, review notes, and merge stats beside a static diff panel of the reworked hunk.

A badge with a soft pulsing ring that radiates outward on a loop. Use it to signal live activity, unread items, or a recording session in progress.

Alerts with a border that gently pulses to catch attention over time. Use for live updates, countdowns, or urgent notices that should not be missed.

A card with a border that pulses softly to draw a glance over. Use it for live alerts, fresh items, or a call to action that should feel active now.

Buttons with a soft pulsing glow that draws the eye over time. Highlight a single primary action like start trial or buy now on a busy page.

A drawn lock screen with the three pushes the app sends beside the restraint policy.