shadcn-ui-blocks

A quiet single row logo strip: a muted caption over one evenly justified line of glyph and wordmark pairs.

Four stat cards hold each raw input cost with its current rate, twelve month movement, and a trend sparkline, above the pass through rule line.

A compact email input with an inline submit button on one row. Drop it into a footer or banner where space is tight but you still want signups.

A qualified project inquiry form with name, email, project-type and budget-range selects, a message field, and a note that scope and fee follow a discovery call.

Split hero with a first person invitation and expectations strip on the left beside a labelled inquiry form for name, email, company, and project.

Alerts with an inset shadow that sinks slightly into the surface. Use for grouped notices inside cards or panels that feel part of the layout.

A responsive photo grid that mirrors an Instagram profile layout with hover overlays for likes and comments. Use it to preview a visual feed on a portfolio.

A developer install step with per platform commands behind tabs, numbered login and test commands, and a live row waiting for the first event.

Pay in full, four payments, or twelve months as selectable rows, the written schedule re-renders live and the costlier option admits it.

The BNPL split printed in mono arithmetic with the late fee row and the cheaper lookalike named openly.

Card refund in 2 to 4 bank days or instant store credit with the reasoning for no bonus published.

Divided list of three stores with checked access features beside an assisted visit booking card, over a corrections strip.

Click and collect in three steps, live stock, two hour ready, counter returns.

A bordered card strip pairing two product marks joined by a plus with a bold announcement lead and an arrow link to the integration.

GitHub integration page with connected account, permissions list, configure rows, and disconnect consequence.

Per-integration health panel showing connected status, last sync time, sync frequency, error count, and a five-run sync history.

Integration event log with timestamp, direction, event name, HTTP status badge, duration, and an expanded error detail row for failed events.

Browseable integration directory with category chips, a search field, and six cards showing brand name, one-line description, Install or Installed state, and a verified trust line.

An integration card with two joined logo tiles, a title, and description.

Request board for missing integrations with a submission form, then top requested tools ranked by votes with upvote buttons and roadmap status badges.

Connector requests with vote counts and honest statuses, the declined one kept visible.

A text only directory index of four category columns with counts and linked tool names.

A call to action surrounded by logos of supported tools and platforms. Reassures teams about compatibility before they sign up and connect apps.

A centered panel with icon chips, a stack fit headline, and browse and request buttons.

A trust focused split with a headline, four security assurances, and a docs link beside an access manager showing granted scopes and a revoke control.

An onboarding split with a headline, a numbered three step timeline, and a blueprint that walks from choosing a tool to the first live sync.

A guided setup wizard with a vertical step rail beside a pane of sync direction cards, a conflict rule note, and Back and Continue actions.

Six integration tiles with category chips, Connected badges on active connections, and a support footer.

Nine category tiles with icons and data flow blurbs above a browse all button.

A hub diagram of sources flowing into Acme and attribution flowing back out, with a legend.

An integration deep dive with paired marks, a headline, three feature rows, and connect buttons beside a field mapping panel of what syncs each way.

API copy and a checklist beside a terminal panel showing a colored webhook payload.

A pricing section that updates prices and highlights as buyers select options. Use it when choices like seats or add ons should reflect cost instantly.

Buttons that react to hover and click with motion and state changes. Make signups, downloads, and key actions feel alive and worth clicking.

A changelog with filters and clickable entries that reveal more detail. Lets visitors explore updates by type and focus on the releases that matter.

Tabs paired with a live preview that updates as buyers select a feature. Lets shoppers explore what each capability looks like before they buy.

Stat cards that reveal extra detail or a chart when you hover over them. Use it when you want a number to expand into context on a feature page.

A grid of project thumbnails that reveal a title, role, and link on hover. Use it to keep a portfolio index clean while exposing detail on demand.

An interactive panel where hovering an icon updates the description beside it. Invites visitors to explore features at their own pace and stay engaged.

A hero with live, interactive stat counters beside a headline and CTA. Use it to make growth, usage, or results tangible on a SaaS landing page.

Five cross border questions answered, duties first, the customs delay named honestly.

A split layout pairing the returns promise and money facts with a numbered four step card covering label, duties, drop off, and refund.

House sizes against four systems, with centimeters as the tiebreaker.

Five stage tracker with the customs stage annotated honestly and the filing threshold stated.

An internship card with a title, season and location chips, and a footer.

A heading with a booking note above a divided row list of founder appearances, each showing format icon, show, guest, runtime, and a listen link.

A two column layout pairing a profile card with a ruled fact sheet and headline outcome beside four question and answer exchanges in a hairline divided list.

A question and answer layout with a guest portrait and intro. Use it to publish interviews in a clear, readable format on an editorial blog.