shadcn-ui-blocks

Three certification stages with honest hours and what each one unlocks.

A heading and intro above two ruled lists in a grid, one for certifications with issuer and ID, one for awards with presenter and note.

A row of compact credential cards each naming the certification, the issuing organisation, and the year.

A two-column card grid pairing four formal credentials with the practical skill chips each one produces so visitors see qualification and capability together.

A case study section with a wide Placeholder image above a two-column ruled layout naming the specific challenge and the solution with its test rounds.

One customer story told across three divided columns covering the challenge, the solution steps, and a stacked results metric list.

Monthly scorecards with change type counts, the headline ship, and line item links.

In-app changelog grouped by month with dated entries, type badges for Feature, Fix, Improvement, and Performance.

A vertical changelog timeline grouped by month, each entry showing a type badge, a title, a summary line, and the date with affected area.

A dated changelog behind working filter tabs that narrow one list of entries to new features, improvements, or fixes.

Release entries down a hairline rail with dates, version chips, and outcome sentences.

A two column changelog archive: a sticky month index with entry counts beside releases grouped under month headings, each pairing a version chip with a title.

A changelog subscription split with copy, a three point benefit list, and a labeled email form beside a mockup of the release digest email itself.

Dated releases where every line carries a New, Improved, or Fixed chip.

A three field password form beside a live requirements checklist, a segmented strength meter, the last changed date, and a passkey suggestion.

Three contact channel cards with icons, response promises, and action links for routing by intent.

A browse and join panel with a create action, labeled search field, sort chips, and rows showing each channel name, description, members, and a join state.

Workspace nav rail with channel and DM sections, unread badges, a muted channel indicator, and per section add affordances.

Channel settings panel with name and topic fields, public/private radio with consequence notes, a members list, notification level selector, and an archive action.

The dispute button named as your right with honest speed math on both routes and a published record.

A hero pairing a headline and CTA with a live chat conversation preview. Ideal for messaging, support, or AI assistant products you want to demo.

Centered heading and lede above a bordered chat panel where visitor questions sit in filled bubbles and a named teammate answers in muted bubbles.

Testimonials as a chat thread with alternating bubbles, avatars, and timestamps in a framed window.

A dark cheat sheet card with a title and a grid of key tiles.

A checklist that lays out shipping steps and return conditions as ticked items. Helps buyers confirm eligibility before they start a refund request.

A vertical checklist of product promises with check icons and short labels. Use it on a product page to spell out exactly what every order includes.

Compact checklist card with six items, a Progress bar at 3 of 6, and a note that checklists do not block task completion.

Six checked commitments pairing enforceable rules with the practices behind them.

Four project stages in a two-column card grid each listing the deliverables as checked items so scope is unambiguous.

An onboarding home shell with a topbar, welcome header, a setup checklist card with progress and one expanded step, plus a resources rail.

A split feature section with a header and grouped checklist beside a tall app window mockup with stats, task rows, and status chips.

Corner card onboarding widget with a progress ring, five setup tasks, two complete, the next step highlighted, and an honest dismiss note.

The setup checklist mid flight, a computed meter above tasks in three states.

A verdict table for five checkout add ons, each row naming the item and price, a badge, and an honest reason to buy or skip.

The payment flow header, wordmark, lock line, and one exit back to cart.

Three checked promises that nothing expires mid checkout beside a static session panel showing saved rows after an overnight pause.

Three plan cards with real limits stated, Free preselected, and a no sales call promise for Team.

Revenue and churn sliders feed a three stat strip of monthly loss, yearly loss, and what one point less churn keeps.

Monthly churn bars beside a net revenue retention line, the uncomfortable pair published.

Aisles as round image chips in one scannable strip, the mobile commerce pattern.

Centre aligned icons set in soft circles, each with a title and caption. A friendly way to present three or four core benefits on a landing page.

The loop counted in five tiles, with zero landfilled labeled as the one that matters.

Ring shaped progress dials that animate to a percentage value. Good for dashboards or landing pages that report completion rates and capacity at a glance.

A two column proof section pairing a customer CISO quote with a portrait against four audited deployment numbers, above a verification line.

Sources side panel listing 4 cited documents with title, matched snippet, relevance chip, and an honest footer note.

Two column split pairing heading copy and three proof points with a cited answer card whose numbered markers resolve to listed source rows.

A left aligned header over a stacked list of competitor claims, each quoted with a verdict badge and source, then answered in plain text.

A straightforward contact form with name, email, and message fields plus a submit button. Drop it on a portfolio page so visitors can send a quick note.