shadcn-ui-blocks

A clean article card with your headline, summary, and author byline.

A post list with thumbnail and meta on the left and a sidebar of about bio, category counts, and email subscribe on the right.

A board automation surface pairing a rules list with enable switches and run counts beside a When, If, Then rule editor and save actions.

Isolated kanban column with header count, add affordance, and cards showing label, assignee, due date, and subtask progress.

Board toolbar with assignee avatar toggles, label chips, a group-by control, search, and a visible filtered card count.

Board name, Board and Table and Timeline view switcher, member avatar filters, an active filter badge, group-by selector, and a share button.

Board creation grid of workflow templates, each with a mini column mockup, a description, and a columns and automations meta line; one is selected.

Buy one gift one with the mechanics in three lines and a live unit counter.

The approved company paragraph with word count and date beside a fast facts table.

A call-booking band with a two-row agenda covering what the call addresses and what it skips, plus a duration row stating free 20 minutes and no prep needed.

A six month availability strip of month cells marked booked, open, or closed, each with a short note, plus a status legend and booking button.

Post-booking summary card with meeting title, attendee avatars, dual-timezone times, add-to-calendar buttons, and a cancellation policy note.

A speaker booking closer with an invitation heading, a booking checklist, and dual actions beside a ruled card of speaking formats and logistics.

A hero with a booking form for dates, times, and guest details next to a headline. Lets visitors reserve a slot the moment they land on the page.

A live booking split pairing a ruled list of set formats with a details card of availability, a rider link, and a request button.

A two-column availability block stating the current booked-through month, the next opening slot, response time, and typical engagement length as ruled detail rows.

A six month availability strip of status dot cells, plus a footer pairing an earliest start note with a reserve by email action.

A two-column booking block showing what a single session covers, the duration and price, a four-step booking sequence, and an honest list of what coaching is not.

A card with a colored accent line along one edge that draws the eye. Use it to group related text and labels while signaling category or status.

Buttons with borders that animate and trace around the edge on hover. Draw attention to a primary action without changing the button fill at rest.

A card whose border traces a moving outline around the edges. Use it to spotlight a featured plan, offer, or item that needs attention on the page.

A breadcrumb sitting inside a thin outlined container. Frames the navigation path cleanly on a dashboard header or any content section toolbar.

A full bleed grid header where the logo, uppercase links, and actions sit in bordered cells split by dividers, ending in a solid CTA cell.

Centered headline and buttons inside a large rounded border inset.

A pagination row where each page number sits inside its own outlined button. The clear borders separate pages cleanly across data tables and search results.

A bordered card grid showing project thumbnails with name, role, year, skill tags, and a view link per entry.

An accordion where each item border softly fades on open. Adds a quiet visual cue for active panels in FAQs and settings without loud styling.

A card framed by a shifting gradient border that flows around the edges. Use it to highlight a premium tier or hero item in a grid of options.

A card that brightens its border when focused or hovered. Use it to mark the recommended choice in a pricing grid or a selected option in a form.

Alerts with a colored underline along the bottom edge for a subtle cue. Use for inline messages in forms or cards that need only light emphasis.

A bottom pinned consent card with plain language copy and equal weight accept choices.

IDE style shell with a slim run bar, an open canvas, a docked console panel with log tabs, and a pinned status bar.

A badge with a springy bounce animation that draws the eye on entry. Use it to flag new arrivals or fresh updates that should grab attention.

An SVG flowchart of automated checks branching to approve or review, with a numbered step list.

Three approved bio lengths in copyable cards with word counts, followed by a key facts list for journalists to cite without follow-up.

Brand blurb and social icons beside three columns of product links.

Palette swatch cards with names, hex values, and usage notes per color.

A grid of document icons, each labeled and linked to a file like a resume or portfolio PDF. Use it to offer several downloads in one branded section.

Workspace branding panel with logo upload, accent color swatches, a subdomain field, and an honest note on where branding actually appears.

The position at display size with three receipts, buy it once, we mean the once.

A brand identity case showing logo mark, theme-token colour swatches, typography panel, and three application mockups for one project.

A wordmark grid of twelve named client brands with sector labels, a total client count, and a four-column breakdown of work by engagement type.

The company history as dated rows, the near collapse year kept in.

Four brand archetypes translated to an Acme order, with the outdoor row that sends buyers to centimeters.

A row of value cards pairing an icon with a short principle. Use it to spell out what your brand stands for and how the team makes decisions.

A full width footer with a brand line, social buttons, and link columns, over a giant outlined brand wordmark above a legal bottom bar.

Breadcrumb bar with the middle segment expanded into a sibling-project switcher panel showing the current item checked.

Full-page shell for deep detail views with a breadcrumb trail, page title, meta row, and action buttons above two content panels.