# Shadcn UI Blocks

> Full catalog: every one of the 3913 blocks across 10 collections and 271 groups, then every template and Open Graph image template, each with its description and a link to its page, so an agent can pick a specific item and install it by name without visiting the site. See https://www.shadcn-ui-blocks.com/llms.txt for the short index.

## Using the registry

The whole catalog is a shadcn-compatible registry, so the shadcn CLI and any agent that reads one can list and install blocks with no vendor code.

- Registry index (every item with its file list and dependencies, but no source): https://www.shadcn-ui-blocks.com/r/registry.json
- Free registry index (the same, cut to the free collections, every item installable with no credential): https://www.shadcn-ui-blocks.com/r/free-registry.json
- A block's registry name is its collection, group, and block slugs joined by hyphens, i.e. the page path after /blocks/ with each slash replaced by a hyphen. For example /blocks/modern-saas/hero-sections/centered-with-backdrop installs as `modern-saas-hero-sections-centered-with-backdrop`.
- Install a free block by URL: `npx shadcn@latest add "https://www.shadcn-ui-blocks.com/r/{name}.json"`. Free collections are ungated and need no credential.
- Install any block by namespace: add `@shadcn-ui-blocks` to the registries map in components.json, then `npx shadcn@latest add @shadcn-ui-blocks/{name}`.
- Premium and standard collections require an API key from a Pro or Team plan. In that registries config set `"headers": { "Authorization": "Bearer ${SHADCN_UI_BLOCKS_API_KEY}" }` and put the key in your .env.local. Create and manage keys at https://www.shadcn-ui-blocks.com/account/api-keys. A request with a missing or invalid key gets a 401, and a valid key without access to the collection gets a 403, each with a JSON `message` explaining what to do.
- Every block page prints its install command in the Install section of its side rail, and the block's source is shown in the page's Code tab for a viewer with access.

## MCP server

Search the catalog in plain language from an AI assistant and install the match. The server speaks MCP over streamable HTTP at https://www.shadcn-ui-blocks.com/api/mcp, needs an API key from any account, free included, sent as an `Authorization: Bearer` header (a free key covers the free collections and the community registries, a Pro or Team key every block), and exposes four read-only tools: `search_blocks` (a natural description in, matching blocks with their install commands out, the top matches with their light and dark captures as images), `get_block` (one block by registry name, with its captures), `list_collections`, and `get_designer_file` (a Designer file from the key's workspace by name, id or URL, each page's blocks in order with their install commands). Every install command runs as it is: free and community blocks install from their registry URL, premium and standard blocks from a URL carrying a temporary token issued against the key, so nothing needs adding to components.json. Setup for Cursor, Claude Code, Codex, VS Code and any other MCP client: https://www.shadcn-ui-blocks.com/docs/mcp.

## Pricing

Free to start: a free account installs every free collection and the community curation, browses the premium and standard blocks, keeps favorites and lists, tries the Designer with one file and uses MCP on the free and community blocks. Pro ($15 a month billed yearly, $20 billed quarterly) unlocks every block, unlimited Designer files, MCP on the whole catalog, the Open Graph image templates and priority support, for one person. Team ($20 a seat a month billed yearly, $25 billed quarterly) is Pro for everyone on a team with shared files, lists and roles. Templates are a one time purchase outside any plan. Plans and answers: https://www.shadcn-ui-blocks.com/pricing

## Modern SaaS

Premium tier. 89 blocks in 21 groups. Browse: https://www.shadcn-ui-blocks.com/blocks/modern-saas

Explore 89 premium Modern SaaS blocks for shadcn/ui. Heroes, features, pricing, testimonials, FAQs, and CTAs with bold type and clean, sleek layouts.

### Prebuilt Pages

Browse 5 Modern SaaS prebuilt pages for shadcn/ui. Full landing pages that stitch the collection's heroes, features, proof, and CTAs into one ready to ship layout.

- [Company Page](https://www.shadcn-ui-blocks.com/blocks/modern-saas/prebuilt-pages/company-page): A complete Modern SaaS company page that opens with the navbar and runs from purpose through the story and team to a closing call to action.
- [Depth SaaS Landing](https://www.shadcn-ui-blocks.com/blocks/modern-saas/prebuilt-pages/depth-saas-landing): A complete depth style SaaS landing page composed from thirteen depth blocks, from pill navbar to glow CTA and footer.
- [Pricing Page](https://www.shadcn-ui-blocks.com/blocks/modern-saas/prebuilt-pages/pricing-page): A full Modern SaaS pricing page that leads with the plans, then backs them with logo proof, customer voices, and answers before a final CTA.
- [Product Landing](https://www.shadcn-ui-blocks.com/blocks/modern-saas/prebuilt-pages/product-landing): A complete Modern SaaS landing page that runs from hero through features, proof, and plans into a closing call to action and footer.
- [Startup Landing](https://www.shadcn-ui-blocks.com/blocks/modern-saas/prebuilt-pages/startup-landing): A calmer, story led Modern SaaS landing page with a full bleed hero, principle first benefits, two simple plans, and a newsletter close.

### About

Browse 10 Modern SaaS about blocks for shadcn/ui. Purpose statements, story timelines, and team carousels that say who you are and why the product exists to build trust on a product led landing page.

- [Company Intro Hero](https://www.shadcn-ui-blocks.com/blocks/modern-saas/about-sections/company-intro-hero): A centered about page opener: kicker pill, oversized headline, and a single plainspoken thesis line over a dark mode only ambient glow.
- [Founding Story Split](https://www.shadcn-ui-blocks.com/blocks/modern-saas/about-sections/founding-story-split): A founding story split: mono tag and large heading on the left lane, two measured prose paragraphs on the right.
- [Hiring Banner Strip](https://www.shadcn-ui-blocks.com/blocks/modern-saas/about-sections/hiring-banner-strip): A hiring banner strip: an invitation line and a short teams list beside a primary depth pill pointing at open roles.
- [Leadership Avatar Grid](https://www.shadcn-ui-blocks.com/blocks/modern-saas/about-sections/leadership-avatar-grid): A five up leadership grid of tile cards with large illustrated avatars, names, and roles under an asymmetric header.
- [Leadership Team](https://www.shadcn-ui-blocks.com/blocks/modern-saas/about-sections/leadership-team): A two part header with a credibility wordmark strip above a five up row of leadership portraits, each with a name and role, to put real faces behind the product.
- [Meet the Team](https://www.shadcn-ui-blocks.com/blocks/modern-saas/about-sections/meet-the-team): A swipeable carousel of team profile cards with names, roles, and portraits, each opening a short bio in a dialog.
- [Numbered Value Cards](https://www.shadcn-ui-blocks.com/blocks/modern-saas/about-sections/numbered-value-cards): Three numbered value cards: mono index, bold principle, and a two line explanation on gradient panels.
- [Our Purpose](https://www.shadcn-ui-blocks.com/blocks/modern-saas/about-sections/our-purpose): An editorial about section with no imagery: an uppercase eyebrow and large headline on the left beside a two paragraph purpose statement on the right.
- [Story Timeline](https://www.shadcn-ui-blocks.com/blocks/modern-saas/about-sections/story-timeline): A vertical 'Our story' timeline of company milestones, alternating a photo with the year and a short paragraph beside a center rail, with the most recent year highlighted.
- [Team Stats Interlude](https://www.shadcn-ui-blocks.com/blocks/modern-saas/about-sections/team-stats-interlude): A quiet company facts interlude: two large proof stats split by a hairline, followed by a single transitional statement line about the team.

### Auth Pages

- [Depth Login](https://www.shadcn-ui-blocks.com/blocks/modern-saas/auth-pages/depth-login): A centered login screen with SSO pills, mono divider, email field, and primary depth pill over a soft radial glow.
- [Depth Signup](https://www.shadcn-ui-blocks.com/blocks/modern-saas/auth-pages/depth-signup): A split signup screen: form half with SSO pills and fields, proof half with a customer quote and social proof row.
- [Split Login Illustrated](https://www.shadcn-ui-blocks.com/blocks/modern-saas/auth-pages/split-login-illustrated): A split login screen in an inset tray: labeled fields, remember me, and a Google pill beside a grayscale garden illustration edge to edge.
- [Split Signup Showcase](https://www.shadcn-ui-blocks.com/blocks/modern-saas/auth-pages/split-signup-showcase): A split signup screen in an inset tray: bare brand mark, email and Google pills, and a legal line beside a render over a caption carousel.

### Blog

Browse 6 Modern SaaS blog blocks for shadcn/ui. Clean grids of article cards with categories, dates, and author bylines that give a product a living voice on a product led landing page.

- [Article Card Grid](https://www.shadcn-ui-blocks.com/blocks/modern-saas/blog-sections/article-card-grid): A three up grid of blog post cards, each pairing a category badge and date with the post title and a stacked author byline.
- [Article Prose Page](https://www.shadcn-ui-blocks.com/blocks/modern-saas/blog-sections/article-prose-page): A full blog article page: breadcrumb, oversized headline, avatar byline, wide photograph, measured prose with a pull quote, tag chips, and read next tiles.
- [Card Carousel](https://www.shadcn-ui-blocks.com/blocks/modern-saas/blog-sections/card-carousel): A swipeable carousel of blog post cards, each pairing a cover image with a category, date, two line title, and read time.
- [Category Post List](https://www.shadcn-ui-blocks.com/blocks/modern-saas/blog-sections/category-post-list): A blog category page: breadcrumb, left aligned heading with mono post count, category filter pills, a column of quiet list rows, and an honest load more pill.
- [Featured Post Grid](https://www.shadcn-ui-blocks.com/blocks/modern-saas/blog-sections/featured-post-grid): A blog landing opener: a centered kicker and heading over a wide featured post split card with an illustrative constellation panel and avatar byline.
- [Filterable Post Grid](https://www.shadcn-ui-blocks.com/blocks/modern-saas/blog-sections/filterable-post-grid): A blog post grid with working category filter pills over two rows of text first post cards with mono meta lanes and illustrated avatar bylines.

### Careers

- [Hiring Intro Benefits](https://www.shadcn-ui-blocks.com/blocks/modern-saas/careers/hiring-intro-benefits): A careers page opener: kicker, oversized heading, plainspoken pitch, and a three up grid of quiet benefit tiles.
- [Open Roles List](https://www.shadcn-ui-blocks.com/blocks/modern-saas/careers/open-roles-list): An open roles section: mono team labels over quiet role tiles with location and contract details, ghost apply pills, and a strip for unlisted roles.
- [Team Quote Stats](https://www.shadcn-ui-blocks.com/blocks/modern-saas/careers/team-quote-stats): A careers proof section: a centered teammate quote with an illustrated avatar attribution, followed by two hiring stats split by a hairline.

### Changelogs

Browse 3 Modern SaaS changelog blocks for shadcn/ui. Linear style timelines that show recent releases and prove the product keeps shipping on a landing page.

- [Horizontal Timeline](https://www.shadcn-ui-blocks.com/blocks/modern-saas/changelogs/horizontal-timeline): A Linear style changelog: a bold heading above a horizontal rail of recent releases, each with a dot, title, two line summary, and date. The newest entry is highlighted.
- [Versioned Entry List](https://www.shadcn-ui-blocks.com/blocks/modern-saas/changelogs/versioned-entry-list): A changelog with mono dates and version pills in a left lane and typed change chips stepping down in weight on the right.
- [Vertical Timeline](https://www.shadcn-ui-blocks.com/blocks/modern-saas/changelogs/vertical-timeline): 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.

### Contact Sections

- [Split Contact Form](https://www.shadcn-ui-blocks.com/blocks/modern-saas/contact-sections/split-contact-form): A contact section splitting a form panel from a channel rail of direct line cards with mono emails and a status card.

### CTAs

Browse 6 Modern SaaS CTA blocks for shadcn/ui. Bold, centered closing asks on soft bordered panels that turn the last scroll into a click on a product led landing page.

- [Centered Callout](https://www.shadcn-ui-blocks.com/blocks/modern-saas/ctas/centered-callout): A simple, centered closing CTA on a soft bordered panel: a bold headline and short lede over two pill buttons.
- [Horizon Glow CTA](https://www.shadcn-ui-blocks.com/blocks/modern-saas/ctas/horizon-glow-cta): A closing CTA over a soft radial glow rising from the bottom edge, with a depth pill button pair.
- [Inline Banner Strip](https://www.shadcn-ui-blocks.com/blocks/modern-saas/ctas/inline-banner-strip): A slim banner strip: bold prompt and one line support on the left, a single ghost pill action on the right.
- [Newsletter Signup Strip](https://www.shadcn-ui-blocks.com/blocks/modern-saas/ctas/newsletter-signup-strip): A newsletter strip: an invitation line and a frequency promise beside a primary depth pill.
- [Selfserve FAQ Strip](https://www.shadcn-ui-blocks.com/blocks/modern-saas/ctas/selfserve-faq-strip): A self serve strip: a gentle redirect for contact page visitors whose answer already exists, pointing at the FAQ.
- [Split Signup](https://www.shadcn-ui-blocks.com/blocks/modern-saas/ctas/split-signup): A split CTA on a soft bordered panel: a headline and pill button beside a newsletter signup with an email field, submit button, and privacy note.

### Docs Pages

- [Sidebar Docs Shell](https://www.shadcn-ui-blocks.com/blocks/modern-saas/docs-pages/sidebar-docs-shell): A complete docs page shell: sidebar with mini search and mono section labels, prose column with terminal blocks and working copy buttons, and an on this page rail.

### Error Pages

Browse 2 Modern SaaS error page blocks for shadcn/ui. Friendly 404 layouts with a clear way back and helpful links so a wrong turn never dead ends.

- [Centered Astronaut](https://www.shadcn-ui-blocks.com/blocks/modern-saas/error-pages/centered-astronaut): A centered 404 screen: a framed astronaut adrift over a soft glow above a bold headline, a short lede, and pill CTAs to head home or go back.
- [Split With Links](https://www.shadcn-ui-blocks.com/blocks/modern-saas/error-pages/split-with-links): A 404 page with a split header, a giant outlined number over a dotted grid, and a row of helpful link cards to get visitors back on track.

### FAQs

Browse 4 Modern SaaS FAQ blocks for shadcn/ui. Tabbed categories and clean accordions that clear the last objections before the ask on a product led landing page.

- [Category Pill Accordions](https://www.shadcn-ui-blocks.com/blocks/modern-saas/faqs/category-pill-accordions): A full FAQ section with a category pill row and mono labeled question groups as quiet accordion tiles.
- [Single Open Accordion](https://www.shadcn-ui-blocks.com/blocks/modern-saas/faqs/single-open-accordion): A centered FAQ on the shadcn Accordion where the first item ships open and closed rows stay on quiet hairline tiles.
- [Split With Aside](https://www.shadcn-ui-blocks.com/blocks/modern-saas/faqs/split-with-aside): A two-column FAQ: a sticky heading and help link beside a flat, single-open accordion of answers.
- [Tabbed Categories](https://www.shadcn-ui-blocks.com/blocks/modern-saas/faqs/tabbed-categories): A categorized FAQ: a centered headline and pill CTA above category tabs, then the active category and its count beside a single-open accordion of answers.

### Features

Browse 13 Modern SaaS feature blocks for shadcn/ui. Bento grids and illustrated sections that show what your product does in a clean, minimal layout.

- [App Workspace](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/app-workspace): An oversized display word over a stat-led feature rail beside a full automation workspace dashboard mockup built from theme tokens.
- [Assistant Snippet Grid](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/assistant-snippet-grid): A two by two grid of assistant feature cards, each led by a miniature UI snippet inside an inset tile.
- [Benefits Isometric](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/benefits-isometric): Three benefit columns, each with a centered isometric SVG illustration, a FIG tag, label, and short paragraph. A clean, minimal way to frame product principles.
- [Bento Grid](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/bento-grid): An asymmetric bento feature grid with a custom SVG illustration in every cell: analytics, collaboration, automation, security, and integrations. A clean, minimal overview.
- [Capability Columns](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/capability-columns): A split lead over three capability columns, each framing a schematic SVG figure with corner crop marks, a caption tag, and a Learn more cue.
- [Capability Diagram Cards](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/capability-diagram-cards): Three depth cards each led by an illustrative SVG diagram: node constellation, decision doc, and ascending bars.
- [Capsule Card Trio](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/capsule-card-trio): A heading row with a text link over three tall cards in a muted inset tray, each closing on a capsule of icon, brand or avatar chips.
- [Icon Card Grid with CTA](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/icon-card-grid-with-cta): A heading row and a right aligned lede over a grid of five icon feature cards, closed by a call to action card on the primary surface.
- [Illustrated Cards](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/illustrated-cards): A gradient lead headline over two equal isometric cards: a backlog sorted into stacked lanes and cubes converging on one focused point.
- [Metric Interlude](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/metric-interlude): A quiet pacing section: two large proof stats split by a hairline, followed by a single transitional statement line.
- [Product Showcase](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/product-showcase): A split header over an app window mockup: a triage inbox where incoming feedback is auto-routed into labeled, assigned issues. Shows the product in action.
- [Split Checklist Panel](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/split-checklist-panel): A split highlight: heading, lede, and checklist beside a roadmap panel of initiative rows with stepped progress meters.
- [Three Columns with App Mockup](https://www.shadcn-ui-blocks.com/blocks/modern-saas/feature-sections/three-columns-app-mockup): A section heading over three icon columns, then a contract review app mockup with charts, filters and grouped lists in an inset tray.

### Footers

Browse 4 Modern SaaS footer blocks for shadcn/ui. Clean, multi column footers with brand, navigation, and social links to close out a product led landing page.

- [Brand Watermark](https://www.shadcn-ui-blocks.com/blocks/modern-saas/footers/brand-watermark): A full width footer with a brand line, social buttons, and link columns, over a giant outlined brand wordmark above a legal bottom bar.
- [Image CTA Footer](https://www.shadcn-ui-blocks.com/blocks/modern-saas/footers/image-cta-footer): A full bleed skyline band carrying a heading, lede and pill, then a footer with link columns, social chips and a newsletter capsule.
- [Simple](https://www.shadcn-ui-blocks.com/blocks/modern-saas/footers/simple): A simple footer: a brand mark and tagline beside columns of navigation links, over a bottom bar with a copyright line and social icons.
- [Status Columns Footer](https://www.shadcn-ui-blocks.com/blocks/modern-saas/footers/status-columns-footer): A multi column footer with brand tagline, live status pill, four link columns, and a hairline social bottom row.

### Help Centers

- [Popular Articles Support Strip](https://www.shadcn-ui-blocks.com/blocks/modern-saas/help-centers/popular-articles-support): A help center closer: a most read header with browse all link, two columns of article rows with mono category tags, and a support strip with a depth CTA.
- [Search Hero Topic Grid](https://www.shadcn-ui-blocks.com/blocks/modern-saas/help-centers/search-hero-topic-grid): A help center opener: kicker, oversized heading, wide search field with shortcut hint and popular chips, then a grid of icon tile topic cards with mono article counts.

### Heroes

Browse 6 Modern SaaS hero blocks for shadcn/ui. Bold headlines, clean product mockups, and confident CTAs to open a product led landing page.

- [Asset Carousel](https://www.shadcn-ui-blocks.com/blocks/modern-saas/hero-sections/asset-carousel): A left aligned hero for an image library with a two line headline, a lede and two pills over a CSS 3D coverflow of five photographs.
- [Centered With Backdrop](https://www.shadcn-ui-blocks.com/blocks/modern-saas/hero-sections/centered-with-backdrop): A minimal centered hero, headline, lede, and two CTAs, set over a full bleed backdrop with matching light and dark images and a sticky oval navbar.
- [Centered With Product Image](https://www.shadcn-ui-blocks.com/blocks/modern-saas/hero-sections/centered-with-product-image): A centered hero with a bold headline, lede, and dual CTAs above a sleek app window mockup, topped by a sticky oval navbar. A clean, modern opener for product launches.
- [Inbox Showcase](https://www.shadcn-ui-blocks.com/blocks/modern-saas/hero-sections/inbox-showcase): A left aligned hero with a two line headline, a lede sharing its row with two pills, and a shared sales inbox mockup in an inset tray.
- [Line Ribbon](https://www.shadcn-ui-blocks.com/blocks/modern-saas/hero-sections/line-ribbon): A hero drawn around a twisting line ribbon with mono callouts and a brand node, a headline beside a lede and pills, and a logo strip.
- [Planet Centerpiece](https://www.shadcn-ui-blocks.com/blocks/modern-saas/hero-sections/planet-centerpiece): A full-fold hero spread pairing a headline and CTAs with a token-built planet centerpiece and a monospace statement above a customer logo strip.

### Integrations

Browse 3 Modern SaaS integration blocks for shadcn/ui. Constellation graphs that map a product to the tools it connects with on a product led landing page.

- [Connect Your Stack](https://www.shadcn-ui-blocks.com/blocks/modern-saas/integrations/connect-your-stack): A copy rail beside a constellation graph that fans connector lines from a central product node out to a ring of integration nodes over a fading dotted grid.
- [Connector Directory](https://www.shadcn-ui-blocks.com/blocks/modern-saas/integrations/connector-directory): An integrations directory: centered heading over a responsive grid of connector cards pairing monochrome brand marks with one line descriptions and mono category tags, closed by an API strip.
- [Icon Tile Spotlight](https://www.shadcn-ui-blocks.com/blocks/modern-saas/integrations/icon-tile-spotlight): Two rows of gradient icon tiles above a centered heading, one line promise, and a ghost pill CTA.

### Logo Clouds

Browse 3 Modern SaaS logo cloud blocks for shadcn/ui. Marquees and simple grids of customer logos to build social proof on a product led landing page.

- [Dual Marquee](https://www.shadcn-ui-blocks.com/blocks/modern-saas/logo-clouds/dual-marquee): A logo cloud with two rows of customer logos scrolling in opposite directions. A seamless, pure CSS marquee for social proof on a landing page.
- [Inline Wordmark Strip](https://www.shadcn-ui-blocks.com/blocks/modern-saas/logo-clouds/inline-wordmark-strip): A quiet single row logo strip: a muted caption over one evenly justified line of glyph and wordmark pairs.
- [Simple Grid](https://www.shadcn-ui-blocks.com/blocks/modern-saas/logo-clouds/simple-grid): A simple, static logo cloud: an eyebrow line above a centered, wrapping row of customer logos. Clean, no motion social proof for a Modern SaaS landing page.

### Navbars

Browse 2 Modern SaaS navbar blocks for shadcn/ui. Sticky glass bars, centered oval pills, and clean headers to top a product led landing page.

- [Centered Oval](https://www.shadcn-ui-blocks.com/blocks/modern-saas/navbars/centered-oval): A sticky, pill shaped glass navbar with a logo, optically centered links, and dual CTAs. A clean, modern header for a Modern SaaS landing page.
- [Standard Sticky](https://www.shadcn-ui-blocks.com/blocks/modern-saas/navbars/standard-sticky): A full width sticky header with a bottom border, logo, inline links, and CTAs. Links collapse into a mobile sheet menu. A clean, dependable Modern SaaS header.

### Pricing

Browse 5 Modern SaaS pricing blocks for shadcn/ui. Tiered plan cards with a featured tier, billing toggles, and feature lists to turn a product led landing page into signups.

- [Depth Tier Cards](https://www.shadcn-ui-blocks.com/blocks/modern-saas/pricing-sections/depth-tier-cards): Three depth style pricing tiers with a billing toggle; the featured plan carries a brighter hairline and mono tag.
- [Membership](https://www.shadcn-ui-blocks.com/blocks/modern-saas/pricing-sections/membership): A single membership plan: a price card with an annual note and refund line beside a checked list of what the plan includes.
- [Plan Comparison Table](https://www.shadcn-ui-blocks.com/blocks/modern-saas/pricing-sections/plan-comparison-table): A plan comparison table with price column headers, mono feature groups, and checks aligned down fixed lanes.
- [Three Tier](https://www.shadcn-ui-blocks.com/blocks/modern-saas/pricing-sections/three-tier): A three tier pricing section with a featured plan, per card annual billing toggles, icon feature lists, and an enterprise banner.
- [Two Plans](https://www.shadcn-ui-blocks.com/blocks/modern-saas/pricing-sections/two-plans): Two large plan cards side by side, a light free tier and an inverted paid tier, each with a price and CTA, over a group discounts link.

### Process Flow

Browse 1 Modern SaaS process flow blocks for shadcn/ui. Numbered step layouts that walk a visitor from idea to launch on a product led landing page.

- [Numbered Steps](https://www.shadcn-ui-blocks.com/blocks/modern-saas/process-flow/numbered-steps): A horizontal row of numbered steps, each pinning a label to the top and dropping a two line heading and a learn more link to the foot. A quiet, editorial flow.

### Testimonials

Browse 5 Modern SaaS testimonial blocks for shadcn/ui. Spotlight quotes, customer logos, and metric cards that turn praise into proof on a landing page.

- [Logo Tabs Spotlight](https://www.shadcn-ui-blocks.com/blocks/modern-saas/testimonials/logo-tabs-spotlight): Customer logo tabs joined to a spotlight panel, each pairing a portrait with a pull quote, its attribution, and three result figures.
- [Pull Quote with Proof Stats](https://www.shadcn-ui-blocks.com/blocks/modern-saas/testimonials/pull-quote-proof-stats): A large centered pull quote with attribution mark and a pair of proof stats split by a hairline divider.
- [Quote Card Grid](https://www.shadcn-ui-blocks.com/blocks/modern-saas/testimonials/quote-card-grid): A two column grid of testimonial cards, each pairing a customer quote with an avatar, name, and role.
- [Spotlight With Stats](https://www.shadcn-ui-blocks.com/blocks/modern-saas/testimonials/spotlight-with-stats): A customer logo bar, one oversized pull quote with its attribution, and three metric cards that back the quote with hard numbers. A focused proof point for a landing page.
- [Staggered Quote Masonry](https://www.shadcn-ui-blocks.com/blocks/modern-saas/testimonials/staggered-quote-masonry): A three column testimonial masonry of naturally staggered quote cards, each closed by an illustrated avatar byline.

## Marketing

Standard tier. 803 blocks in 47 groups. Browse: https://www.shadcn-ui-blocks.com/blocks/marketing-pro

Explore 803 Marketing blocks for shadcn/ui. Heroes, pricing, comparisons, case studies, and process pages with bold type and clean layouts.

### About

Browse 21 Marketing Pro about blocks for shadcn/ui. Mission statements, story timelines, values, and press sections that tell the company story.

- [About Split With Quote](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/about-split-with-quote): An origin story in two paragraphs beside a founder pull quote on a muted panel.
- [About With Stats](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/about-with-stats): Two paragraphs of company story beside a ruled grid of four numbers with sentence labels.
- [Backers and Angels](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/backers-and-angels): A muted band of two fund wordmarks above a ruled two column list of six angel operators, closed by a no board seats line.
- [By the Numbers](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/by-the-numbers): A split about section pairing narrative copy with a 2x2 grid of oversized stats in hairline ring cards and a muted strip of three milestone years.
- [Company Fact Sheet](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/company-fact-sheet): Narrative copy beside a ruled definition list ledger stating founded date, team, customers, funding, and ownership as plain label and value rows.
- [Founder Letter](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/founder-letter): A first person letter in a narrow reading column with a salutation, three short paragraphs, and a serif signature above the founder portrait.
- [Founders Q and A](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/founders-qa): A two column about section pairing founder portraits and an intro with a ruled list of five real customer questions answered in short attributed paragraphs.
- [Funding History List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/funding-history-list): The complete capital ledger including the round not raised and the one declined.
- [How We Make Money](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/how-we-make-money): A business model section splitting a labeled revenue mix with hairline percentage bars beside a ruled list of three funding facts.
- [Leadership Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/leadership-grid): Six leaders in a borderless portrait grid, each with a role and the one thing they answer for, plus a flat titles note.
- [Manifesto Dark Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/manifesto-dark-band): Three belief statements set large on a primary band with a dated signature line.
- [Mission and Values](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/mission-and-values): An about section opening with a mission statement, then four value cards with soft square icons and a quiet attribution line linking to careers.
- [Mission Statement Centered](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/mission-statement-centered): One oversized centered mission statement with a single supporting paragraph.
- [Offices List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/offices-list): Office cards with pin icons, addresses, and a note on what each city does for customers.
- [Operating Principles Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/operating-principles-grid): Six working rules as cards, each ending with what the principle actually cost.
- [Press Mentions](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/press-mentions): Earned headlines as linked rows with styled text wordmarks for each publication.
- [Principles Numbered](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/principles-numbered): Four numbered operating principles in wide ruled rows with full paragraph arguments.
- [Story Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/story-timeline): The company history as five year marked chapters on a vertical hairline timeline.
- [Values Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/values-grid): Six bordered value cards, each with an icon disc and the working rule the value produces.
- [What We Don't Do](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/what-we-dont-do): A two column about section pairing a heading and argument with a ruled list of six firm refusals, each stating the reason it holds.
- [Working Week](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/about-sections/working-week): An about section laying out five day columns on hairline top rules, each naming its ritual and what it protects, closed by a weekly meeting tally.

### Affiliates

Browse 15 Marketing Pro affiliate blocks for shadcn/ui. Program heroes, commission tables, payout stats, and partner leaderboards.

- [Affiliate Hero Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/affiliate-hero-split): A partner program hero with the terms in one paragraph beside an earnings panel mockup.
- [Application CTA Card](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/application-cta-card): A closing CTA card pairing the apply buttons with a panel listing every application field, why it is asked, and the approval rate.
- [Audience Fit Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/audience-fit-grid): A four card grid of partner profiles, each with an icon, fit reason, earnings range, and ramp time, above a note on who to skip.
- [Commission Tiers Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/commission-tiers-table): Four partner tiers with the requirements column programs usually omit.
- [How Referrals Work Steps](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/how-referrals-work-steps): The four attribution mechanics written out, including the two partner collision case.
- [Partner Case Study](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/partner-case-study): A two column case study pairing a partner story, quote, and dated milestones with an earnings panel of monthly bars and summary rows.
- [Partner Quotes Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/partner-quotes-grid): Three partner quote cards from different channels, each led by a verified payout figure and closed with avatar attribution.
- [Payout Methods Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/payout-methods-grid): A four card grid of payout methods, each with an icon, blurb, and rows for minimum, fee, arrival time, and coverage, above a schedule note.
- [Payout Stats Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/payout-stats-band): Program payout totals with the honest median and a public on time streak.
- [Program FAQ Accordion](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/program-faq-accordion): Six pre application questions in an accordion beside the heading, with a direct email card promising a one day human reply.
- [Program Rules Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/program-rules-split): Two side by side rule cards listing allowed and prohibited promotion tactics with reasons, closed by a plain enforcement note.
- [Promo Asset Kit Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/promo-asset-kit-grid): A six card grid of ready made promo asset packs, each with a small preview mockup, description, and format meta line.
- [Terms Changelog List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/terms-changelog-list): A two column terms changelog pairing the heading and advance notice promise with a dated list of rate and rule changes, each carrying a tag.
- [Terms Comparison Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/terms-comparison-table): A three column table setting six program terms against typical affiliate defaults, with a sourcing note under the table.
- [Top Partners Leaderboard](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/affiliate-sections/top-partners-leaderboard): The quarterly partner board with earnings by channel type, named only with consent.

### AI Features

Browse 15 Marketing Pro AI blocks for shadcn/ui. Chat heroes, drafting demos, eval charts, prompt libraries, and AI policy sections.

- [Ai Boundaries Panels](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/ai-boundaries-panels): Two ring framed panels under a centered heading listing what the assistant does and never does, closed by a contractual footnote.
- [Ai Chat Hero](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/ai-chat-hero): An AI hero with a chat mockup where the assistant answers with segment sizes and choices made.
- [Ai Drafts Demo Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/ai-drafts-demo-split): A drafting demo that shows the human edits, two corrected lines feeding the workspace voice.
- [Ai Outcomes Stats](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/ai-outcomes-stats): A measured outcomes band with a centered heading, four ruled stat columns with values, labels, and detail lines, and a methodology footnote.
- [Ai Principles List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/ai-principles-list): Five AI commitments written plainly, each backed by a mechanism a buyer can verify.
- [Ai Release Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/ai-release-timeline): A dated model release log with versions, change summaries, category chips, and one rolled back entry under a header with a changelog link.
- [Ai Skeptics Faq](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/ai-skeptics-faq): A split section for skeptical AI questions, heading copy left and an accordion of five blunt answers right, first item opened.
- [Citation Trace Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/citation-trace-split): Two column split pairing heading copy and three proof points with a cited answer card whose numbered markers resolve to listed source rows.
- [Copilot Compare Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/copilot-compare-table): Centered heading over a comparison table whose ruled rows pit a generic chatbot against the built-in assistant, closed by a sourcing footnote.
- [Data Governance Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/data-governance-table): Centered heading over a ruled table of six policy rows, each pairing a data commitment with a plain explanation, closed by a DPA link.
- [Eval Scores Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/eval-scores-chart): Eval pass rates per release as a shadcn line chart, including the regression we published.
- [Human Review Explainer](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/human-review-explainer): The three gates every AI draft passes, model, checks, human, with no autopilot setting.
- [Prompt Library Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/prompt-library-grid): Six proven prompts as cards with categories, usage counts, and mono opening lines.
- [Usage Meter Card](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/usage-meter-card): An AI usage panel with per feature bars and a capacity meter that is always full, no metering.
- [Voice Training Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ai-sections/voice-training-timeline): Heading and intro above four milestone columns for days 1, 7, 30, and 90, each with a title, note, and a rising voice match meter.

### Awards

Browse 16 Marketing Pro awards blocks for shadcn/ui. Review score bands, badge walls, rating breakdowns, and analyst mentions.

- [Analyst Mentions List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/analyst-mentions-list): Exact sentences from independent research with the firm, report, and date attached.
- [Analyst Quadrant](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/analyst-quadrant): Split analyst recognition section pairing a drawn quadrant matrix of unnamed vendor dots with ruled report facts and a highlighted placement.
- [Award Spotlight](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/award-spotlight): Split spotlight on one flagship award pairing a drawn laurel medallion panel with the verbatim jury citation and ruled judging facts.
- [Awards Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/awards-timeline): Recognition by year as ruled rows, from the first small badge to category leader.
- [Badge Comparison Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/badge-comparison-table): Matrix of review platform badges comparing us with two shortlisted rivals as filled and hollow dots, one badge conceded, totals per column.
- [Badge Criteria](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/badge-criteria): Published review badge thresholds as ruled requirement rows, the bar beside where you stand, met criteria as filled dots, one badge unearned.
- [Badge Wall](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/badge-wall): Award badges drawn as SVG laurel medallions with names and seasons, no raster assets.
- [Category Leader Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/category-leader-grid): Current rank across eight product categories as cards with a large position numeral, quarters held, and a movement marker against last cycle.
- [Category Ratings Compare](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/category-ratings-compare): Ruled list of review platform rating axes with paired meter bars comparing your score to the category average, losses included.
- [Entry Ledger](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/entry-ledger): Complete ledger of award entries as ruled rows with year, award, outcome badge, and a lesson note, losses listed beside the wins.
- [Jury Panel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/jury-panel): A grid of profile cards for the independent award judges, each with a portrait, an affiliation, the criterion scored, and one scoring note.
- [Rating Breakdown Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/rating-breakdown-chart): The full star distribution as a horizontal shadcn bar chart, one star reviews included.
- [Rating Trend Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/rating-trend-chart): An eight quarter line chart of the average review score against the category average, with a three stat summary row beneath.
- [Recognition Stats](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/recognition-stats): Four ruled stat columns counting badges held, Leader quarters, verified reviews, and first place categories, with a quarterly recount footnote.
- [Review Scores Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/review-scores-band): Ratings from four review platforms as drawn medallions with stars and verified counts.
- [Reviewer Quotes Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/awards-sections/reviewer-quotes-grid): Six lines lifted from verified reviews with star rows, one four star kept on purpose.

### Banners

Browse 17 Marketing Pro banner blocks for shadcn/ui. Announcement bars, promo bands, and docked notices for the messages that ride above the page.

- [Announcement Bar](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/announcement-bar): A slim muted strip with a highlighted lead word, one sentence of news, and an arrow link.
- [App Download Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/app-download-banner): A smart app style strip with a rounded app icon, the name over a star rating and review count, a get the app button, and dismiss.
- [Bottom Docked Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/bottom-docked-banner): A bottom pinned consent card with plain language copy and equal weight accept choices.
- [Countdown Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/countdown-banner): A bordered event band with the launch date, a day, hour, and minute countdown readout, and a register button.
- [Dismissible Announcement Bar](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/dismissible-announcement-bar): A slim dismissible top of page bar on a primary background with an uppercase New tag, a one sentence message, an arrow link, and an X button.
- [Email Capture Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/email-capture-banner): A full width muted band with a newsletter invitation beside a labeled email form, a subscribe button, and a one line privacy note.
- [Feedback Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/feedback-banner): A rounded muted row pairing a one question rating prompt and helper line with a five point scale bracketed by low and high labels.
- [Integration Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/integration-banner): A bordered card strip pairing two product marks joined by a plus with a bold announcement lead and an arrow link to the integration.
- [Live Signups Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/live-signups-banner): A pill banner with the most recent join, its city, and the day count, wired or nothing.
- [Promo Band With Cta](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/promo-band-with-cta): A primary colored offer strip with a bolded discount, plain deadline, and compact button.
- [Referral Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/referral-banner): A muted row with a gift icon square, a give and get lead with reward terms, a mono referral link field, and a copy button.
- [Region Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/region-banner): A bordered card row pairing a globe icon and detected location lead with a primary switch button beside a quiet stay option.
- [Sale Banner Dark](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/sale-banner-dark): A seasonal sale band with the discount at display size, honest terms, and a secondary button.
- [Scheduled Maintenance Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/scheduled-maintenance-banner): A calm maintenance strip with exact UTC times and the impact answered in one sentence.
- [Update Banner With Badge](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/update-banner-with-badge): A changelog style card strip with a version badge, feature line, release link, and dismiss.
- [Upgrade Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/upgrade-banner): An inline muted banner row with a Sparkles icon square, a semibold plan lead with muted benefits, a rounded Upgrade button, and a See plans link.
- [Webinar Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/banners/webinar-banner): A bordered card band pairing an overlapping speaker avatar stack and session title with a seats remaining note and a register button.

### Benchmarks

Browse 16 Marketing Pro benchmark blocks for shadcn/ui. Industry bars, distributions, and methodology notes that make data content citable.

- [Before After Bars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/before-after-bars): Month zero against month three as paired bars, churned teams counted, not survivors.
- [Benchmark Cta Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/benchmark-cta-band): A report download band trading the itemized PDF for an email.
- [Benchmark Table Compact](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/benchmark-table-compact): Benchmark metrics by company size with the reader band highlighted.
- [Benchmark Trend Line](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/benchmark-trend-line): Five years of the median and top decile as a shadcn line chart, the case against comparing to stale numbers.
- [Distribution Curve](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/distribution-curve): The full account distribution as a shadcn area curve with a marked median.
- [Funnel Drop Off](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/funnel-drop-off): Median conversion per funnel step as bars with top decile ticks, counting rules per row, and the weakest step named.
- [Industry Benchmark Bars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/industry-benchmark-bars): Median and top decile open rates by industry as grouped shadcn bars with counting rules.
- [Key Findings List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/key-findings-list): Executive summary listing numbered findings as divided rows, each pairing a headline stat and label with a title and a two sentence read.
- [Methodology Note](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/methodology-note): The methods section on the page, sample, definitions, exclusions, and named bias.
- [Percentile Callouts](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/percentile-callouts): Median, quartile, and decile threshold cards with mini position scales and verdict notes.
- [Quadrant Scatter](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/quadrant-scatter): Split section pairing an inline SVG scatter of accounts, split into four quadrants by median crosshairs, with a labeled list naming each quadrant.
- [Quartile Range Bands](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/quartile-range-bands): Benchmark section showing each segment as a horizontal p25 to p75 range on a shared axis, with a median dot and top decile tick.
- [Rank Yourself Slider](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/rank-yourself-slider): An interactive slider placing the reader's open rate in a percentile band, with cut points listed and a verdict card.
- [Send Time Heatmap](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/send-time-heatmap): Median open rate by send day and hour as a token opacity heatmap grid, with peak, trough, and a legend.
- [Survey Results Bars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/survey-results-bars): Ranked survey answers as horizontal shadcn bars with sample size in the footnote.
- [Year Over Year Shift Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/benchmarks-sections/yoy-shift-table): Reference table listing each headline metric with last year, this year, a signed change chip, and a one line note on what moved it.

### Blog

Browse 17 Marketing Pro blog blocks for shadcn/ui. Post grids, feature rows, and minimal indexes that turn writing into a conversion surface.

- [Author Spotlight Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/author-spotlight-row): A writer with a beat and credential bio beside their three most read pieces.
- [Blog Cards Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/blog-cards-grid): Three post cards with placeholder covers, category badges, excerpts, and read times.
- [Category Filter Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/category-filter-grid): A centered heading and lede sit above a row of category filter pills, then a three column grid of six hairline topped text posts with meta.
- [Curated Reading Path](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/curated-reading-path): A start here section walking new readers through five foundational posts on a numbered rail with read times and why it matters lines.
- [Editorial Feature Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/editorial-feature-row): A magazine front page row pairing one large feature card with two stacked compact posts.
- [Editorial List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/editorial-list): A centered blog header above five hairline separated editorial rows with dates, titles, excerpts, and category badges, closed by an archive button.
- [Featured Post Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/featured-post-split): One flagship post with a wide cover, standfirst, author line, and read link.
- [Featured Post With List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/featured-post-with-list): A blog split with a view all header link, one large featured post with an author byline, and a hairline divided stack of three compact posts.
- [Monthly Archive Groups](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/monthly-archive-groups): A left aligned heading and lede lead into three month sections, each pairing a month label and count with a hairline divided list of dated posts.
- [Newsletter Archive Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/newsletter-archive-split): A sticky subscribe panel with a labeled email form beside a hairline divided ledger of five past issues with numbers, dates, and teasers.
- [Posts List Minimal](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/posts-list-minimal): A text only post ledger of dated, ruled rows with categories and hover arrows.
- [Posts With Sidebar](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/posts-with-sidebar): An editorial post list beside a sticky sidebar of category counts and most read titles.
- [Pull Quote Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/pull-quote-cards): 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.
- [Series Collection Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/series-collection-cards): Three multi part series as cards with part counts, read times, and honest statuses.
- [Topic Hub Tiles](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/topic-hub-tiles): A browse by topic directory of six hairline topped tiles, each with an icon chip, mono post count, topic name, and one line description.
- [Write For Us Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/write-for-us-split): A two column contributor pitch: the left stacks a heading, lede, and commissioned topics, the right a panel with numbered steps, perks, and a button.
- [Writers Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/blog-sections/writers-grid): A meet the writers grid of four author columns with illustrated avatars, beats, one line bios, post counts, and read links.

### Calculators

Browse 15 Marketing Pro calculator blocks for shadcn/ui. ROI sliders, plan estimators, and worked examples that let visitors price their own pain.

- [Affiliate Earnings Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/affiliate-earnings-calculator): Audience and conversion sliders projecting commission, assumptions printed below.
- [Annual Billing Toggle](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/annual-billing-toggle): A monthly or annual toggle with a seat slider, both yearly totals side by side and the annual saving printed.
- [Build Vs Buy Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/build-vs-buy-calculator): Engineer and month sliders price an in house build against a flat subscription, compared as proportional bars with a verdict.
- [Churn Impact Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/churn-impact-calculator): Revenue and churn sliders feed a three stat strip of monthly loss, yearly loss, and what one point less churn keeps.
- [CPL Benchmark Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/cpl-benchmark-calculator): Two column cost per lead calculator with spend and lead sliders beside a big CPL figure, a banded benchmark scale with marker, and a verdict.
- [Downtime Cost Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/downtime-cost-calculator): Centered downtime calculator with one revenue slider that reprices a selectable SLA tier table and prints a yearly savings verdict line.
- [Email Volume Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/email-volume-calculator): A volume slider against public rate bands with the computed monthly price.
- [Funnel Projection Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/funnel-projection-calculator): One traffic slider runs a four stage funnel at printed median rates, ending in projected new monthly revenue.
- [Ltv Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/ltv-calculator): Three sliders driving lifetime value with the formula printed under the result.
- [Payback Summary Static](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/payback-summary-static): A worked payback example line by line, the calculator with the answer filled in.
- [Roi Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/roi-calculator): Two sliders for team and hours driving live yearly savings with printed assumptions.
- [Savings Slider](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/savings-slider): One slider for tool count driving monthly and yearly consolidation savings.
- [Team Size Estimator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/team-size-estimator): A stepper that picks the right plan from headcount with visible tier boundaries.
- [Test Duration Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/test-duration-calculator): Centered A/B test duration calculator with three sliders feeding a big day count, a six week calendar grid, and a plain verdict line.
- [Usage Cost Estimator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/calculators/usage-cost-estimator): Two column pricing estimator with seat and project steppers and add on switches beside a live itemized receipt that totals your monthly cost.

### Careers

Browse 22 Marketing Pro careers blocks for shadcn/ui. Role lists, benefits with numbers, hiring process steps, and culture sections that convert candidates.

- [Benefits Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/benefits-grid): Six benefit cards where every sentence commits to a number, policy, or default.
- [Benefits Icon Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/benefits-icon-grid): A careers benefits section with a centered header, six icon led perks in a three by two grid, and a rounded button pointing to open roles.
- [Career Ladder](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/career-ladder): A centered header above two bordered track panels for IC and management ladders, ruled level rows, a crossover note, and a promotion cycle strip.
- [Careers Cta Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/careers-cta-banner): A compact banner with overlapping avatars, an invitation line, and an open roles count.
- [Careers FAQ](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/careers-faq): Candidate questions in an accordion beside heading copy and a contact card promising a reply within two working days.
- [Compensation Principles](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/compensation-principles): Pay transparency principles beside a salary band table with levels and ranges.
- [Culture Values Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/culture-values-split): Culture framed as working agreements beside four numbered rules with enforcement notes.
- [Day in the Life](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/day-in-the-life): A two column layout with heading copy and an employee card of avatar, role, and facts beside a vertical timeline of one real workday.
- [Early Careers](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/early-careers): A centered header above two bordered program cards for internship and graduate paths, each with a summary, ruled detail rows, and an apply button.
- [Employee Quotes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/employee-quotes): Three employee quote cards with avatars and tenure lines confirming culture claims.
- [Hiring Journey](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/hiring-journey): A hiring process section with four numbered steps joined by hairlines, per step durations, and a muted accommodations strip with a contact link.
- [Hiring Process Steps](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/hiring-process-steps): Four connected hiring stages with promised durations and no ghosting commitments.
- [Interview Prep List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/interview-prep-list): What each interview stage assesses and how to prepare, the rubric published.
- [Onboarding Plan](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/onboarding-plan): Three timeframe cards mapping the first ninety days with checklists, ruled outcome lines, and an onboarding buddy note.
- [Open Roles List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/open-roles-list): Ruled rows of open roles with team badges, honest locations, and a reply time promise.
- [Open Roles](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/open-roles): A header row with a view all button, role rows grouped by team with location and type badges, and a speculative application note.
- [People Stats](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/people-stats): Four ruled retention and tenure stats with one line explanations under a centered header, closed by a source note.
- [Referral Program Card](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/referral-program-card): A public referral bounty split with the candidate, open beyond employees.
- [Roles By Department](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/roles-by-department): Openings grouped under department headers with live counts and ruled role rows.
- [Salary Bands Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/salary-bands-table): Published compensation by level with the midpoint offer rule and equity columns.
- [Talent Network](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/talent-network): Heading copy with three icon led contact promises beside a bordered signup card with an email field, a team interest checklist, and a join button.
- [Where We Work](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/careers-sections/where-we-work): Three office hub cards with working day, teams, and open role rows above a remote strip listing every hiring country.

### Case Studies

Browse 28 Marketing Pro case study blocks for shadcn/ui. Customer stories, result metrics, and proof sections that close the credibility gap.

- [Anonymous Results Compact](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/anonymous-results-compact): Anonymized result rows for reference shy industries, with NDA references offered.
- [Before After Panels](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/before-after-panels): A customer story told as two side by side panels contrasting the week before and after, closing with a row of three headline numbers.
- [Challenge Solution Results](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/challenge-solution-results): One customer story told across three divided columns covering the challenge, the solution steps, and a stacked results metric list.
- [Dark Panel Feature](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/dark-panel-feature): Featured story in a solid primary panel with inverted wordmark, summary, and three metrics.
- [Featured Story](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/featured-story): Centered heading over a story card pairing narrative and quote with a rail of three metrics.
- [Featured With List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/featured-with-list): One customer story told in full inside a featured card, beside a compact divided list of four more stories, each a wordmark and its number.
- [Growth Chart Story](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/growth-chart-story): A case study card led by a twelve month line chart with milestone markers and a story row below.
- [Industry Tabs](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/industry-tabs): Industry tabs where each panel shows one story card with metrics and a customer quote.
- [Interview Story](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/interview-story): A case study told as an interview, with the customer intro and headline numbers beside four question and answer exchanges.
- [Logo Rows With Results](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/logo-rows-with-results): Stacked divided rows pairing a wordmark and outcome with a bold metric and story link.
- [Metrics Spotlight](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/metrics-spotlight): Company narrative beside a divided stat rail with a wide customer quote underneath.
- [Mini Results Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/mini-results-grid): Four compact customer cards with wordmarks, one headline number, and story links.
- [Quote Led Story](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/quote-led-story): Oversized opening quote above a three stat row and two short narrative paragraphs.
- [Quote With Radial Stats](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/quote-with-radial-stats): A large customer quote beside a panel of three donut rings showing percentage outcomes.
- [Results Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/results-table): Clean table of customers, industries, results, and time to value with CTA buttons below.
- [Results With Area Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/results-with-area-chart): A case study with the customer indexed series as a hoverable shadcn area chart.
- [Roi Summary Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/roi-summary-cards): Three customers reduced to invested, returned, and payback period, finance memo style.
- [Savings Breakdown](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/savings-breakdown): A finance first story and quote beside an itemized annual savings statement card whose line items add up to one bold yearly total.
- [Split With Quote](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/split-with-quote): Two paragraph story beside a right rail holding a quote card and two key stats.
- [Stakeholder Voices](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/stakeholder-voices): One rollout narrated through three quote cards with avatars for marketing, operations, and finance, over a shared row of results each team measured.
- [Stat Callout Story](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/stat-callout-story): A narrative case study interrupted twice by ruled display size stat callouts.
- [Story Accordion](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/story-accordion): Four customer stories in a bordered accordion where each trigger pairs a wordmark with a metric chip and opens to a summary and stats.
- [Story Carousel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/story-carousel): Horizontally scrollable snap row of story cards with wordmarks, metrics, and summaries.
- [Story Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/story-grid): Three story cards each showing a wordmark, a bold result, a summary, and a read link.
- [Story With Before After Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/story-with-before-after-chart): A customer narrative and quote beside grouped bars comparing three metrics before and after Acme.
- [Story With Fact Sheet](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/story-with-fact-sheet): A narrative case study and checklist of changes beside an at a glance fact sheet card that closes with two results.
- [Timeline With Metrics](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/timeline-with-metrics): A rollout told as a vertical timeline with a metric chip per milestone and a closing results band.
- [Video Case Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/case-studies/video-case-row): Three customer films with posters, durations, and the one number each story turns on.

### Changelog

Browse 18 Marketing Pro changelog blocks for shadcn/ui. Dated rails, tagged release notes, and velocity stats that prove the product is alive.

- [Changelog Cards Monthly](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/changelog-cards-monthly): Monthly scorecards with change type counts, the headline ship, and line item links.
- [Changelog Filter Tabs](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/changelog-filter-tabs): A dated changelog behind working filter tabs that narrow one list of entries to new features, improvements, or fixes.
- [Changelog List Dated](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/changelog-list-dated): Release entries down a hairline rail with dates, version chips, and outcome sentences.
- [Changelog Sticky Months](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/changelog-sticky-months): 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.
- [Changelog Subscribe Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/changelog-subscribe-split): 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.
- [Changelog With Tags](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/changelog-with-tags): Dated releases where every line carries a New, Improved, or Fixed chip.
- [Deprecations Notice List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/deprecations-notice-list): Retirements with dates, reasons, and migration paths, plus the rumor stopping non removal.
- [Patch Notes Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/patch-notes-table): A dense patch table listing version, date, a type chip, and a one line summary per row, closed by a note on the versioning policy.
- [Release Cadence Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/release-cadence-chart): Shipped changes per month as stacked shadcn bars split into features and fixes.
- [Release Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/release-cards): A changelog with a centered header, a subscribe link, and stacked release cards carrying version badges, dates, and grouped change bullets.
- [Release Highlights Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/release-highlights-split): The headline feature of a release with copy and CTAs beside a mini app mockup.
- [Release Notes Accordion](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/release-notes-accordion): Releases in a single open accordion where each trigger pairs a version chip, date, and title with grouped change bullets.
- [Release Notes Columns](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/release-notes-columns): A single release in three columns: a version header and lede above New, Improved, and Fixed cards that list changes with per column counts.
- [Requested And Shipped](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/requested-and-shipped): Shipped changes as cards crediting the customers who asked, each footer stacking requester avatars beside the request count.
- [Shipping Velocity Stats](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/shipping-velocity-stats): Three shipping cadence stats beside a sparkline of releases per month.
- [Version Compare Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/version-compare-table): A three column table putting the previous major version beside the current one, capability by capability, with a migration guide link.
- [Version Timeline Horizontal](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/version-timeline-horizontal): Version dots along a horizontal line with dates and titles, the latest haloed.
- [Whats New Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/changelog-sections/whats-new-banner): A clickable row with the latest release, a version chip, and a changelog link.

### Community

Browse 16 Marketing Pro community blocks for shadcn/ui. Member banners, channel directories, and live forum previews that prove the room is alive.

- [Community Calls Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/community-calls-split): A monthly call pitch with hosts beside the next three dated topics and a series button.
- [Community Channels Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/community-channels-cards): Three doors into the community, forum, calls, and digest, with activity facts.
- [Community Guidelines Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/community-guidelines-split): Moderation stats and a full charter link beside four numbered house rules in a divided card.
- [Community Quote Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/community-quote-band): A member arc quote with tenure attribution beside an ungated join button.
- [Community Stats Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/community-stats-banner): Overlapping member avatars and an invitation beside reply speed stats and a join button.
- [Contributor Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/contributor-grid): Top contributor cards with answer counts above an avatar wall and a breadth stat.
- [Discussion Preview List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/discussion-preview-list): Live forum thread rows with avatars, tags, reply counts, and an active now chip.
- [First Week Steps](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/first-week-steps): A seven day onboarding path in four numbered steps with day labels, closed by a join button and note.
- [Join FAQ Accordion](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/join-faq-accordion): A two column layout pairing reassurance copy and a join button with an accordion of five pre join questions, the first answer opened by default.
- [Leaderboard Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/leaderboard-table): The quarterly contributor board with points, streaks, and published stakes.
- [Meetups City Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/meetups-city-grid): City chapters with next dates, named organizers, and a dashed your city card.
- [Member Resources Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/member-resources-grid): Member built template cards with type chips, author avatars, and download counts under a browse all link.
- [Member Roles Ladder](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/member-roles-ladder): A centered heading over a table style card of four earned member roles, each with member counts, how it is earned, and what it unlocks.
- [Member Spotlight](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/member-spotlight): A split card pairing a profile rail of portrait, role, and membership facts with a three question interview and a past spotlights link.
- [Milestones Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/milestones-timeline): Four dated community milestones on a marker line, each with a year, a title, and one concrete fact.
- [Solved Thread Showcase](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/community-sections/solved-thread-showcase): A two column layout pairing answer speed stats and an ask button with a static solved thread, its accepted answer highlighted over a reply.

### Comparisons

Browse 30 Marketing Pro comparison blocks for shadcn/ui. Competitor tables, before and after splits, and switch sections that win evaluations.

- [Alternative Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/alternative-cards): Three cards positioning the product as the alternative to spreadsheets, email, and suites.
- [Before and After](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/before-after): Before and after cards listing the same workflow as crossed off pains and checked wins.
- [Claim Check](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/claim-check): A left aligned header over a stacked list of competitor claims, each quoted with a verdict badge and source, then answered in plain text.
- [Comparison Hub](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/comparison-hub): A centered header over a grid of versus cards, each pairing your product and a competitor with a category, a verdict, and a read link.
- [Comparison with Quote](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/comparison-with-quote): Compact five row comparison table beside a quote card from a customer who switched.
- [Competitor Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/competitor-table): Feature table comparing the product against two competitors with check, partial, and no marks.
- [Cost Breakdown Bars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/cost-breakdown-bars): Two stacked bars totaling an old tool stack against one shorter Acme bar with an itemized legend.
- [Cost Comparison Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/cost-comparison-chart): All in yearly cost against two competitors as grouped shadcn bars with the method owned.
- [Dimension Rows](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/dimension-rows): Stacked full width rows comparing Them and Us copy across four buying dimensions.
- [Feature Checklist Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/feature-checklist-table): Two column checklist table comparing features and pricing against a single competitor.
- [Feature Depth Matrix](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/feature-depth-matrix): Capabilities rated with dot scales instead of checkmarks, one row conceded on purpose.
- [Fewer Steps](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/fewer-steps): Two numbered columns comparing the same task, nine steps beside three, each led by a step count and time, with a card explaining the gap.
- [Grouped Bar Comparison](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/grouped-bar-comparison): Four dimensions compared as paired horizontal bars for Acme and a typical alternative.
- [Head To Head Tabs](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/head-to-head-tabs): Centered pill tabs switch between competitors, each pane pairing a verdict and three checked differences with a two by two grid of outcome stat tiles.
- [Migration Coverage](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/migration-coverage): A left rail argues the switch is easy with migration stats and two buttons, beside a card listing what carries over from the old tool.
- [Old Way New Way](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/old-way-new-way): Editorial split contrasting a muted old way list with a confident checked new way list.
- [Performance Curves](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/performance-curves): Two SVG curves diverging over six quarters, teams on Acme rising while the status quo stays flat.
- [Plan Match](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/plan-match): Three stacked mapping rows pair each competitor plan with its matching plan on your side, an arrow chip between them and a yearly savings badge.
- [Pros And Cons Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/pros-and-cons-split): An honest fit assessment with a good fit card beside real disqualifiers and a referral.
- [Quadrant Position Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/quadrant-position-chart): A self drawn market quadrant as a shadcn scatter with the methodology owned in the footnote.
- [Release Velocity](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/release-velocity): Two changelog columns side by side, each led by a release count over a dated feed, a busy product feed beside a sparse rival.
- [Review Scores](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/review-scores): A rounded table scores three products across independent review platforms, each cell pairing a rating with a five star meter above an averages row.
- [Score Ring Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/score-ring-cards): Four scored dimensions as ring gauges with industry averages and a source caption.
- [Side by Side Mockups](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/side-by-side-mockups): Two window mockups contrasting a cluttered generic tool with the calm product, captioned.
- [Switch Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/switch-banner): Migration banner card with a heading, one call to action, and three checked steps below.
- [Switch Reasons](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/switch-reasons): A why teams switch section with three icon reason cards ending in highlighted stats, plus a guarantee strip with a migration guide button.
- [Switching Stories List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/switching-stories-list): Four evaluation accounts, each tagged with the factor that settled the decision.
- [Tco Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/tco-table): A total cost table with stack and Acme columns, a totals row, and named assumptions.
- [Us vs Them Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/us-vs-them-split): Divided two column list pairing checked product strengths with crossed out competitor gaps.
- [Vs Competitor](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/comparison-sections/vs-competitor): A product versus legacy tools comparison with two matched criteria cards, a subtly emphasized product side, and a closing CTA with a migration link.

### Contact

Browse 16 Marketing Pro contact blocks for shadcn/ui. Forms, channel routers, office grids, and email CTAs that turn questions into conversations.

- [Callback Request Form](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/callback-request-form): Two column split pairing a pitch with three numbered steps and a phone line beside a form card collecting name, phone, topic, and preferred time.
- [Centered Email Cta](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/centered-email-cta): A formless contact section with the email address itself at display size as a mailto link.
- [Channel Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/channel-cards): Three contact channel cards with icons, response promises, and action links for routing by intent.
- [Contact Split Form](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/contact-split-form): A reassuring pitch with reply time facts beside a bordered name, email, and message form.
- [Contact With Hours](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/contact-with-hours): Channel rows with live open chips beside a staffed hours card and a handoff note.
- [Direct Team Contacts](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/direct-team-contacts): Heading and lede above a four column grid of named people cards, each with an avatar, role, scope, direct email, and reply promise.
- [FAQ With Contact Card](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/faq-with-contact-card): Centered heading and lede above a two column split pairing an accordion of common questions with a contact card and direct inbox list.
- [Form With Channels](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/form-with-channels): A split contact section pairing intro copy, three contact channel rows, and office hours with a card based message form and privacy note.
- [Form With Map Mockup](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/form-with-map-mockup): A contact form beside an abstract dot grid map with labeled office pins and a coverage caption.
- [Offices Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/offices-grid): Regional office cards with addresses, local inboxes, and working hours per timezone.
- [Offices List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/offices-list): A centered header over three office cards with region labels, addresses, timezones, and email links, closed by a remote friendly note.
- [Project Inquiry Form](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/project-inquiry-form): Centered heading and lede above a brief form card with name, email, company, and budget fields, a service checkbox grid, and a project textarea.
- [Regional Offices Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/regional-offices-grid): Three offices with addresses, honest local hours, and the one channel each answers.
- [Sales Vs Support Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/sales-vs-support-split): One panel split into sales and support doors, each with expectation bullets and its own CTA.
- [Support Channels](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/support-channels): A centered contact header above three channel cards for sales, support, and community, each with an arrow link and a median response time.
- [Support Stats Contact](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/contact-sections/support-stats-contact): Live support queue stats beside the start a conversation card.

### Content

Browse 14 Marketing Pro content blocks for shadcn/ui. Editorial prose, pull quotes, glossaries, and founder letters for pages that read.

- [Article With TLDR](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/article-with-tldr): A long read opener with an author byline, reading meta, a bordered short version panel summarizing the argument, then the opening paragraphs.
- [Checklist Manifesto](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/checklist-manifesto): Six checked commitments pairing enforceable rules with the practices behind them.
- [Content With Toc Sidebar](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/content-with-toc-sidebar): Long form prose beside a sticky mini table of contents with an active item.
- [Definition List Section](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/definition-list-section): A working glossary of term and definition rows where the second sentence differentiates.
- [Glossary Preview List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/glossary-preview-list): Six glossary terms defined in two sentences each, the second one with a stance.
- [Headline With Leadline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/headline-with-leadline): An oversized research finding with a sourced leadline and one evidence link.
- [Letter From Founder](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/letter-from-founder): A short founder letter that names the catch, signed with an avatar and a real email.
- [Myth Fact Rows](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/myth-fact-rows): A myth versus evidence section of hairline divided rows pairing a popular belief on the left with what the measured data shows on the right.
- [Numbered Takeaways](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/numbered-takeaways): Three ghost numbered research takeaways, each a claim with its data and reframe.
- [Prose Two Column](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/prose-two-column): An essay set in magazine columns under a heading, closed by an attribution line.
- [Prose With Margin Notes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/prose-with-margin-notes): An annotated essay where each paragraph carries a superscript marker paired with a numbered caveat in a narrow margin column beside it.
- [Pull Quote Break](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/pull-quote-break): One aphorism set large between hairline rules with a source line, page punctuation.
- [Reading List Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/reading-list-cards): Curated external resources including one that argues against you, with real whys.
- [Series Chapter Index](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/content-sections/series-chapter-index): A series index pairing an intro column and byline with a divided list of numbered chapters, each showing a description, reading time, and marker.

### CTAs

Browse 25 Marketing Pro CTA blocks for shadcn/ui. Bands, cards, and split panels that turn interest into signups at the end of any page.

- [Banner With Avatars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/banner-with-avatars): Card banner with headline, overlapping avatar row, and a single primary button.
- [Before After Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/before-after-split): Centered headline and lede above a divided two column panel comparing the current week with the same week on the product, four lines per side.
- [Bordered Inset](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/bordered-inset): Centered headline and buttons inside a large rounded border inset.
- [Cta With Setup Checklist](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/cta-with-setup-checklist): The closing ask beside the first session itemized, five steps with median times that sum.
- [Cta With Trend Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/cta-with-trend-chart): A closing ask beside a minimal shadcn trendline framed as the reader future line.
- [Dark Band With Sparkline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/dark-band-with-sparkline): A primary colored CTA band with a single button and a faint sparkline along its base.
- [Dual CTA Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/dual-cta-banner): A full width inverted CTA panel with a centered headline, supporting line, contrasting pill button, quiet arrow link, and a three item trust row.
- [Full Bleed Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/full-bleed-band): Full width primary band with headline, supporting line, and one inverted button.
- [Minimal Inline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/minimal-inline): Slim ruled strip pairing a short headline with a single arrow text link.
- [Plain Text Cta](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/plain-text-cta): The editorial close, three sentences and two text links, no buttons.
- [Side By Side Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/side-by-side-cards): Two matched cards offering free trial and sales paths with checklists and buttons.
- [Split With Growth Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/split-with-growth-chart): A bordered CTA panel with headline and buttons beside a rising area chart and a labeled result.
- [Split With Mockup](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/split-with-mockup): Card split pairing CTA copy and buttons with a metrics dashboard mockup.
- [Split With Quote](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/split-with-quote): CTA copy and buttons beside a customer quote card with a matching avatar.
- [Trial Vs Demo Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/trial-vs-demo-split): Self serve trial and guided demo as equal doors with terms lines and separate buttons.
- [With App Badges](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/with-app-badges): Centered mobile pitch with App Store and Google Play download buttons.
- [With Booking Slots](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/with-booking-slots): Two column split pairing a headline, agenda list, and button with a scheduling card of a host, day chips, a time grid, and timezone note.
- [With Countdown](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/with-countdown): Centered card with a headline, supporting line, three countdown tiles for days, hours, and minutes, then a primary button over a terms line.
- [With Email Capture](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/with-email-capture): Centered closing call to action pairing a headline and supporting line with a labeled email form, one input, a primary button, and a terms line.
- [With Faq Links](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/with-faq-links): A final ask beside the three questions that stall signups, each linked to its answer.
- [With Guarantee](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/with-guarantee): Centered card CTA with buttons and a money back guarantee reassurance line.
- [With Install Command](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/with-install-command): A developer CTA with a terminal box, copy affordance, and a first event success line.
- [With Integration Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/with-integration-grid): CTA copy beside a three by three grid of integration tiles with a filled Acme tile at the center.
- [With Setup Progress](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/with-setup-progress): A CTA pairing copy and button with an onboarding card showing a progress ring and checklist.
- [With Stats](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/ctas/with-stats): Centered CTA copy and buttons above a divided grid of three proof stats.

### Developers

Browse 12 Marketing Pro developer blocks for shadcn/ui. API heroes, quickstarts, SDK grids, webhook references, and CLI bands for developer tools.

- [Api Changelog Compact](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/developers-sections/api-changelog-compact): Five dated API changes with type tags and the 180 day breaking change policy up front.
- [Api Hero With Terminal](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/developers-sections/api-hero-with-terminal): A developer hero with the pitch beside a terminal running the first API call and its response.
- [Cli Install Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/developers-sections/cli-install-band): A slim band selling the CLI, one brew command with a copy button and three proof points.
- [Dev Community Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/developers-sections/dev-community-cards): Centered developer community section with three channel cards, each carrying a stat, a description, and a join link, closed by an email line.
- [Docs Links Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/developers-sections/docs-links-grid): Six documentation entry points as icon cards, each labeled with its honest reading time.
- [Error Codes Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/developers-sections/error-codes-split): Split section listing six error families with codes, stable types, and fixes beside a mockup response body and a short list of guarantees.
- [Quickstart Steps Code](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/developers-sections/quickstart-steps-code): Install, authenticate, send. The whole quickstart as three cards with real code panels.
- [Rate Limits Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/developers-sections/rate-limits-table): Published rate limits by plan beside the response headers that expose limit state.
- [Sdk Language Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/developers-sections/sdk-language-grid): Nine SDK cards with install commands and honest Official or Community badges.
- [Status Uptime Panel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/developers-sections/status-uptime-panel): Two column reliability section pairing audited uptime stats and a status page link with a panel of 45 day uptime bar strips and a legend.
- [Test Mode Fixtures](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/developers-sections/test-mode-fixtures): Two column sandbox section with test mode proof points and keys beside a panel of magic recipient addresses that reproduce each failure mode.
- [Webhook Events Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/developers-sections/webhook-events-table): The complete webhook reference as a ruled table, seven events with payload sizes.

### Enterprise

Browse 11 Marketing Pro enterprise blocks for shadcn/ui. Identity grids, support tiers, procurement checklists, and security review timelines.

- [CISO Quote Stats](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/enterprise-sections/ciso-quote-stats): A two column proof section pairing a customer CISO quote with a portrait against four audited deployment numbers, above a verification line.
- [Compliance Certifications Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/enterprise-sections/compliance-certifications-grid): A centered heading over a three column grid of framework cards, each with a status badge, plain language scope, and a footer audit date.
- [Dedicated Infra Stats](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/enterprise-sections/dedicated-infra-stats): Four audited infrastructure numbers over a region table that separates failover from residency.
- [Deployment Options Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/enterprise-sections/deployment-options-cards): Cloud, dedicated, and self hosted as three cards, each stating its tradeoff in the footer.
- [Enterprise Hero Logos](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/enterprise-sections/enterprise-hero-logos): An enterprise hero with the three procurement numbers and a wordmark row of large customers.
- [Pilot Terms Panel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/enterprise-sections/pilot-terms-panel): A two column section pairing a paid pilot pitch and call to action buttons with a panel listing six standard pilot terms as definition rows.
- [Procurement Checklist](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/enterprise-sections/procurement-checklist): Seven procurement artifacts with availability and turnaround, the vendor packet in rows.
- [Rollout Responsibilities](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/enterprise-sections/rollout-responsibilities): A two column section pairing a heading and commitment stats with four onboarding phases, each splitting tasks between vendor and customer teams.
- [Security Review Fastlane](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/enterprise-sections/security-review-fastlane): The security review as a dated four step timeline with a free pilot extension if it runs long.
- [Sso Scim Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/enterprise-sections/sso-scim-grid): Six identity questionnaire rows answered with mechanisms, SSO, SCIM, audit, and residency.
- [Support Tiers Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/enterprise-sections/support-tiers-table): Three support tiers with contractual response times and automatic credits when missed.

### Events

Browse 13 Marketing Pro event blocks for shadcn/ui. Webinar features, agendas, speaker walls, and registration bands for a real events program.

- [Agenda Day Columns](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/agenda-day-columns): A two day single track agenda with timed session rows and track chips.
- [Agenda Tracks Columns](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/agenda-tracks-columns): A two track conference day side by side with timed sessions and role credited speakers.
- [Conference Cta Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/conference-cta-band): A primary registration band with the event name, date line, quick facts, and ticket button.
- [Event Stats Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/event-stats-banner): A banner of four numbers from last year, attendance, reach, rating, and return intent.
- [Featured Webinar Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/featured-webinar-split): A session pitch with speakers beside a registration card with date facts and an email field.
- [Key Dates Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/key-dates-timeline): Four event milestones sit on a connected dot timeline with done, current, and upcoming states, each carrying a date, title, and one detail line.
- [Past Talks List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/past-talks-list): The team speaking record as ruled rows with venues, recordings, and a booking line.
- [Speakers Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/speakers-grid): Eight speaker cards with portraits, roles, and session titles doubling as a mini agenda.
- [Sponsor Tiers](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/sponsor-tiers): Ruled tier rows list sponsor wordmarks with small SVG marks sized down from platinum to community, above a bordered prospectus request strip.
- [Ticket Tiers](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/ticket-tiers): Three bordered ticket cards show prices, inclusion lists, and availability notes with one pass highlighted, closed by a refunds and transfer line.
- [Upcoming Events List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/upcoming-events-list): Ruled event rows with date tiles, format badges, and locations under a recordings link.
- [Venue Travel Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/venue-travel-split): A stylized SVG neighborhood map and venue address sit beside ruled rows for airport, transit, and parking plus partner hotels with nightly rates.
- [Workshop Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/events-sections/workshop-cards): Three hands on workshop cards with date chips, outcome lines, and honest seat counts.

### FAQs

Browse 22 Marketing Pro FAQ blocks for shadcn/ui. Accordions, grids, and editorial layouts that answer objections before they block a sale.

- [Accordion With Links](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/accordion-with-links): Accordion beside a bordered card of documentation, community, and support links.
- [Audience Tabs](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/audience-tabs): Centered heading and lede above a three tab switcher for marketers, finance, and IT, each pane a hairline divided list of questions and answers.
- [Category Columns](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/category-columns): Three topic columns for billing, product, and security with short plain text answers.
- [Category Icon Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/category-icon-grid): Six FAQ category cards with icons, answer counts, and the top two questions pulled out.
- [Centered Accordion](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/centered-accordion): A classic centered FAQ with a single column accordion of six questions, the first open by default, and a closing support handoff line.
- [Chat Style QA](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/chat-style-qa): Centered heading and lede above a bordered chat panel where visitor questions sit in filled bubbles and a named teammate answers in muted bubbles.
- [Compact Two Column Qa](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/compact-two-column-qa): A text only FAQ grid with every short answer already open in two columns.
- [Faq Accordion Two Col](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/faq-accordion-two-col): Two independent accordions side by side, twelve questions in the height of six.
- [FAQ Cards Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/faq-cards-grid): Six bordered cards in a responsive grid, each pairing one question with a short answer.
- [Faq With Contact Card](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/faq-with-contact-card): An FAQ accordion beside a support card with an avatar, reply time promise, and button.
- [Journey Stages](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/journey-stages): Centered heading and lede above a vertical rail of numbered stage nodes, each carrying a caption and a short stack of questions and answers.
- [Numbered List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/numbered-list): Editorial Q&A list with large muted numerals beside each question and hairline dividers.
- [Objection Answer Pairs](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/objection-answer-pairs): Four skeptical sentences quoted at heading weight, answered with concessions and receipts.
- [Sidebar Topics](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/sidebar-topics): Static topic list with counts beside a flat divided list of billing questions.
- [Single Column Prose](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/single-column-prose): Narrow centered column of stacked Q&As in calm prose separated by hairlines.
- [Split Headline Accordion](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/split-headline-accordion): Sticky heading and lede in the left third with the accordion filling the right two thirds.
- [Top Questions Plus All](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/top-questions-plus-all): Three featured question cards above an accordion holding the remaining answers.
- [Topic Columns](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/topic-columns): A static FAQ grouping bold questions and short muted answers in a two column grid under three uppercase topic labels, closed by a contact panel.
- [Verdict List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/verdict-list): 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.
- [Wide Accordion Bold](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/wide-accordion-bold): Full width accordion with oversized question typography for confident scanning.
- [With CTA Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/with-cta-banner): Centered accordion above a slim bordered contact band with an outline support button.
- [With Search Bar](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/faqs/with-search-bar): An FAQ head with a search pill, topic chips, and a most asked accordion beneath.

### Features

Browse 29 Marketing Pro feature blocks for shadcn/ui. Bento grids, icon grids, accordions, and mockup panels that show what your product does.

- [Accordion With Preview](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/accordion-with-preview): Single open accordion of features paired with an analytics preview window.
- [Alternating Rows](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/alternating-rows): A centered header above three feature rows that alternate sides, pairing icon led copy and check lists with framed app panel mockups.
- [Alternating With Charts](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/alternating-with-charts): Three alternating feature rows pairing copy and checklists with bar, line, and donut chart panels.
- [Before After Panels](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/before-after-panels): A centered header above two matched panels, a muted before column and a highlighted after column listing the same tasks with new time costs.
- [Bento Grid Features](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/bento-grid-features): Five features in mixed cell sizes, a sparkline lead and an inbox stack among quiet text cells.
- [Bento Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/bento-grid): Centered intro above a bento of one large dashboard card and five smaller icon tiles.
- [Capability Matrix](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/capability-matrix): A left aligned header above a framed table crossing six capabilities against three teams, marking coverage with checks and gaps with muted minus icons.
- [Cards With Mockups](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/cards-with-mockups): Three feature cards, each topped with a small chart, list, or form mockup.
- [Centered Rows](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/centered-rows): Narrow centered column of four icon feature rows separated by dividers.
- [Checklist Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/checklist-split): A split feature section with a header and grouped checklist beside a tall app window mockup with stats, task rows, and status chips.
- [Compact Two Column](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/compact-two-column): Centered heading over a tight two column list of eight checkmarked essentials.
- [Feature List Two Column](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/feature-list-two-column): A text only inventory of eight features, each a bold name with one working sentence.
- [Feature Tabs With Preview](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/feature-tabs-with-preview): Tabs switching between three features, each pane pairing a blurb with a framed app mockup.
- [Feature Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/feature-timeline): A left aligned header above a vertical timeline of four numbered nodes, each carrying a capability title, a paragraph, and outcome chips.
- [Features With Area Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/features-with-area-chart): Reporting copy beside the actual shadcn chart component the dashboard renders.
- [Features With Customer Quotes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/features-with-customer-quotes): Four capabilities, each paired with one customer line about that specific feature.
- [Grid With Sparklines](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/grid-with-sparklines): Six feature cards, each headed by a distinct mini graphic such as a sparkline, ring, or gauge.
- [Icon Benefit Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/icon-benefit-grid): A centered header over a hairline divided three by two grid of six benefits, each with an icon tile, one line title, and two line copy.
- [Icon Grid Six](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/icon-grid-six): Centered heading over a three column grid of six icon led feature blurbs.
- [Icon List Three Column](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/icon-list-three-column): Six features as inline icons, bold names, and single sentences, no cards.
- [Mockup With Callouts](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/mockup-with-callouts): A centered header above one annotated product window with numbered callout badges, then a four column legend mapping each number to a feature.
- [Numbered Feature Rows](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/numbered-feature-rows): Three features argued editorially in ruled rows with ghost numerals and proof lines.
- [Solid Panel Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/solid-panel-grid): Solid primary panel holding a heading and a six tile icon feature grid.
- [Split With App Window](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/split-with-app-window): Heading and checklist beside a campaign window mockup with live progress bars.
- [Split With Flow Diagram](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/split-with-flow-diagram): Feature copy and a checklist beside an SVG automation flow with a trigger, condition, and branches.
- [Split With Stat Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/split-with-stat-cards): Feature copy beside a two by two grid of mini stat cards with attribution notes.
- [Stacked Panels](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/stacked-panels): Two stacked split panels pairing copy and checklists with app window mockups.
- [Tabbed Showcase](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/tabbed-showcase): A tabbed feature showcase with pill triggers for plan, track, and ship views, each pairing copy and a checklist with an app panel mockup.
- [With Stat Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/feature-sections/with-stat-band): Icon feature grid capped by a divided band of three headline stats.

### Footers

Browse 22 Marketing Pro footer blocks for shadcn/ui. Link columns, brand rows, and legal layouts that close out any marketing page cleanly.

- [Brand Blurb Columns](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/brand-blurb-columns): Brand blurb and social icons beside three columns of product links.
- [Centered Logo Links](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/centered-logo-links): Centered logo over a single row of links, social icons, and a copyright line.
- [Columns With Newsletter](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/columns-with-newsletter): Four link columns beside a newsletter pitch with an inline email subscribe row.
- [Dark Solid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/dark-solid): Solid primary footer with brand blurb, socials, and four link columns.
- [Developer Links Footer](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/developer-links-footer): A developer footer with an install command chip, docs columns, and an API status row.
- [Five Column With Tagline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/five-column-with-tagline): Brand name and tagline beside four link columns above a legal bar.
- [Footer With Status Line](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/footer-with-status-line): A four column footer whose bottom bar carries live status, region, and locale.
- [Giant Wordmark](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/giant-wordmark): A statement footer pairing a slim nav and social row, an oversized brand wordmark across the middle, and a copyright and legal bottom bar.
- [Global Offices](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/global-offices): A footer with a brand blurb and three link columns, a dedicated offices band listing four worldwide locations with hours, and a contact bar.
- [Legal Heavy](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/legal-heavy): Link columns over a dense legal block with disclaimers and compliance badges.
- [Mega Footer](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/mega-footer): A comprehensive footer with a brand mark and tagline beside four link columns, plus a bottom bar pairing the copyright with social icon links.
- [Minimal Inline Links](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/minimal-inline-links): One slim row with copyright, inline nav links, and small social icons.
- [Newsletter Centered](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/newsletter-centered): Centered newsletter signup above a row of nav links and a copyright line.
- [Sitemap Mega Footer](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/sitemap-mega-footer): Six dense link columns covering every page, pure wayfinding with a slim legal row.
- [Slim Centered](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/slim-centered): A minimal centered footer stacking a brand mark, one row of five links, social icon buttons, and a muted copyright line under a hairline border.
- [Social And Certifications](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/social-and-certifications): A trust forward footer closing with social icons and compliance chips for SOC 2, GDPR, and ISO.
- [Stacked Link Rows](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/stacked-link-rows): A footer that stacks each link group into its own hairline separated row, with a brand and social row above and a copyright bar below.
- [With App Badges](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/with-app-badges): Three link columns plus iOS and Android download buttons above a brand bar.
- [With Blog Posts](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/with-blog-posts): A footer pairing a brand blurb and three link columns with a latest posts list of three dated links and a view all link.
- [With Contact Info](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/with-contact-info): Link columns alongside address, email, and phone contact details.
- [With Cta Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/with-cta-row): A footer opening with a final CTA row above standard link columns and a status link.
- [With Status And Locale](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/footers/with-status-and-locale): Four link columns with a bottom bar showing system status and a language picker.

### Help Center

Browse 12 Marketing Pro help center blocks for shadcn/ui. Search heroes, article lists, category grids, and escalation paths for support sites.

- [Category Cards Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/help-center-sections/category-cards-grid): Six help categories as cards with article counts and the top three links inlined.
- [Community Answer Callout](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/help-center-sections/community-answer-callout): A forum thread mockup with an accepted answer, selling community as a support channel.
- [Escalation Paths Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/help-center-sections/escalation-paths-band): Chat, email, and phone as cards with measured response times and when to pick each.
- [Help Search Hero](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/help-center-sections/help-search-hero): A help center hero with one big search field and the five queries people actually type.
- [Known Issues List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/help-center-sections/known-issues-list): A tracker of open bugs as ruled rows, each with a status badge, affected area, open date, and a workaround link when one exists.
- [Live Sessions Schedule](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/help-center-sections/live-sessions-schedule): The next four live sessions as ruled rows, each with a date tile, the topic, host and time, and a seat reservation button.
- [Popular Articles List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/help-center-sections/popular-articles-list): The ten most read help articles as ranked rows with categories and read times.
- [Setup Steps Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/help-center-sections/setup-steps-timeline): A numbered vertical timeline of five setup steps, each with a time estimate, a one line description, and a link to the full guide.
- [Support Plans Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/help-center-sections/support-plans-table): Three support tiers as columns in a ruled table, compared across channels, first reply time, coverage hours, escalation, and onboarding.
- [Symptom Triage Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/help-center-sections/symptom-triage-table): A ruled three column table mapping common symptoms to the first thing to check and the fix article, with a chat fallback line beneath.
- [System Status Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/help-center-sections/system-status-band): An overall status line above one row per service, each with a 45 day uptime bar strip, an uptime percentage, and a status page link.
- [Video Guides Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/help-center-sections/video-guides-row): Three walkthrough videos with posters, honest durations, and one line on what each covers.

### Heroes

Browse 30 Marketing Pro hero blocks for shadcn/ui. Bold headlines, app mockups, social proof, and confident CTAs to open a high converting landing page.

- [Centered Minimal](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/centered-minimal): A typography only hero with a centered headline, lede, single CTA, and a muted trust line.
- [Centered With Browser Mockup](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/centered-with-browser-mockup): A centered hero with headline and CTAs above a browser mockup with sidebar, chart, and table rows.
- [Centered With Feature Pills](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/centered-with-feature-pills): A centered headline, lede, and dual CTAs above a wrapped row of bordered icon feature pills.
- [Centered With Integration Diagram](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/centered-with-integration-diagram): A centered hero above a hub and spoke diagram of six integration chips around an Acme node.
- [Centered With Logo Strip](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/centered-with-logo-strip): A centered hero anchored by a ruled strip of customer wordmarks under a trust count.
- [Centered With Search](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/centered-with-search): A docs hero with centered copy above a command bar search mockup with suggestion rows.
- [Centered With Video Mockup](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/centered-with-video-mockup): Centered hero with headline, lede, and dual CTAs above a video player mockup with poster, play button, control bar, and a row of chapter markers.
- [Headline Only Hero](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/headline-only-hero): One oversized statement, one line with a number, two buttons. Typography carries the fold.
- [Hero With Ticker Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/hero-with-ticker-band): A centered hero above five live platform activity tiles with pulsing dots.
- [Left Aligned With Checklist](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/left-aligned-with-checklist): A left aligned headline, lede, three check items, and dual CTAs that own the left edge.
- [Metrics Hero](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/metrics-hero): A centered proof led hero with headline, lede, dual CTAs, a hairline separated row of three oversized stats, and a customer wordmark strip.
- [Signup Hero](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/signup-hero): A split hero pairing a headline, lede, and check marked benefits with an inline signup card of labeled fields, Google sign in, and a terms line.
- [Split App Panel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-app-panel): A split hero pairing headline, lede, dual CTAs, and an avatar star rating with a markup app window of icon rail, chart strip, and invoice rows.
- [Split With Analytics Dashboard](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-analytics-dashboard): A two column hero pairing headline and CTAs with an analytics dashboard mockup and area chart.
- [Split With Chat Mockup](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-chat-mockup): A support led hero beside a chat mockup with a named agent and a resolved in minutes line.
- [Split With Code](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-code): A split hero with headline, lede, and CTAs beside a token colored code editor window mockup.
- [Split With Comparison](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-comparison): Split hero with headline, lede, and dual CTAs beside a two column panel contrasting the old way as crossed items against checked new ones.
- [Split With Funnel Graphic](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-funnel-graphic): A split hero pairing headline and CTAs with a vertical funnel of narrowing stage bars.
- [Split With Live Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-live-chart): A hero whose chart is a working shadcn component, wired for real data instead of a mockup.
- [Split With Metrics](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-metrics): A split hero with copy and dual CTAs beside a divided panel of four large KPI tiles.
- [Split With Mobile App](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-mobile-app): A split hero with copy and dual CTAs beside a phone mockup of the product mobile app.
- [Split With Pricing Card](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-pricing-card): Split hero with headline, lede, dual CTAs, and a guarantee row beside a single plan card showing the seat price, checked features, and trial CTA.
- [Split With Signup Form](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-signup-form): A hero with the signup card in the fold, friction removers checked beside email and password fields.
- [Split With Stats Sidebar](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-stats-sidebar): A calm hero with four proof numbers running down a single ruled rail.
- [Split With Steps](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-steps): Split hero with headline, lede, dual CTAs, and a two stat row beside a card walking the four onboarding steps on a numbered vertical rail.
- [Split With Testimonial](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/split-with-testimonial): A split hero with headline, lede, and dual CTAs beside a single customer quote card.
- [Terminal Hero](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/terminal-hero): A centered developer tool hero with an install command row, dual CTAs, and a terminal window mockup of prompt, output, and success lines.
- [With Avatar Rating](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/with-avatar-rating): A centered hero with dual CTAs above overlapping avatars, five stars, and a team count line.
- [With Customer Counter](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/with-customer-counter): A centered hero with the unrounded customer count at display size and an avatar row.
- [With Kanban Preview](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/hero-sections/with-kanban-preview): A centered hero with copy and CTAs above a wide kanban board mockup of campaign tasks.

### Impact

Browse 11 Marketing Pro impact blocks for shadcn/ui. Carbon stats, giving pledges, open source funding, and annual impact ledgers.

- [Carbon Stats Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/impact-sections/carbon-stats-band): Three years of audited emissions with shrinking bars and the mechanism named.
- [Commitments Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/impact-sections/commitments-timeline): A vertical rail timeline of public impact promises with year markers, kept or in progress status badges, and honest detail lines.
- [Counting Rules Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/impact-sections/counting-rules-grid): A methodology section presenting four numbered impact accounting rules in a two by two card grid with the external auditor named in the footer.
- [Grantee Spotlight](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/impact-sections/grantee-spotlight): A grantee spotlight split with a director quote on the left and a paperwork facts panel plus a headline outcome number on the right.
- [Grants Program Card](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/impact-sections/grants-program-card): A grants program with cycle stats, clear criteria, and no logo placement required.
- [Impact Report Numbers](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/impact-sections/impact-report-numbers): The annual impact report as an eight line ledger, including the weakest number.
- [Open Source List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/impact-sections/open-source-list): Maintain, contribute, fund, publish. Four open source relations with real numbers.
- [Pledge Percent Card](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/impact-sections/pledge-percent-card): The 1% pledge with last year's total and the allocation rows that prove it.
- [Product Donations Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/impact-sections/product-donations-grid): A centered header over three stat cards for standing product giveaway programs, each with a big count, terms, and eligibility link.
- [Regional Giving Bar](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/impact-sections/regional-giving-bar): A regional grant allocation section with one segmented bar across the top and a ruled legend listing regions, grantee counts, amounts, and share.
- [Volunteer Days Panel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/impact-sections/volunteer-days-panel): A split volunteer program section with participation stats on the left and a partner outing roster listing activities, people, and hours on the right.

### Integrations

Browse 13 Marketing Pro integration blocks for shadcn/ui. Directory grids, hub diagrams, and API panels that answer will it fit my stack.

- [API and Webhooks Panel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/api-webhooks-panel): A developer split with a headline, capability ticks, and a docs button beside an inverted code panel with file tabs and token styled lines.
- [Connection Methods Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/connection-methods-table): A centered header above a comparison table weighing native apps, no code recipes, and the developer API, with the most popular column highlighted.
- [Directory Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/directory-grid): An integration directory with a centered header, static category chips, a three by two grid of tool cards with Connect links, and a request line.
- [Integration Request Board](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/integration-request-board): Connector requests with vote counts and honest statuses, the declined one kept visible.
- [Integration Security Panel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/integration-security-panel): 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.
- [Integration Setup Steps](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/integration-setup-steps): 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.
- [Integration Spotlight](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/integration-spotlight): 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.
- [Integrations Categories Columns](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/integrations-categories-columns): A text only directory index of four category columns with counts and linked tool names.
- [Integrations Cta Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/integrations-cta-band): A centered panel with icon chips, a stack fit headline, and browse and request buttons.
- [Integrations Grid Tiles](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/integrations-grid-tiles): Nine category tiles with icons and data flow blurbs above a browse all button.
- [Integrations Hub Diagram](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/integrations-hub-diagram): A hub diagram of sources flowing into Acme and attribution flowing back out, with a legend.
- [Integrations With Code](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/integrations-with-code): API copy and a checklist beside a terminal panel showing a colored webhook payload.
- [Sync Volume Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/integration-sections/sync-volume-chart): Records synced per day as shadcn bars beside sync lag and success rate facts.

### Localization

Browse 11 Marketing Pro localization blocks for shadcn/ui. Language grids, regional compliance, local payments, and RTL support sections.

- [Data Residency Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/localization-sections/data-residency-split): Split section stacking residency stats beside a seven region list with mono codes, role notes, and live or in build status chips.
- [Glossary Terms Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/localization-sections/glossary-terms-table): A heading and lede, then a bordered table of product terms with approved translations in three languages, usage notes, and review status chips.
- [Languages Grid Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/localization-sections/languages-grid-band): Interface languages as chips with two honest tiers, full coverage or UI only.
- [Local Payments Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/localization-sections/local-payments-row): Currencies, local payment methods, tax, and AP ready invoices as four cards.
- [Locale Formatting Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/localization-sections/locale-formatting-split): A two column split pairing a stacked list of formatting behaviors with a bordered panel rendering one date, number, and price across five locales.
- [Market Rollout Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/localization-sections/market-rollout-timeline): A heading and lede, then four phase columns on a dotted top rule, each with a quarter label, status chip, markets opening, and shipping work.
- [Regional Compliance List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/localization-sections/regional-compliance-list): Privacy and messaging laws by region, described as product behavior instead of legal prose.
- [Rtl Support Callout](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/localization-sections/rtl-support-callout): Right to left and script support described at the level where credibility lives.
- [Support Hubs Columns](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/localization-sections/support-hubs-columns): Three regional support hub columns with staffing hour strips, native language lists, and median first reply stats above a handoff note.
- [Translation Coverage Bars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/localization-sections/translation-coverage-bars): A heading and lede, a two segment legend, then a two column list of languages with reviewed percentages, progress bars, and string counts.
- [Translation Workflow Mockup](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/localization-sections/translation-workflow-mockup): A drawn translation screen with locale rows, review chips, and a send blocked footer.

### Logo Clouds

Browse 15 Marketing Pro logo cloud blocks for shadcn/ui. Wordmark rows, tile grids, and trust bands that prove good company without image files.

- [Customer Wall Dense](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/customer-wall-dense): Twenty wordmarks in a tight ruled grid, volume as the entire message.
- [Logos Band Dark](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/logos-band-dark): A primary colored band with a trust claim above wordmarks in foreground tones.
- [Logos By Industry](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/logos-by-industry): Customer wordmarks sorted into four industry columns with team counts per shelf.
- [Logos Case Results](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/logos-case-results): A centered heading over six bordered tiles, each pairing a customer wordmark with a headline case study metric, a result line, and a link.
- [Logos Featured Customer](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/logos-featured-customer): A featured customer panel with a wordmark, quote, and ruled fact rows sits beside a two column grid of supporting wordmarks and a count line.
- [Logos Grid With Heading](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/logos-grid-with-heading): A heading and lede beside a two by four grid of bordered wordmark tiles.
- [Logos Row Simple](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/logos-row-simple): A single wrapped row of muted text wordmarks under one line of trust copy.
- [Logos Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/logos-timeline): A left aligned heading over ruled yearly rows, each pairing the notable wordmarks that signed on with a running customer total at the right.
- [Logos Two Row Offset](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/logos-two-row-offset): Ten wordmark pills in two staggered rows for a dense, brickwork style logo cloud.
- [Logos With Proof Stats](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/logos-with-proof-stats): A wordmark wall above the three numbers that make logos evidence, retention included.
- [Logos With Quote](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/logos-with-quote): A wordmark row above one short centered customer quote with avatar attribution.
- [Logos With Stat](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/logos-with-stat): A large customer count and claim beside a ruled two column grid of wordmarks.
- [Press Strip](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/press-strip): A press strip with a standalone uppercase label and three pull quotes above outlet wordmarks, split by hairlines that adapt to stacking.
- [Ratings Strip](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/ratings-strip): An uppercase intro over three review platform columns with star rows, scores, wordmarks, and review counts, above a wrapped row of customer wordmarks.
- [Stat Anchored](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/logo-clouds/stat-anchored): A static logo cloud anchored by an oversized customer count in primary type, a muted supporting line, and two staggered rows of wordmarks.

### Migration

Browse 12 Marketing Pro migration blocks for shadcn/ui. Switch heroes, import timelines, coverage tables, and switcher offers for win back pages.

- [Feature Name Mapping](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/migration-sections/feature-name-mapping): A centered heading over a two column grid of cards mapping each old tool name to its new equivalent, each with a short note.
- [Import Coverage Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/migration-sections/import-coverage-table): What migrates from each source tool by data type, with honest partial cells worth reading.
- [Import Dry Run Preview](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/migration-sections/import-dry-run-preview): Split section pairing dry run copy and three assurances with a static importer report of counts, review statuses, and estimated run time.
- [Migration Paths Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/migration-sections/migration-paths-cards): A centered heading over three migration path cards with a best fit line, an included checklist, and a time estimate, one marked featured.
- [Migration Steps Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/migration-sections/migration-steps-timeline): The switch as five clock stamped steps tagged automatic, your review, or your call.
- [Migration Stories Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/migration-sections/migration-stories-row): Three switcher accounts structured as feared, what happened, and how long it really took.
- [Switch FAQ Accordion](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/migration-sections/switch-faq-accordion): A two column switching FAQ with reassurance copy and a contact link beside a five item accordion that opens the first answer by default.
- [Switch Hero Checklist](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/migration-sections/switch-hero-checklist): A migration hero with the importer checklist and the one thing it cannot carry, stated.
- [Switcher Offer Card](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/migration-sections/switcher-offer-card): The buyout deal as three numbered terms on the page, contract credit to exit clause.
- [Time To Switch Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/migration-sections/time-to-switch-band): A centered heading over a four column bordered band of account size tiers, each showing a large migration time and a line on coverage.
- [Who Does What Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/migration-sections/who-does-what-split): Two panel responsibilities section listing your timed migration tasks beside importer and engineer duties, totaled in a closing footnote.
- [Zero Downtime Explainer](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/migration-sections/zero-downtime-explainer): How both tools run in parallel during the switch, three paragraphs with a definitions rail.

### Mobile App

Browse 13 Marketing Pro mobile app blocks for shadcn/ui. Phone frames, store badges, ratings, and QR bridges drawn without store assets.

- [App Download](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/app-download): A split app download CTA pairing a heading, drawn store buttons, and a star rating with a phone mockup showing a chart strip and activity rows.
- [App Features With Screens](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/app-features-with-screens): Three mobile moments, each with a small phone frame and the why a phone copy.
- [App Hero With Phone](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/app-hero-with-phone): An app hero with store buttons and a rating line beside a drawn phone frame.
- [App Onboarding Steps](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/app-onboarding-steps): A three step onboarding section with a heading above numbered steps joined by a dashed connector, each pairing an explanation with a drawn UI chip.
- [App Privacy Label](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/app-privacy-label): A two column privacy section pairing plain language data promises with a drawn store style privacy label card listing data categories.
- [App Rating Callout](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/app-rating-callout): The big store rating beside three real voiced review cards with version metadata.
- [App Screens Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/app-screens-row): Three captioned phone frames in a row with the middle screen elevated.
- [App Store Badges Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/app-store-badges-band): A download band with drawn store chips and an existing account reassurance.
- [App Update Notes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/app-update-notes): Store style release notes with version, size, and a voice people actually read.
- [App Watch Companion](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/app-watch-companion): A two column watch companion section pairing three wrist feature rows with a drawn smartwatch mockup showing an approval notification and its inline actions.
- [App Widget Showcase](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/app-widget-showcase): A widget showcase with a heading above three captioned tiles, a wide chart, a daily glance, and a quick actions grid, over behavior notes.
- [Push Notification Mockup](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/push-notification-mockup): A drawn lock screen with the three pushes the app sends beside the restraint policy.
- [Qr Download Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/mobile-app-sections/qr-download-split): A desktop to phone bridge with a drawn QR card that stays dark on light by design.

### Navbars

Browse 17 Marketing Pro navbar blocks for shadcn/ui. Sticky headers, pill bars, and announcement decks with mobile sheets built in.

- [Announcement Bar Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/announcement-bar-nav): A sticky header with a primary announcement bar and arrow link above a frosted navbar with centered links and dual CTAs.
- [Bordered Grid Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/bordered-grid-nav): 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 Links Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/centered-links-nav): A symmetric header with links optically centered between the logo and a single CTA.
- [Compact Centered Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/compact-centered-nav): A slim borderless navbar with a wordmark, three links, and a text only primary CTA.
- [Dark Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/dark-nav): A solid primary colored header with inverted logo chip and a secondary CTA button.
- [Double Deck Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/double-deck-nav): A two row header with a slim utility deck above the main logo, links, and CTA row.
- [Mega Menu Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/mega-menu-nav): A sticky navbar with its product mega menu expanded inline: two icon link columns and a featured update card, collapsing to a mobile sheet.
- [Minimal Nav With Search](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/minimal-nav-with-search): A minimal header built around a command bar search pill with a keyboard shortcut hint.
- [Nav With Announcement](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/nav-with-announcement): A sticky header with a slim primary announcement line riding above a standard navbar.
- [Navbar With Promo Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/navbar-with-promo-banner): An announcement strip and navigation designed as one header unit with a real deadline.
- [Phone CTA Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/phone-cta-nav): A contact forward sticky header for service businesses with logo and links, a labeled phone number, and a quote CTA that collapse on mobile.
- [Pill Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/pill-nav): A contained rounded pill header inset from the page edges with links and a rounded CTA.
- [Slim Glass Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/slim-glass-nav): A slim glass navbar with a wordmark, four muted links, and one pill shaped CTA. Links collapse into a mobile sheet menu.
- [Split Logo Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/split-logo-nav): A boutique header with the logo centered between two split link sets and a compact CTA.
- [Stacked Centered Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/stacked-centered-nav): An editorial masthead with utility links and search, a large centered wordmark, sign in and subscribe actions, and a centered section link row below.
- [Standard Sticky Nav](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/standard-sticky-nav): A dependable sticky header with logo, inline links, dual CTAs, and a mobile sheet menu.
- [Subnav Section Bar](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/navbars/subnav-section-bar): A slim sticky section bar with the page name and anchor links for long pages.

### Newsletter

Browse 12 Marketing Pro newsletter blocks for shadcn/ui. Inline bands, centered cards, and sample issue mockups that grow a list visitors trust.

- [Issue Preview Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/newsletter-sections/issue-preview-split): The signup form beside the actual current issue drawn as an email mockup.
- [Newsletter Archive List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/newsletter-sections/newsletter-archive-list): Four numbered back issues as linked rows with the subscribe form for the next one.
- [Newsletter Author Note](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/newsletter-sections/newsletter-author-note): A two column layout pairing a letter style note card with the writer avatar signature beside the heading, labeled subscribe form, and small print.
- [Newsletter Card Centered](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/newsletter-sections/newsletter-card-centered): One centered panel with the pitch, form, and a reader avatar row with a count.
- [Newsletter Dark Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/newsletter-sections/newsletter-dark-band): A primary colored band with a tinted email field, secondary button, and small print line.
- [Newsletter Inline Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/newsletter-sections/newsletter-inline-band): A slim bordered band pairing a cadence promise with an inline email field and button.
- [Newsletter Panel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/newsletter-sections/newsletter-panel): A full width muted newsletter panel pairing a headline, benefit line, and no spam note with a labeled email field and pill subscribe button.
- [Newsletter Reader Quotes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/newsletter-sections/newsletter-reader-quotes): A two column layout with subscribe copy and a labeled form on one side and two subscriber quote cards with avatars, names, and roles.
- [Newsletter Split With Perks](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/newsletter-sections/newsletter-split-with-perks): Subscribe copy and form beside a checked list of what every issue contains.
- [Newsletter Stats Strip](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/newsletter-sections/newsletter-stats-strip): A centered heading and labeled subscribe form above a four stat strip showing subscribers, open rate, issues shipped, and publishing streak.
- [Newsletter Topic Picker](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/newsletter-sections/newsletter-topic-picker): A centered heading and intro over a grid of selectable topic tiles with checkboxes, followed by a labeled email field and subscribe button.
- [Newsletter With Sample Issue](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/newsletter-sections/newsletter-with-sample-issue): Subscribe copy beside an email client mockup rendering last month as the sample issue.

### Open Metrics

Browse 13 Marketing Pro open metrics blocks for shadcn/ui. Revenue, growth, and churn charts on shadcn chart primitives, ready for real data.

- [Churn Retention Charts](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/churn-retention-charts): Monthly churn bars beside a net revenue retention line, the uncomfortable pair published.
- [Conversion Funnel Metrics](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/conversion-funnel-metrics): A split layout pairing headline conversion facts with a funnel panel of proportional bars and the step by step rate between visitors, signups, and customers.
- [Cost Transparency Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/cost-transparency-chart): Monthly costs by category as horizontal shadcn bars with a profitable since header.
- [Costs Breakdown Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/costs-breakdown-chart): Cost structure by quarter as stacked shadcn bars, mostly people, deliberately.
- [Goals Progress Board](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/goals-progress-board): Four goal cards pairing public targets with actuals, each carrying the current value, a progress bar, an honest status badge, and a detail line.
- [Growth Milestones Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/growth-milestones-timeline): A vertical timeline of dated milestones behind the published numbers, each row stamped with its title, a short note, and the MRR at the time.
- [Metrics Intro Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/metrics-intro-banner): The why of an open metrics page with publish dates, cadence, and named exclusions.
- [Metrics Stat Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/metrics-stat-grid): A headline snapshot with six KPI tiles, each showing the current value, a month over month delta line, and a small illustrative sparkline.
- [Mrr Growth Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/mrr-growth-chart): Twelve months of MRR as a shadcn area chart with a stat header and counting rules footnote.
- [Open Metrics Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/open-metrics-table): Six months of exact headline metrics in a copyable table with a CSV link.
- [Revenue Breakdown Bars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/revenue-breakdown-bars): MRR by plan tier as stacked shadcn bars across six months.
- [Traffic Sources Donut](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/traffic-sources-donut): Visitor acquisition split as a shadcn donut beside strategy notes per source.
- [User Growth Line](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/open-metrics/user-growth-line): Active workspaces against paying customers as two shadcn lines with a legend.

### Partners

Browse 11 Marketing Pro partner blocks for shadcn/ui. Program tiers, honest economics, and agency recruitment sections with public terms.

- [Agency Program Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/partner-sections/agency-program-banner): A primary band compressing program terms to three chips with a decision timeline.
- [Become Partner Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/partner-sections/become-partner-split): An agency recruitment pitch with a no competition promise beside a first quarter checklist.
- [Certification Path Steps](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/partner-sections/certification-path-steps): Three certification stages with honest hours and what each one unlocks.
- [Deal Registration Compare](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/partner-sections/deal-registration-compare): A heading and lede above a comparison table of registered versus unregistered deals, then a three column policy fact row and action buttons.
- [Marketplace Categories Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/partner-sections/marketplace-categories-grid): Six marketplace aisles with listing counts and a yearly re review policy up top.
- [Partner Directory Preview](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/partner-sections/partner-directory-preview): A centered heading above a filter chip row and three partner cards with portrait, tier badges, specialties, ratings, and a browse all button.
- [Partner Earnings Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/partner-sections/partner-earnings-calculator): A centered heading with two sliders for client count and plan value feeding a three stat payout strip, a policy note, and an apply button.
- [Partner Logos Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/partner-sections/partner-logos-band): A certified agency count above partner wordmarks and a find a partner link.
- [Partner Stats Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/partner-sections/partner-stats-row): Program economics as four tiles, margin, median revenue, leads, and the zero.
- [Partner Story Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/partner-sections/partner-story-timeline): A two column layout pairing an agency narrative, quote, and byline with a vertical milestone timeline of dated stages, details, and metrics.
- [Partner Tiers Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/partner-sections/partner-tiers-cards): Three program tiers with public requirements, stated margins, and benefit checklists.

### Press Kit

Browse 11 Marketing Pro press blocks for shadcn/ui. Asset shelves, boilerplate, brand rules, and media contacts built for deadlines.

- [Boilerplate And Facts](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/press-sections/boilerplate-and-facts): The approved company paragraph with word count and date beside a fast facts table.
- [Brand Colors Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/press-sections/brand-colors-grid): Palette swatch cards with names, hex values, and usage notes per color.
- [Company Milestones](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/press-sections/company-milestones): A centered heading above a single vertical timeline rail of dated milestones, each with a title, a short detail, and an optional figure chip.
- [Coverage Quote Wall](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/press-sections/coverage-quote-wall): A centered heading above a three column grid of coverage cards, each with a publication wordmark, a pulled sentence, and a writer byline.
- [Founder Bios Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/press-sections/founder-bios-row): Three quotable people with bios written to be lifted verbatim and speaks on lines.
- [Interview Appearances](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/press-sections/interview-appearances): 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.
- [Logo Usage Rules](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/press-sections/logo-usage-rules): The mark rendered correctly beside the four common abuses, crossed out.
- [Media Assets Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/press-sections/media-assets-grid): Browsable asset tiles with format chips and download affordances.
- [Media Contact Card](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/press-sections/media-contact-card): A named press contact with deadline aware reply terms and what she can arrange.
- [Press Kit Downloads](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/press-sections/press-kit-downloads): Four ungated asset bundle cards with file details and an everything ZIP link.
- [Press Release Archive](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/press-sections/press-release-archive): A sticky intro column with email and RSS subscribe links beside announcements grouped by year, each row showing date, category, headline, and summary.

### Pricing

Browse 28 Marketing Pro pricing blocks for shadcn/ui. Plan cards, toggles, calculators, and compact matrices that make the buying decision easy.

- [Annual Toggle Two Tier](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/annual-toggle-two-tier): Two plan cards under a monthly and annual switch that updates prices with a savings badge.
- [Base Plus Add Ons](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/base-plus-addons): A split pricing section pairing a base plan card and feature checklist with a stack of priced extras and a hairline estimated total row.
- [Compact Tier Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/compact-tier-cards): Three slim tiers with a price and one deciding sentence each, no feature lists.
- [Compare Plans](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/compare-plans): A full feature matrix for three plans with pricing and CTAs in the column heads, grouped feature rows, and a tinted band on the popular plan.
- [Credit Packs](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/credit-packs): Four prepaid credit pack cards with one time prices and per credit rates, above three notes on expiry, team sharing, and automatic top ups.
- [Currency Region Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/currency-region-table): The same plan in four currencies with purchasing power discounts published openly.
- [Dark Featured Tier](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/dark-featured-tier): Three pricing tiers where the featured middle plan sits on a solid primary panel.
- [Enterprise Split Cta](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/enterprise-split-cta): An enterprise pitch with capability checks beside a named contact card and call terms.
- [Feature Matrix Compact](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/feature-matrix-compact): Plan headers with CTAs above a compact feature matrix that shades the middle column.
- [Free vs Pro](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/free-vs-pro): Free and Pro columns with their own feature lists and CTAs, with Pro framed by a primary ring.
- [Lifetime Deal](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/lifetime-deal): A wide panel with a one time price, three value bullets, a guarantee note, and a strong CTA.
- [Open Source vs Cloud](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/open-source-vs-cloud): A free self hosted panel with an install command beside a paid managed cloud plan.
- [Per Seat Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/per-seat-calculator): A seat slider that totals a flat per seat rate beside the included feature list.
- [Plans By Audience](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/plans-by-audience): A centered tab switcher for freelancers, teams, and agencies, each revealing two plan cards with prices, feature lists, and a highlighted pick.
- [Plans With Meters](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/plans-with-meters): Three plan cards whose quotas are proportional meter bars, so tiers compare at a glance.
- [Pricing Faq Inline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/pricing-faq-inline): Six billing questions answered open beside the prices, mechanisms and timelines included.
- [Pricing With Cost Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/pricing-with-cost-chart): A flat plan beside a shadcn bar chart of total cost against a per seat stack by team size.
- [Pricing With Guarantee](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/pricing-with-guarantee): A flat plan beside a guarantee card with spelled out terms and a published claim rate.
- [Pricing With Testimonial](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/pricing-with-testimonial): Two plan cards beside a customer quote card that endorses the upgrade.
- [Sample Invoice](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/sample-invoice): A left column of a heading and four checked billing promises beside a static sample invoice with line items, a seat credit, tax, and total.
- [Simple Rate Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/simple-rate-table): A minimal rate table listing each metric, its included allowance, and the overage price.
- [Single Plan With FAQ](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/single-plan-with-faq): A single full plan price card beside a divided list of three short pricing questions.
- [Startup Discount Card](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/startup-discount-card): The startup program as five labeled rows, including what happens when the discount ends.
- [Trial Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/trial-timeline): A single plan card with a flat price and feature list beside a vertical timeline walking through each day of a 14 day trial.
- [Usage Estimator Slider](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/usage-estimator-slider): One slider for contacts, the matching plan and price computed live with the CTA labeled.
- [Usage Estimator](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/usage-estimator): An interactive estimator with a seats slider and annual switch on one side and an inverted summary card with a line item breakdown on the other.
- [With Roi Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/with-roi-chart): A flat price plan beside a chart of cumulative value crossing cost at a labeled break even.
- [With Usage Curve](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/pricing-sections/with-usage-curve): A plan card beside an SVG curve of the unit price flattening across three labeled volume tiers.

### How It Works

Browse 25 Marketing Pro process blocks for shadcn/ui. Steps, timelines, and walkthroughs that show visitors exactly how your product works.

- [Accordion Steps](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/accordion-steps): A split process section pairing a four step accordion of numbered onboarding steps with a window styled data sync mockup and progress meter.
- [Branching Flow](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/branching-flow): An SVG flowchart of automated checks branching to approve or review, with a numbered step list.
- [Checklist With Progress](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/checklist-with-progress): The setup checklist mid flight, a computed meter above tasks in three states.
- [Cycle Diagram](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/cycle-diagram): A numbered four step list beside a circular loop diagram with nodes on a dashed ring.
- [Day In The Life](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/day-in-the-life): A workday told in timestamped scenes down a rule, each with its quiet before.
- [Day One Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/day-one-timeline): Intro copy beside a first day timeline of product moments keyed by monospaced times.
- [First Week Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/first-week-timeline): Days one through seven in honest prose, including the two days of nothing on purpose.
- [Gantt Style Plan](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/gantt-style-plan): The onboarding month as overlapping workstream bars with owners labeled per bar.
- [Handoff Lanes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/handoff-lanes): A responsibility split process section running three rollout phases as rows under two lanes, contrasting the customer tasks against the heavier vendor tasks.
- [Horizontal Connected](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/horizontal-connected): Three steps in a row joined by a thin connector line with a dot marking each step.
- [Milestone Path](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/milestone-path): A winding dashed path with four numbered milestone dots above a matching grid of steps.
- [Numbered Editorial](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/numbered-editorial): Four oversized numbered steps in a two column editorial grid with top borders.
- [Old Way New Way](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/old-way-new-way): A process comparison telling one weekly workflow twice, a manual panel with X marks beside a product panel with check marks and summed totals.
- [Onboarding Checklist](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/onboarding-checklist): Copy about a one afternoon setup beside a bordered checklist card with a progress bar.
- [Pipeline Flow](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/pipeline-flow): Inline SVG flow of four pipeline stages above a three column row explaining them.
- [Process Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/process-table): A process section laying the rollout out as a five row table with stage, description, owner badge, timeline, and deliverable columns.
- [Progress Bar Steps](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/progress-bar-steps): Onboarding as a segmented meter frozen mid journey with honest time labels per step.
- [Split Steps With Mockup](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/split-steps-with-mockup): Three numbered steps beside an app window mockup showing live metrics and a chart.
- [Step Tabs](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/step-tabs): Tabs labeled Step 1 to 3 where each panel pairs step copy with a small app mockup.
- [Steps With Mini Mockups](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/steps-with-mini-mockups): Three numbered step cards, each led by a mini UI mockup of the brief, board, and report stages.
- [Three Phase Path](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/three-phase-path): A three phase process section with icon squares, arrow connectors on desktop, per phase checklists, and a quiet link to the onboarding guide.
- [Three Step Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/three-step-cards): Centered heading above three step cards, each pairing an icon and number with short copy.
- [Vertical Milestones](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/vertical-milestones): A split process section with a sticky header, CTA, and proof stats beside a vertical timeline of four numbered milestones with timing detail rows.
- [Vertical Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/vertical-timeline): Narrow vertical timeline of four numbered steps joined by a line, with buttons below.
- [Zigzag Steps](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/process-sections/zigzag-steps): Alternating rows of step copy and app mockups, each tagged with a bordered step badge.

### Product Tours

Browse 13 Marketing Pro product tour blocks for shadcn/ui. Annotated screens, step walkthroughs, and demo teasers drawn in pure markup.

- [Annotated Screenshot](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/annotated-screenshot): A browser mockup with numbered marker dots decoded by a sticky legend list.
- [Before After Screens](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/before-after-screens): A shabby dashed before screen beside a confident after screen with verdict captions.
- [Command Palette Tour](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/command-palette-tour): Split layout pairing a power user pitch with a static command palette blueprint showing a typed query, grouped results, and inline shortcut hints.
- [Demo Teaser Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/demo-teaser-split): A sandbox pitch beside a mockup with a drawn cursor, hovered row, and honest tooltip.
- [Feature Spotlight Tabs](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/feature-spotlight-tabs): Three workflows on ui tabs, each pairing one paragraph with a small drawn panel.
- [Feature Spotlight Zoom](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/feature-spotlight-zoom): One UI element drawn at large scale, an automation rule row with a toggle and live count.
- [Keyboard Shortcuts Panel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/keyboard-shortcuts-panel): The product shortcuts as a Kbd reference panel, craft signaled through key caps.
- [Onboarding Checklist](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/onboarding-checklist): Split layout pairing a guided onboarding pitch and reassurance rows with a setup checklist mockup showing a progress bar and highlighted current step.
- [Persona Tour Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/persona-tour-grid): Centered heading above three persona columns, each pairing a framed home screen mockup with a role name and a short line on what they do.
- [Side Tabs Tour](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/side-tabs-tour): Vertical tabs of product areas, each pane pairing a blurb with a framed list mockup.
- [Tour Steps With Screens](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/tour-steps-with-screens): Three numbered tour steps, each paired with a framed mini screen showing that stage.
- [Video Tour Chapters](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/video-tour-chapters): Centered heading over a static video player mockup with a chaptered scrubber, beside a timestamped chapter list that highlights the active chapter.
- [Workflow Walkthrough](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/product-tours/workflow-walkthrough): Three mini screens joined by arrows following one item from new to sent.

### Roadmap

Browse 12 Marketing Pro roadmap blocks for shadcn/ui. Public boards, quarter timelines, and vote lists that turn direction into trust.

- [Feature Journey](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/roadmap-sections/feature-journey): A split section with heading, a stat rows panel, and a dated vertical timeline tracing one feature from first request to shipped.
- [Feature Request Form](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/roadmap-sections/feature-request-form): A split call to action pairing numbered triage steps that explain what happens after you submit with a labeled request form card.
- [Milestone Progress Bars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/roadmap-sections/milestone-progress-bars): In flight initiatives with stage chips, owners, and progress bars defined by milestones.
- [Prioritization Criteria](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/roadmap-sections/prioritization-criteria): A centered header over a two by two grid of criteria cards, each pairing the test we apply with a passed or failed real example.
- [Public Roadmap Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/roadmap-sections/public-roadmap-banner): A transparency banner with in flight and shipped counts linking roadmap and changelog.
- [Quarter Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/roadmap-sections/quarter-timeline): Four quarters on a line with status chips and struck through shipped items.
- [Roadmap Columns](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/roadmap-sections/roadmap-columns): A Now, Next, Later board with defined column semantics and tagged item cards.
- [Roadmap Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/roadmap-sections/roadmap-table): A section header over a summary line and a dense table listing every initiative with detail, product area, status badge, and target quarter columns.
- [Roadmap With Votes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/roadmap-sections/roadmap-with-votes): Feature requests ranked by vote buttons with status badges and descriptions.
- [Shipped Vs Planned List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/roadmap-sections/shipped-vs-planned-list): Dated shipped items beside planned ones with quarter chips and an honest exploring label.
- [Voting Board Columns](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/roadmap-sections/voting-board-columns): The public roadmap as a three column kanban, vote counts kept on shipped cards.
- [Yearly Themes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/roadmap-sections/yearly-themes): The three directive themes the year answers to, with reasoning and in flight bets.

### Stats

Browse 24 Marketing Pro stats blocks for shadcn/ui. Metric bands, KPI tiles, sparklines, and chart backed numbers that prove traction at a glance.

- [Annual Report Numbers](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/annual-report-numbers): An editorial year in review with a statement headline and three oversized ruled numbers.
- [Counters With Icons](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/counters-with-icons): A light four counter row with tinted icon discs, large values, and hairline dividers.
- [Dark Stat Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/dark-stat-band): A solid primary band with a short headline beside three large stats divided by hairline rules.
- [Growth Story](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/growth-story): A split stats section pairing a heading, narrative paragraph, and three hairline stat rows with a large decorative area chart panel.
- [Inline Stat Strip](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/inline-stat-strip): A slim pill shaped strip of four value and label pairs, the lightest proof beat between sections.
- [Kpi Cards With Charts](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/kpi-cards-with-charts): Four KPI cards with working shadcn sparklines beneath their numbers.
- [KPI Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/kpi-cards): A centered stats header over three KPI cards, each pairing a small label and oversized value with a delta chip and a twelve bar sparkline.
- [Live Counter Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/live-counter-band): One running total with a pulsing dot and the per minute rate beneath.
- [Metric Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/metric-band): A centered stats band with a heading, four oversized metrics separated by hairline dividers, and a footnote citing the measurement period.
- [Metric Tiles Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/metric-tiles-band): A centered heading above four large KPI tiles separated by hairline dividers in one rounded band.
- [Milestones Inline Text](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/milestones-inline-text): Six years of company history as one paragraph with the milestones set at display size inline.
- [Rating Stats Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/rating-stats-band): A split satisfaction band with the overall score set enormous beside a star row and a ruled list of rating sources, each with its own stars and volume.
- [Single Stat Spotlight](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/single-stat-spotlight): One enormous centered number with a quiet claim above and a sourcing line below.
- [Split Numbers With Copy](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/split-numbers-with-copy): A text only split section with a heading and two paragraphs beside a grid of four large numbers.
- [Stat Bento Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/stat-bento-grid): A left aligned header, then one dominant hero card carrying the headline number and sourcing beside four smaller supporting stat cards in a two by two grid.
- [Stats Benchmark Bars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/stats-benchmark-bars): A centered header over one bordered panel where each row compares a measure as two horizontal bars, customer result above industry average, with a legend.
- [Stats Comparison Columns](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/stats-comparison-columns): A then and now ledger with before values struck through beside bold on Acme numbers.
- [Stats With Bar Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/stats-with-bar-chart): A split section pairing a heading and three stacked stats with a twelve month bar chart panel.
- [Stats With Donut Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/stats-with-donut-chart): Three stat lines beside a shadcn donut splitting the same claim into its parts.
- [Stats With Donut Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/stats-with-donut-grid): Three large donut rings with centered percentages and captions inside one bordered panel.
- [Stats With Progress Bars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/stats-with-progress-bars): Copy beside four goal attainment rows, each with a label, value, and filled progress bar.
- [Stats With Quotes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/stats-with-quotes): A centered header over three cards, each pairing an oversized stat and label with the customer quote behind the number and an avatar attribution.
- [Stats With Sparklines](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/stats-with-sparklines): Four stat cards, each topped by a small sparkline that shows the trend behind the number.
- [Text Stat Sentences](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/stats-sections/text-stat-sentences): Three prose sentences with the numbers rendered large inline, stats with grammar.

### Status

Browse 12 Marketing Pro status blocks for shadcn/ui. Component health, latency charts, incident records, and published SLAs.

- [Current Status List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/status-sections/current-status-list): An aggregate status banner above per component rows with dots and uptime figures.
- [Incident History List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/status-sections/incident-history-list): Dated incidents with severity chips, precise impact lines, and postmortem links.
- [Incident Response Process](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/status-sections/incident-response-process): A heading and lede over four numbered step cards, each pairing a title and description with a time commitment printed in a footer row.
- [Incident Update Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/status-sections/incident-update-timeline): A split section pairing a communication promise and three bullet commitments with a live incident feed of phase chips, timestamps, and update text.
- [Maintenance Schedule](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/status-sections/maintenance-schedule): A heading and lede over a bordered list of maintenance windows, each row carrying date, UTC time, affected components, impact, and a status chip.
- [Regional Status Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/status-sections/regional-status-grid): Per region health cards with local latency and twelve month incident counts.
- [Reliability Stats Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/status-sections/reliability-stats-band): A centered heading and lede above a four column stat band, each cell pairing a large metric with its label and a method note.
- [Response Time Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/status-sections/response-time-chart): Median and p99 latency as shadcn lines with the visible spike explained.
- [Sla Commitments Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/status-sections/sla-commitments-table): SLA targets beside trailing actuals and automatic remedies, published inline.
- [Status Summary Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/status-sections/status-summary-banner): A one row live status banner with a pulsing dot linking the full status page.
- [Subscribe To Updates](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/status-sections/subscribe-to-updates): A status list signup with a never marketing constitution and an email form.
- [Uptime Day Ticks](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/status-sections/uptime-day-ticks): The last 90 days as tick bars with the two degraded days named below, not in tooltips.

### Team

Browse 15 Marketing Pro team blocks for shadcn/ui. Avatar grids, leadership lists, and hiring sections built on a shared illustrated portrait set.

- [Advisors And Board](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/advisors-and-board): A split section with intro copy and engagement notes beside two labeled lists of advisor and board rows, each with avatar, name, and former role.
- [Compact Team Roles](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/compact-team-roles): A text only roster in three department columns listing names and roles without portraits.
- [Founders Spotlight](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/founders-spotlight): Two wide founder cards with large avatars, problem and answer bios, and social links.
- [Hiring Process](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/hiring-process): A heading and lede above a four column grid of numbered interview stages with durations, closed by a candidate promises row and an open roles button.
- [Leadership List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/leadership-list): Editorial leadership rows with avatars, highlighted roles, and short biographies.
- [Open Roles By Team](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/open-roles-by-team): Positions grouped by team with location and the real comp range on every row.
- [Team By Department](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/team-by-department): People grouped into labeled departments as avatar pill chips with one line charters.
- [Team Cards With Socials](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/team-cards-with-socials): Six bordered member cards with avatars, personality one liners, and social icon rows.
- [Team Grid With Avatars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/team-grid-with-avatars): A centered heading above a four column grid of illustrated portraits with names and roles.
- [Team Growth Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/team-growth-chart): Five years of headcount as a stepped shadcn line beside the slow on purpose philosophy.
- [Team Map Distribution](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/team-map-distribution): A distributed team pitch beside a dot grid map with city pins and an overlap caption.
- [Team Stats Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/team-stats-banner): A compact banner pairing overlapping avatars and a team pitch with three numbers.
- [Team Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/team-timeline): A heading and lede above a vertical rail of year entries, each with a milestone title, a short story, and an overlapping avatar group of new joiners.
- [Team Voices](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/team-voices): A centered heading above a three column grid of bordered quote cards, each carrying a teammate quote with an avatar, name, and role footer.
- [Team With Hiring Cta](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/team-sections/team-with-hiring-cta): Recruiting copy and CTAs beside an avatar mosaic ending in a dashed open seat tile.

### Testimonials

Browse 27 Marketing Pro testimonial blocks for shadcn/ui. Quotes, social cards, and customer proof laid out to build trust fast.

- [Alternating Quotes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/alternating-quotes): Large quotes with avatars that alternate left and right alignment in a divided stack.
- [Avatar Strip With Quote](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/avatar-strip-with-quote): A centered row of ten overlapping avatars above one quote, five stars, and a review count.
- [Case Study Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/case-study-cards): A centered header over two large case study cards pairing a customer wordmark and quote excerpt with two headline metrics and a story link.
- [Chat Style Quotes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/chat-style-quotes): Testimonials as a chat thread with alternating bubbles, avatars, and timestamps in a framed window.
- [Dark Panel Quote](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/dark-panel-quote): One featured quote inside a solid primary panel with avatar attribution at the bottom.
- [Interview Excerpt](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/interview-excerpt): 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.
- [Journey Quotes Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/journey-quotes-timeline): A centered header with avatar attribution above a vertical timeline of four dated quotes from one customer, day one to renewal.
- [Logos And Quotes Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/logos-and-quotes-grid): A grid that alternates customer quote cards with company wordmark tiles under a heading.
- [Nps Chart With Quotes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/nps-chart-with-quotes): Six quarters of NPS as shadcn bars beside survey verbatims including the missing point.
- [One Line Quotes List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/one-line-quotes-list): Ten customers at one ruled line each, density and variety as the proof.
- [Press Quotes Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/press-quotes-row): Three pulled review lines under publication wordmarks, each cited to its piece.
- [Pull Quotes Stack](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/pull-quotes-stack): An editorial stack of two big pull quotes with oversized quote marks and attributions.
- [Quote Carousel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/quote-carousel): A looping carousel of three large centered pull quotes with avatars, customer wordmarks, and rounded previous and next controls below.
- [Quote Masonry Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/quote-masonry-grid): Five quotes at their natural lengths flowing in masonry columns with avatar attributions.
- [Quote With Metrics Panel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/quote-with-metrics-panel): One substantial quote beside the board slide it describes, befores struck through.
- [Quote With Metrics](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/quote-with-metrics): A featured customer quote card beside a divided grid of two big result numbers.
- [Quote With Product Shot](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/quote-with-product-shot): A large quote and attribution beside a launch checklist mockup of the product.
- [Quote With Rating Bars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/quote-with-rating-bars): A review summary with average score, star row, and histogram bars beside a featured quote.
- [Quote With Results Chart](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/quote-with-results-chart): A large customer quote beside a results panel with an outcome headline and twelve month bar chart.
- [Quote With Stats Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/quote-with-stats-row): A centered banner quote above a ruled row of three results from the same customer.
- [Role Quote Tabs](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/role-quote-tabs): A centered header above a three tab switcher segmented by buyer role, each panel showing one large quote with avatar attribution and a ruled result line.
- [Single Quote Banner](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/single-quote-banner): One large centered quote with an avatar, name, and role stacked beneath it.
- [Social Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/social-cards): A grid of six social post style cards with avatars, handles, and casual praise.
- [Social Posts Wall](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/social-posts-wall): Six short posts drawn as cards with avatars, handles, and timestamps, displayed unedited.
- [Three Column Quotes](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/three-column-quotes): Three customer quotes in divided columns under a centered heading and lede.
- [Video Testimonial Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/video-testimonial-cards): A centered header above a three card grid of testimonials, each framing a thumbnail with a play control, a pull quote, avatar, and clip length.
- [Wall of Love](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/testimonials/wall-of-love): A masonry wall of nine short quote cards under a centered header, with illustrated avatars, names, and roles at customer companies.

### Trust and Security

Browse 19 Marketing Pro trust blocks for shadcn/ui. Security pillars, compliance chips, uptime history, and residency maps that pass procurement review.

- [Audit Log Preview](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/audit-log-preview): A mono audit log mockup including the line the vendor own support access writes.
- [Compliance Badges Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/compliance-badges-row): A strip of certification chips with shield icons and audit dates beside a delivery promise.
- [Compliance Panel](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/compliance-panel): A compliance section with a centered header, four framework cards pairing drawn badge marks with status lines, and a quiet trust center link.
- [Data Flow Diagram](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/data-flow-diagram): An SVG flow of tools, platform, and storage with TLS and AES labels on the arrows.
- [Data Promise](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/data-promise): A centered data manifesto with five check marked promise rows split by hairlines and whitepaper and DPA buttons beneath.
- [Data Retention Stages](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/data-retention-stages): A left aligned header above three lifecycle panels for active accounts, cancellation, and deletion, each with a duration and data category rows.
- [Encryption Flow Diagram](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/encryption-flow-diagram): Browser to storage as a three node SVG flow with the encryption state on every hop.
- [Incident Response Steps](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/incident-response-steps): A left aligned header above five numbered phases in a horizontal stepper, each with a time chip and short note, plus a last incident line.
- [Plain Language Privacy](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/plain-language-privacy): Five human sentences summarizing the privacy policy, each linked to its legal section.
- [Residency Map Dots](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/residency-map-dots): A residency promise beside a dot grid map with pinned storage regions and a backup clause.
- [Responsible Disclosure](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/responsible-disclosure): A centered header over three response time tiles, side by side in scope and out of scope lists, and a report button with a safe harbor note.
- [Security Faq Compact](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/security-faq-compact): Six always open security answers written to be pasted into a vendor review form.
- [Security Feature List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/security-feature-list): A split security section pairing a headline, whitepaper button, and spec rows with a grouped icon feature list under two uppercase labels.
- [Security Pillars Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/security-pillars-grid): Six security control cards with icon discs and implementation detail sentences.
- [Security Split With Checklist](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/security-split-with-checklist): A security pitch and pack request beside six checked controls with terse implementation notes.
- [Shared Responsibility Model](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/shared-responsibility-model): A centered header over two paired panels splitting what we secure and what you control, each an icon list closed by a joint strip.
- [Subprocessors Table](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/subprocessors-table): Every third party that touches customer data, with purpose, region, and year added.
- [Trust Center Links](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/trust-center-links): Four document cards with updated dates and honest action links for security reviewers.
- [Uptime History Bars](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/trust-and-security/uptime-history-bars): SLA stats beside twelve monthly uptime bars with one honest dip explained in the caption.

### Utility Pages

Browse 13 Marketing Pro utility blocks for shadcn/ui. Honest 404s, maintenance notices, thank you pages, and the states every site needs.

- [Access Denied 403](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/access-denied-403): A centered 403 page with a signed-in identity card, the admin who can grant access, a request action, and account switch controls.
- [Coming Soon](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/coming-soon): A prelaunch page with the launch date at display size and a two email promise.
- [Email Confirmed](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/email-confirmed): A verification landing that names what the click unlocked before one button back.
- [Link Expired](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/link-expired): An expired sign-in link page with a three-column lifecycle timeline, a security framed explanation, and a one field form for a fresh link.
- [Maintenance Page](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/maintenance-page): A planned window notice with the untouched list and a live status link.
- [Not Found 404](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/not-found-404): A 404 with a search pill and chips for the pages people were actually hunting.
- [Not Found Directory](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/not-found-directory): A 404 page with an oversized muted number, a calm headline, a rounded home button, and three destination cards for docs, status, and support.
- [Rate Limited 429](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/rate-limited-429): A blameless 429 page with the exact retry window and a human path to higher limits.
- [Server Error 500](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/server-error-500): A 500 that owns the failure, protects the draft, and hands out an error ID.
- [Signups Closed](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/signups-closed): A capacity pause page with the reason, reopen date, and a hold my place form.
- [Thank You Page](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/thank-you-page): A post signup page that schedules the next five minutes with honest times.
- [Unsubscribe Confirmed](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/unsubscribe-confirmed): An unsubscribe confirmation with an icon badge, a preference card of remaining lists with per-list checkboxes and cadences, and an undo action.
- [Verify Your Inbox](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/utility-pages/verify-your-inbox): 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.

### Video

Browse 12 Marketing Pro video blocks for shadcn/ui. Player mockups, chaptered walkthroughs, and replay sections ready to wrap a real embed.

- [Centered Video Showcase](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/video-sections/centered-video-showcase): One ultrawide cinematic player mockup under a centered heading with a duration caption.
- [Live Session Register](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/video-sections/live-session-register): A live session split: date, agenda, and host credits on one side with a labeled registration card and recording note on the other.
- [Podcast Episode List](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/video-sections/podcast-episode-list): Episode rows with play discs, guest credits, and platform chips.
- [Short Clips Row](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/video-sections/short-clips-row): A heading with a browse link above a row of four portrait clip cards, each with a play disc, duration chip, and caption.
- [Testimonial Video Cards](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/video-sections/testimonial-video-cards): Three customer film cards with pull quote lines, avatars, and duration chips.
- [Video Grid Thumbnails](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/video-sections/video-grid-thumbnails): Three video cards with posters, play discs, duration chips, and topic badges.
- [Video Player Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/video-sections/video-player-split): Pitch copy beside a player mockup with a poster, play disc, and progress bar.
- [Video Playlist Queue](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/video-sections/video-playlist-queue): A featured video player beside a numbered up next queue of thumbnail rows with durations and a highlighted now playing row.
- [Video Transcript Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/video-sections/video-transcript-split): A player mockup beside a transcript excerpt of timestamped speaker turns with a link out to the full text.
- [Video With Chapters](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/video-sections/video-with-chapters): A player mockup beside a chapter list with timestamps and one active row.
- [Webinar Replay Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/video-sections/webinar-replay-split): A dated replay player beside checked takeaways with watch and slides CTAs.
- [Webinar Replays Grid](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/video-sections/webinar-replays-grid): Four past sessions with posters, live attendance counts, and no registration wall.

### Waitlist

Browse 12 Marketing Pro waitlist blocks for shadcn/ui. Queue heroes, referral positions, founding perks, and launch timelines for prelaunch sites.

- [Cohort Schedule](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/waitlist-sections/cohort-schedule): A centered heading over an admission calendar table of upcoming cohorts with dates, seat counts, and status, marking the row a signup lands in.
- [Early Access Tiers](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/waitlist-sections/early-access-tiers): The free queue beside a paid skip whose fee credits against the first year.
- [Founding Member Perks](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/waitlist-sections/founding-member-perks): Four founding perks with stated limits, led by the price lock, dated window.
- [Invite Code Redeem](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/waitlist-sections/invite-code-redeem): A centered code entry card with the invite tree explained and a polite no code path.
- [Launch Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/waitlist-sections/launch-timeline): Alpha, beta, launch phases down a rail with a you are here chip on the live one.
- [Milestone Unlocks](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/waitlist-sections/milestone-unlocks): A centered heading, a progress bar over the signup count, and a grid of milestone cards that each unlock a feature at a threshold.
- [Referral Position Card](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/waitlist-sections/referral-position-card): Your queue position with referral math, a copyable link, and a fairness cap.
- [Waitlist Faq Compact](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/waitlist-sections/waitlist-faq-compact): The five waitlist questions answered with dates, counts, and mechanisms.
- [Waitlist Hero Count](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/waitlist-sections/waitlist-hero-count): A waitlist hero with the queue size and weekly admission rate as the proof.
- [Waitlist How It Works](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/waitlist-sections/waitlist-how-it-works): A four step numbered grid explaining the queue mechanics from signup to invite, each step carrying the one rule that governs it.
- [Waitlist Signup Split](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/waitlist-sections/waitlist-signup-split): A two column waitlist section pairing a labeled signup form with a spec row card that lists the plain terms of the list.
- [Waitlist Stats Band](https://www.shadcn-ui-blocks.com/blocks/marketing-pro/waitlist-sections/waitlist-stats-band): Four queue health numbers including median wait and invite activation rate.

## Ecommerce

Standard tier. 858 blocks in 54 groups. Browse: https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro

Shop 858 Ecommerce blocks for shadcn/ui. Product pages, carts, checkout, reviews, promos, and tracking with bold type and clean layouts.

### Prebuilt Pages

Browse 8 Ecommerce Pro prebuilt pages for shadcn/ui. Full store pages assembled from sibling blocks, ready to swap and reorder.

- [Care Hub Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/prebuilt-pages/care-hub-page): Full care page sorted by material, with a schedule table, a kit picker, and a step by step how to article.
- [Contact Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/prebuilt-pages/contact-page): Full contact page routing each question to the right channel, with real reply times and a FAQ index.
- [Home Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/prebuilt-pages/home-page): Storefront home with category bar nav, mosaic hero, catalog split, ranked bestsellers, and reviews milestone.
- [Membership Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/prebuilt-pages/membership-page): Membership landing that argues with arithmetic including the profile where joining loses money.
- [Product Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/prebuilt-pages/product-page): Product detail with sustainability panel, photo review wall, care kit attach, and shipping protection.
- [Repairs Hub Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/prebuilt-pages/repairs-hub-page): Repairs hub with the published price table, live bench queue, request form, and turnaround stats.
- [Resale Landing Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/prebuilt-pages/resale-landing-page): Resale landing, the estimator first for sellers, graded listings and the loop counted for buyers.
- [Returns Center Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/prebuilt-pages/returns-center-page): Returns center with plain policy first, start flow, refund timeline, and a full FAQ before the footer.

### Accessibility

Browse 16 Ecommerce Pro accessibility blocks for shadcn/ui. Statements, keyboard shopping guides, and feedback routes.

- [Accessibility Feature Filters](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/accessibility-feature-filters): A shop filter panel of verified accessibility checkboxes and counts, beside product rows carrying feature tags, a reason line, and the price.
- [Accessibility Feedback Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/accessibility-feedback-card): A dated changelog of real fixes credited by first name, with a two day reply promise and a report button.
- [Accessibility Statement](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/accessibility-statement): Dated statement pairing what works with three named gaps, quarter targets, and the next review date.
- [Accessible Delivery Preferences](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/accessible-delivery-preferences): A list of four courier instructions you set once, beside a reproduction of the driver instruction screen, over a strip noting reorders inherit them.
- [Accessible Packaging Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/accessible-packaging-card): Box opens without tools, large print and braille care cards on request, for four named products in stock.
- [Accessible Returns Flow](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/accessible-returns-flow): Four numbered return steps covering keyboard start, label free drop off, courier pickup, and readable refund emails, over a paused window strip.
- [Alternative Format Documents](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/alternative-format-documents): A two by two card grid of large print, braille, audio, and tagged text formats with turnaround badges, over a strip for setting one default.
- [Assisted Ordering Options](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/assisted-ordering-options): Three bordered channel cards for phone, email, and relay ordering with hours and reply promises, above a parity strip naming the team.
- [Assistive Tech Compatibility](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/assistive-tech-compatibility): A published table of screen reader, voice, and magnifier pairings with status and last tested date, beside a card defining what a pass means.
- [Captioned Product Videos](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/captioned-product-videos): Video player mockup with caption bar and timestamped transcript rows beside four checked standards for captions, transcripts, and audio description.
- [Checkout Without Time Limits](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/checkout-without-time-limits): Three checked promises that nothing expires mid checkout beside a static session panel showing saved rows after an overnight pause.
- [Display Preferences Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/display-preferences-panel): Static display settings card with text size, motion, contrast, and link underline rows beside three checked promises about persistence.
- [In Store Accessibility](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/in-store-accessibility): Divided list of three stores with checked access features beside an assisted visit booking card, over a corrections strip.
- [Independent Audit Results](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/independent-audit-results): Audit method card with firm, testers, scope, and totals beside four WCAG principle rows of found and fixed counts, over a retest strip.
- [Keyboard And Screen Reader Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/keyboard-and-screen-reader-guide): Real keyboard paths for search, cart, and checkout, rough edges named, and a direct developer inbox.
- [Written Product Descriptions](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/accessibility-sections/written-product-descriptions): Four written description standards in a divided list beside an annotated product panel printing its alt text and spec rows in full.

### Account

Browse 29 Ecommerce Pro account blocks for shadcn/ui. Order history, wishlists, addresses, store credit, and payment methods.

- [Account Overview Dashboard](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/account-overview-dashboard): Next delivery, guarantee clocks, credit balance, and subscription as four linked cards, none a feed.
- [Account Overview Tiles](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/account-overview-tiles): The account dashboard where every tile reports a live fact instead of a label.
- [Account Security Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/account-security-card): Passkey first, password demoted, sessions visible with sign out everywhere.
- [Data Privacy Controls](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/data-privacy-controls): View, download, and delete as buttons, generated on the spot, no support form.
- [Download Your Data Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/download-your-data-card): One button, the export by email in minutes, with contents and absences listed honestly.
- [Email History Log](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/email-history-log): Every email sent to this account as a dated list, each row naming the reason it was sent.
- [Fit Profile Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/fit-profile-card): Confirmed sizes per category with fit notes in a panel, beside plain rules on what the profile changes and never touches.
- [Gift Cards Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/gift-cards-panel): Gift cards account panel with balance cards for held cards, a redeem row for paper codes, and a list of sent cards showing delivery status.
- [Guarantee Registrations List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/guarantee-registrations-list): Every owned product with its guarantee clock, expired ones kept for the bench.
- [Household Accounts Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/household-accounts-card): Two adults, one address, separate logins and wishlists, shared history by consent, one membership.
- [Invoices and Documents Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/invoices-documents-panel): Invoices, a credit note, and a yearly statement as download rows, with editable billing details that print on every future invoice.
- [Loyalty Points Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/loyalty-points-card): Store credit in dollars with a plain ledger, money not points, never expires.
- [Membership Value Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/membership-value-card): Membership value card weighing what the plan cost against what it returned, benefits priced from real usage, with the renewal date and cancel button.
- [Notification Preferences Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/notification-preferences-panel): Topic and channel checkboxes with marketing off by default and order updates locked on with the reason.
- [Notification Preferences](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/notification-preferences): Every email type on a working switch with honest cadence, locked rows explained.
- [Order Again Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/order-again-grid): Consumables sorted by what runs out, the bag listed with anti rebuy advice.
- [Order History List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/order-history-list): Past orders with state matched actions, track, buy again, and the return kept visible.
- [Payment Methods List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/payment-methods-list): Saved cards with expiry warnings and the storage honesty line up front.
- [Product Reviews Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/product-reviews-panel): Delivered items waiting on a review beside published ones with stars, edit and delete in your hands, no coupons for praise.
- [Referral Dashboard Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/referral-dashboard-card): Both get $15 in dollars, not points, with a ledger including the honest zero.
- [Returns and Refunds Tracker](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/returns-refunds-tracker): Open returns as cards with a four stage progress line, refund amount and destination named, and the carrier scan clock explained.
- [Saved Addresses Cards](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/saved-addresses-cards): Labeled address cards with courier notes that travel with every order.
- [Saved Payment Methods Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/saved-payment-methods-panel): Saved cards as token rows with the processor architecture explained and the no silent save footer.
- [Store Credit Wallet](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/store-credit-wallet): Balance, dated ledger, and the three rules that make credit behave like cash the store owes you.
- [Subscription Management](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/subscription-management): Skip, pause, swap at equal weight, cancel visible, no exit interview.
- [Support Conversations List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/support-conversations-list): Support conversations account list with each question as a row showing subject, last reply, and a status badge, plus a reply time promise below.
- [Trade In Offers Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/trade-in-offers-grid): Trade in offers grid of owned products with a standing quote on each, one trade already in progress, and three grading rules printed below.
- [Wishlist Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/wishlist-grid): Saved items with price drop and restock notes, a wishlist that watches for you.
- [Your Impact Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/account-sections/your-impact-card): The personal ledger of seven years with us: bags, repairs, a trade in, and zero replacements bought.

### Archive and History

Browse 14 Ecommerce Pro archive blocks for shadcn/ui. Discontinued graveyards, prototype museums, and serial lookups.

- [Archive In Numbers](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/archive-in-numbers): A section heading, a four card ledger stat grid, and a year by year bar strip of units shipped with a labelled baseline axis.
- [Archive Wall Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/archive-wall-page): The physical archive wall at the workshop: 64 pieces, Friday visits, and nothing on it for sale.
- [Bring Back Ballot](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/bring-back-ballot): An interactive reissue ballot with three retired candidates, honest retirement notes, live vote bars, and a single vote button per row.
- [Catalog Scans Gallery](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/catalog-scans-gallery): Four dated pieces of printed matter across eleven years, the price rise letter kept public among them.
- [Colorway Index](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/colorway-index): An archive table of every colorway ever sold with years, units made, live or retired badges, and the honest note behind each retirement.
- [Discontinued Graveyard](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/discontinued-graveyard): Three retired products with the honest reason each died and the parts pledge that outlives them.
- [Fabric Shelf](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/fabric-shelf): Section heading over a three column grid of swatch cards, each with a placeholder swatch, status badge, mill spec, note, and years.
- [First Bag Story](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/first-bag-story): A 2015 origin letter: eight bags sewn at a kitchen table with 90 percent of that pattern unchanged today.
- [Guarantee Transfer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/guarantee-transfer): A two column split with three numbered transfer promises beside a serial registration card that reveals the transferred record on submit.
- [Pattern Changelog](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/pattern-changelog): A ruled revision timeline of the flagship pattern with version chips, beside a bordered panel listing everything unchanged since the first batch.
- [Prototype Museum](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/prototype-museum): Four failed prototypes kept on purpose, each photographed with the failure and the lesson it left.
- [Reissue Run](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/reissue-run): A two column split with a placeholder image on one side and a heading, details list, numbered change notes, and reserve buttons on the other.
- [Serial Lookup Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/serial-lookup-card): Type a bag serial and its full history appears: made date, repairs, resale, and guarantee status.
- [Still in Service](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/archive-sections/still-in-service): Three registry cards for the oldest bags in daily use, each led by a big years count with serial, service rows, and an owner line.

### Banners and Alerts

Browse 15 Ecommerce Pro banner blocks for shadcn/ui. Shipping delays, holiday cutoffs, honest cookie bars, and status notices.

- [Announcement With Details](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/announcement-with-details): A headline band with a static open details row for announcements that one line cannot contain honestly.
- [Back In Stock Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/back-in-stock-banner): The June batch landed, 140 units live, and an honest pace estimate so buyers know the real window.
- [Cookie Consent Bar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/cookie-consent-bar): Two cookies named, zero tracking confirmed, with Accept and Decline at equal visual weight.
- [Counterfeit Warning Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/counterfeit-warning-banner): A card splitting the three places we actually sell against the channels that are never us, plus the serial check link.
- [Customs Duties Notice](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/customs-duties-notice): A slim notice band with a heading that rules out surprise charges, then one row per region stating who collects which duties and taxes.
- [Extended Returns Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/extended-returns-banner): A card band explaining a longer holiday returns window, with three fact columns for the purchase window, standard policy, and extended deadline.
- [Free Shipping Threshold Bar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/free-shipping-threshold-bar): The $6 flat rate and $75 free line stated as the entire rule, with a slim progress track showing the cart at $62.
- [Holiday Cutoff Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/holiday-cutoff-banner): December 24 delivery cutoffs as plain calendar dates for two service levels, no countdown timers.
- [Payment Methods Update Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/payment-methods-update-banner): A slim edge band announcing a payment methods change in one sentence, with a chip row naming the two methods arriving and the one retiring.
- [Phishing Alert Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/phishing-alert-banner): A card band pairing a phishing warning and a never-asked list against a panel showing how a genuine order email reads.
- [Price Error Apology Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/price-error-apology-banner): A June 8 mispricing owned in the headline, a three row timestamped account, and all 23 wrong price orders shipping as placed.
- [Price Rise Preannounce Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/price-rise-preannounce-banner): Four canvas products repricing July 1 announced three weeks early as a courtesy window, not a sales push.
- [Product Recall Notice](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/product-recall-notice): A recall card naming the valve fault, affected batch codes as mono pills, the unaffected batches, and return label actions.
- [Service Status Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/service-status-banner): Repair bench paused until June 15 with the mechanical reason published and the full scope of what holds.
- [Shipping Delay Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/banners-and-alerts/shipping-delay-banner): A carrier disruption dated and scoped, standard delayed two days this week with express confirmed unaffected.

### Brand Story

Browse 26 Ecommerce Pro brand story blocks for shadcn/ui. Founder letters, provenance rows, workshop galleries, timelines, and manifestos.

- [Brand Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/brand-timeline): The company history as dated rows, the near collapse year kept in.
- [Complaints Changelog](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/complaints-changelog): Four full customer complaint quotes, each paired with the product change it shipped and the date it landed, laid out as a release log.
- [Decade Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/decade-timeline): Eleven years in ruled rows, bad years kept in, because a timeline of only wins is marketing.
- [Design Principles List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/design-principles-list): Four product rules, each proven by the decision it most recently forced.
- [Factory Partners List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/factory-partners-list): Who makes what, where, with maker counts, median tenure, and audit dates.
- [First Product Story](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/first-product-story): The catalog's first product beside every dated revision it survived, each row naming the failure that forced it.
- [Founder Interview Q&A](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/founder-interview-qa): A transcript card of five hard questions answered on the record by the founder, each with an avatar byline and a checkable number.
- [Founder Letter](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/founder-letter): The origin story as signed prose with one number per claim and a dated signature.
- [Made In Numbers](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/made-in-numbers): The brand as six stat tiles, including the numbers a conventional brand would hide.
- [Makers Roster](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/makers-roster): Six named makers with avatars, bench, city, and tenure, each owning one checkable fact about the work they do.
- [Making Process Steps](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/making-process-steps): A numbered process stepper of six making stations, each showing its duration, the hands on it, a detail paragraph, and the check it must pass.
- [Materials Provenance Rows](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/materials-provenance-rows): Four inputs with suppliers named to the city, tenure, and one audit grade fact each.
- [Numbers We Track Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/numbers-we-track-card): Four KPIs published with the reason each earns its place, including the one the store refuses to optimize.
- [Open Questions Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/open-questions-card): Three unresolved decisions posted publicly with where the thinking sits.
- [Ownership Split Rows](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/ownership-split-rows): A cap table shown as a stacked proportion bar and holder rows with share and note, plus what is deliberately absent from it.
- [Plain Words Glossary](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/plain-words-glossary): A definition list of six store terms, each pinned to a checkable meaning and the claim the word will never be stretched to cover.
- [Price Breakdown Rows](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/price-breakdown-rows): One product's retail price split into cost rows with proportion bars, a note per line, and the margin admitted.
- [Refusals Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/refusals-grid): Six standing refusals of common store tactics in a card grid, each dated and priced with what holding the line costs.
- [Repairs Ledger](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/repairs-ledger): A repair promise shown as running totals beside a signed log of last week at the bench, so the warranty reads as bookkeeping.
- [Retired Products Rows](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/retired-products-rows): A discontinued products archive in rows, each with lifespan, units made, the honest reason it was pulled, and what owners kept.
- [Supply Chain List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/supply-chain-list): Every supplier named with place and tenure, plus the one we left and why.
- [Then Vs Now Columns](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/then-vs-now-columns): A founding year and today set side by side across the same measured rows, including the number that moved in the wrong direction.
- [Why We Exist Prose](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/why-we-exist-prose): The manifesto with its thesis at display weight and one number per argument.
- [Workshop Photo Essay](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/workshop-photo-essay): Six workshop frames in a 3x2 grid, each captioned like a photo essay, no people, just the room.
- [Workshop Tour Gallery](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/workshop-tour-gallery): Five captioned frames from the making floor where the captions are the tour.
- [Year In Review Letter](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/brand-story-sections/year-in-review-letter): The founder's annual letter with the bad paragraph priced and signed.

### Buying Advice

Browse 16 Ecommerce Pro buying advice blocks for shadcn/ui. When not to buy, honest alternatives, and buy once math.

- [Advice Inbox](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/advice-inbox): Three real buying questions laid out as correspondence, the quoted question and sender on the left, the honest reply and staffer on the right.
- [Ask Before You Buy](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/ask-before-you-buy): Accordion of five honest questions asked before checkout, first item opened, each answer printed even where it costs the sale.
- [Break In Expectations](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/break-in-expectations): Four ruled stage columns walk week one through year five of canvas break in, closed by a straight note on the return window.
- [Buy Once Math Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/buy-once-math-card): Two mono ledgers show the decade math at $21.50 a year versus $36, caveats printed beside the sums.
- [Checkout Extras Advice](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/checkout-extras-advice): 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.
- [Colorway Advice](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/colorway-advice): Two framed colorway panels side by side, each with a swatch, share stat, and honest wear rows, closed by an exchange ledger note.
- [Do You Need It Checklist](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/do-you-need-it-checklist): Three numbered honest questions before the buy, boredom named, the bench ready to talk you out of it.
- [Honest Alternatives Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/honest-alternatives-guide): Four jobs the store loses at, each card naming the winner and the reason, closed by what is left.
- [Repair Or Replace Path](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/repair-or-replace-path): Three numbered failure questions each branch into yes and no outcomes, closed by the bench's photo triage counts from last year.
- [Second Bag Advice Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/second-bag-advice-card): Three verdict rules backed by support log counts, 184 of 312 second bag inquiries routed to a repair.
- [Secondhand Buying Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/secondhand-buying-guide): Four numbered inspection cards for buying a used bag, each showing good wear and a walk away sign, closed by a fair price ledger.
- [What Fits Inside](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/what-fits-inside): A capacity guide listing four real packed loads, each with its contents, a fill bar showing how full the bag runs, and a plain verdict.
- [What The Bench Carries](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/what-the-bench-carries): Three repair bench staff cards with avatar headers, the size each carries, the reason, and a ruled wear report footer.
- [When Not To Buy From Us](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/when-not-to-buy-from-us): Four ruled rows naming who wins instead, each a genuine disqualifier with the better option printed.
- [When To Buy Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/when-to-buy-timeline): Vertical timeline of four honest purchase windows, each with a bordered price pill and straight advice, closed by a printed footnote.
- [Which Size To Buy](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/buying-advice-sections/which-size-to-buy): Two size columns compare specs, weight, and honest use cases, closed by an exchange ledger verdict favoring the smaller pack.

### Categories

Browse 28 Ecommerce Pro category blocks for shadcn/ui. Tile grids, circle rows, seasonal edits, and collection indexes for store navigation.

- [Alphabetical Index](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/alphabetical-index): The whole catalog as a lettered text directory for visits that know the name.
- [Alternating Category Bands](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/alternating-category-bands): Two full width category bands with images on alternating sides, each pairing a written lead with ruled subcategory rows and a shop all link.
- [Archive And Seconds Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/archive-and-seconds-band): Two outlet tiles, seconds with named flaws and resale archive graded, each with an honest count.
- [Bestsellers By Category](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/bestsellers-by-category): Four aisle cards each led by the single item bought first most often, with units shipped, a price, and one honest line.
- [Capacity Ladder Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/capacity-ladder-band): Packs sorted by liters on proportional bars, four ruled rungs with counts and one line on what each size swallows.
- [Category Comparison Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/category-comparison-table): Three bag families compared in one table across price, fabric, weight, and laptop room, since shape is the real decision.
- [Category Ratings Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/category-ratings-band): Three category columns each led by a large average rating, a five star row, review count, price floor, and one quoted customer line.
- [Category Stats Tiles](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/category-stats-tiles): Aisles as stat tiles with counts, price ranges, and one verifiable fact each.
- [Category Tiles Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/category-tiles-grid): Six aisles as image tiles with caption bars carrying counts and price floors.
- [Category With Buying Guide Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/category-with-buying-guide-band): A category grid with an inline buying guide that names which bag to buy first, by job, by name.
- [Circle Category Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/circle-category-row): Aisles as round image chips in one scannable strip, the mobile commerce pattern.
- [Collection List Rows](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/collection-list-rows): Capsules as ruled editorial rows with one written sentence and a piece count each.
- [Gifting Tiles Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/gifting-tiles-row): Three recipient cuts with counts, and the gift card named as the no guess option.
- [Material Tiles Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/material-tiles-row): Browse by material, each tile with its source and product count.
- [New Vs Classics Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/new-vs-classics-band): The drop against the permanent range, two kinds of buying explained.
- [Occasion Tiles](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/occasion-tiles): The catalog cut by life situation, categories are for warehouses.
- [Portrait Category Scroller](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/portrait-category-scroller): Eight tall portrait category tiles in one horizontally snapping strip, each with a caption bar carrying its name, style count, and price floor.
- [Seasonal Category Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/seasonal-category-band): One card, one season, a wide image beside the edit with a credible curator named.
- [Seasonal Rotation Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/seasonal-rotation-band): The two drop calendar with March batches, September heavy canvas, and the permanent range constant below.
- [Shop All Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/shop-all-band): The whole catalog on one ruled band with counts and price ranges.
- [Shop By Price Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/shop-by-price-band): Three wide tiles cutting the range by budget with real item counts and one line of what lives in each band.
- [Shop By Price Bands](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/shop-by-price-bands): Budget as navigation, three bands with counts and the same guarantee at every price.
- [Split Category Nav](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/split-category-nav): A two column split pairing the full aisle list as a ruled nav with one large featured category panel and its caption bar.
- [Subcategory Accordion](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/subcategory-accordion): A ruled accordion of category rows that each expand into a columned grid of subcategory links, every one carrying a style count and price floor.
- [Tabbed Category Preview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/tabbed-category-preview): One tab per aisle, each panel previewing three products with prices, an honest aisle line, and a shop all link.
- [Three Tile Feature](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/three-tile-feature): One tall lead category beside two stacked tiles, traffic steered by area.
- [Use Case Category Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/use-case-category-band): Three job tiles with counts and one honest line each plus the admission that most bags do two jobs fine.
- [With Banner Tile](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/category-sections/with-banner-tile): Four category tiles plus one solid banner tile carrying the month's single message.

### Checkout

Browse 26 Ecommerce Pro checkout blocks for shadcn/ui. One page and multi step flows, express pay, shipping choices, and order review.

- [Address Validation Helper](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/address-validation-helper): Your spelling beside the database's, differences bolded, keep mine respected.
- [Billing Address Toggle](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/billing-address-toggle): A working switch keeps billing matched to shipping or reveals the full billing form, with the decline warning that explains why banks care.
- [Business Purchase Checkout](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/business-purchase-checkout): Company, VAT, and invoice fields with the EU reverse charge mechanics and VIES fallback stated honestly.
- [Delivery Date Picker](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/delivery-date-picker): Pick the arrival day from real options, same price any day, holidays shown honestly.
- [Delivery Notes Step](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/delivery-notes-step): Driver note field with safe place chips and the honest limit that notes land about 90% of the time.
- [Duties And Taxes Step](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/duties-and-taxes-step): International checkout choosing prepaid import charges or courier collection at the door, both totals shown and the handling fee stated honestly.
- [Express Checkout Wall](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/express-checkout-wall): Wallet buttons stacked full width first with the measured 40 second reason stated, card form collapsed below.
- [Express Pay Buttons](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/express-pay-buttons): The wallet stack above an equal card path, same price either way stated plainly.
- [Gift Receipt Toggle Step](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/gift-receipt-toggle-step): A working switch flips the order to gift mode and re-renders both slip states as a live checklist.
- [Guest Or Account Choice](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/guest-or-account-choice): The fork without a thumb on the scale, guest first, account earning its column with perks.
- [Installment Plan Choice](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/installment-plan-choice): Pay in full, four payments, or twelve months as selectable rows, the written schedule re-renders live and the costlier option admits it.
- [Invoice Details Form](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/invoice-details-form): Company, VAT with reverse charge, PO, and cost center, asked once for the PDF.
- [Multi Step Checkout](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/multi-step-checkout): The three stage flow mid journey with editable recaps and a stepper without color dependence.
- [One Page Checkout](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/one-page-checkout): Contact, shipping, and payment in one visible column, nine fields, no account required.
- [Order Confirmation Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/order-confirmation-page): The thank you with the window, a live cancel countdown, and the account ask after.
- [Order For Someone Else Step](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/order-for-someone-else-step): Their address and phone, your payment, every email routed per line and the gift flag consequences listed.
- [Order Review Step](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/order-review-step): Three editable ruled sections plus a pay button that promises to charge exactly the number printed on it.
- [Order Summary Sidebar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/order-summary-sidebar): The checkout companion panel with quantity badges and totals that explain themselves.
- [Payment Failed Recovery](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/payment-failed-recovery): The decline without shame, three ways forward and the cart held.
- [Payment Form Section](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/payment-form-section): Card fields beside a panel answering where the numbers actually go.
- [Pickup Point Selector](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/pickup-point-selector): Home, locker, or shop with real prices, the courier saving passed on.
- [Promo Code Step](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/promo-code-step): A working code field that applies live, adds the discount line, reprices the pay button, and states plainly what codes exclude.
- [Quote To Checkout](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/quote-to-checkout): Trade quote as a review screen with locked prices honored, Net 30 or card, a PO field and one button.
- [Returning Customer Checkout](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/returning-customer-checkout): Prefilled address, delivery, and card from the last order as review rows with one pay button.
- [Review And Place Order](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/review-and-place-order): Four editable recap cards above a button that says what it does and what it costs.
- [Shipping Options List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/checkouts/shipping-options-list): Three speeds as selectable rows with real date windows, including the no rush option.

### Comparisons

Browse 15 Ecommerce Pro comparison blocks for shadcn/ui. Model tables, spec duels, size guides, and good better best ladders.

- [Accessory Fit Matrix](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/accessory-fit-matrix): Compatibility matrix of five accessories against three bags with fits, fits with a named caveat, and no states plus a legend.
- [Bag Size Side By Side](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/bag-size-side-by-side): Four bags drawn to one scale with SVG silhouettes and spec rows, the size answer photos never give.
- [Canvas Weight Comparison](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/canvas-weight-comparison): Three canvas weights judged row by row, the check moves, and the verdict row refuses to name a winner.
- [Cost Per Year Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/cost-per-year-table): Cumulative ten year spend on a cheap bag replaced against one bag repaired, ending in per year math and a caveat.
- [Good Better Best Cards](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/good-better-best-cards): Three material tiers with what the extra money buys stated per step.
- [Leather Vs Vegan Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/leather-vs-vegan-table): Bridle leather against waxed cotton across six rows where each column wins real rows and one is a draw.
- [Material Comparison Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/material-comparison-table): Three materials judged row by row with the check moving and the verdict refusing to crown any one winner.
- [Model Comparison Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/model-comparison-table): The product family side by side with four number rows and a best for verdict.
- [New Vs Refurb Vs Seconds Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/new-vs-refurb-vs-seconds-table): One bag at three honest price points, new, refurbished, and second, with the guarantee row identical.
- [Old Vs New Generation](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/old-vs-new-generation): The v2 against the v1 including what did not change, upgrade advice, no mostly.
- [Size Variant Comparison](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/size-variant-comparison): Three sizes with relatively scaled images and packed lists instead of liters.
- [Spec Side By Side](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/spec-side-by-side): Two products dueled with differences emphasized and sameness admitted.
- [Upkeep Comparison Cards](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/upkeep-comparison-cards): Three materials compared by minutes of care per year, the ritual itself with cadences, and what skipping it costs.
- [Us Vs Them Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/us-vs-them-table): Our pack against the big label equivalent in grouped rows, losses printed first, wins second, and one honest draw.
- [Which One Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/comparison-tables/which-one-guide): The decision written like advice, four situations routed to products with reasons.

### Contact and Support

Browse 12 Ecommerce Pro support blocks for shadcn/ui. Contact routes, response time stats, damage flows, and workshop visits.

- [Contact Form Split](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/contact-sections/contact-form-split): The form beside who reads it, per topic reply times, and no ticket numbers.
- [Contact Routes Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/contact-sections/contact-routes-page): Four named inboxes with reply medians and the no phone line explained honestly.
- [Damaged Item Flow](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/contact-sections/damaged-item-flow): The photo is the claim, cheap items are replaced and kept, the 0.4% rate published.
- [How To Complain Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/contact-sections/how-to-complain-card): The complaints route in three plain steps, plus the quarterly ledger of every complaint received and what each one changed.
- [Live Chat Honesty Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/contact-sections/live-chat-honesty-card): Why there is no chat bubble, in two paragraphs, with the one condition that could change the answer.
- [Missing Parcel Flow](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/contact-sections/missing-parcel-flow): Marked delivered, not there, in three steps with base rates and reship or refund.
- [Response Times Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/contact-sections/response-times-band): Support numbers published like specs, median reply, resolution rate, slowest day named.
- [Send It To The Bench Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/contact-sections/send-it-to-the-bench-card): Repairs by post with no forms: a packing checklist beside a shipping label mockup where the note in the box is the ticket.
- [Skip The Queue FAQ](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/contact-sections/skip-the-queue-faq): The five questions that filled half of June's inbox as an accordion with ask counts, beside the case for writing anyway.
- [Visit The Workshop Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/contact-sections/visit-the-workshop-card): Friday hours, one address, and the warning that it is a working workshop.
- [Who Has The Inbox Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/contact-sections/who-has-the-inbox-card): The weekly support rota as a three person card, this week highlighted, with the handover ritual that keeps threads intact.
- [Write To The Founder Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/contact-sections/write-to-the-founder-card): The elena@ inbox as a real channel: when it is read, what to send, and what the bench does with it.

### Custom Orders

Browse 10 Ecommerce Pro custom order blocks for shadcn/ui. Intake forms, made to measure explainers, queues, and custom pricing.

- [Canvas Run Splits](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/custom-orders-sections/canvas-run-splits): The 80 meter mill minimum drawn as a two segment bar, your bags against the shelf run, over three past runs listed.
- [Custom Build Log](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/custom-orders-sections/custom-build-log): Four finished custom builds with placeholder thumbs, the ask, an owner line, and a work, weeks, and paid meta row each.
- [Custom Or Shelf](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/custom-orders-sections/custom-or-shelf): Three qualifying question cards with a shelf answer and a custom answer each, closed by the half of intake ends at the shelf bar.
- [Custom Order Intake](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/custom-orders-sections/custom-order-intake): Intake gate with three yes types, three decline types, and a published one in three acceptance rate.
- [Custom Orders Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/custom-orders-sections/custom-orders-faq): Five intake inbox questions with the schedule and multiplier in them, first item opened.
- [Custom Pricing Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/custom-orders-sections/custom-pricing-table): Four custom work types priced in public, fleet runs at standard price, one off argued against.
- [Custom Queue Status](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/custom-orders-sections/custom-queue-status): The custom bench queue published live, the current build named, scarcity stated as a schedule.
- [Made To Measure Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/custom-orders-sections/made-to-measure-explainer): Four steps with real durations, the 1.6x multiplier itemized, and no return caveat before any form.
- [Monogram Gallery](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/custom-orders-sections/monogram-gallery): Three initials styles priced by longevity, closed by the three character rule and its reason.
- [Pattern Remake File](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/custom-orders-sections/pattern-remake-file): Split section pairing remake pricing at 1.1x with a static pattern record card of measurements, materials, and builds to date.

### Email Capture

Browse 14 Ecommerce Pro email capture blocks for shadcn/ui. Newsletter bands, welcome offers, restock alerts, and inbox promises.

- [Back In Stock Capture](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/back-in-stock-capture): Watch any sold out item, one email when it lands, then the address is deleted.
- [Cart Reminder Opt In](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/cart-reminder-opt-in): A centered consent card spelling out the single cart reminder as a four step timeline, from saved cart to deletion, above the email form.
- [Drop Alerts Capture](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/drop-alerts-capture): The release list sold on access, 48 hours early, four to six emails a year.
- [Drop List Signup](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/drop-list-signup): The 48 hour head start explained as sequence not exclusivity, beside the last drop counted in four stats.
- [First Order Offer Capture](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/first-order-offer-capture): The welcome discount as a page, not a popup, with terms in the open.
- [Newsletter Signup Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/newsletter-signup-band): The monthly letter pitched with cadence, open rate, and unsubscribe speed.
- [Newsletter With Archive](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/newsletter-with-archive): The last three issues readable before sign up with both subscriber and unsubscribe counts published live.
- [One Email A Season Signup](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/one-email-a-season-signup): The four email contract published above the field, with the open rate that earns it.
- [Preferences First Signup](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/preferences-first-signup): Three topic checkboxes before the email field so consent is specific from the first send.
- [Price Drop Watch](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/price-drop-watch): A split price watch capture with a labeled email form beside a product card listing every price the item has ever held.
- [Sample Email Preview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/sample-email-preview): A card band pairing the signup form with last month's issue rendered as a static email, header rows, body, and footer included.
- [Sms Alerts Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/sms-alerts-card): Three texts we send, the never list sworn, median 4 texts a year.
- [Unsubscribe Promise Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/unsubscribe-promise-card): Five email commitments naming the industry practices they refuse.
- [Zero Tracking Signup](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/email-capture-sections/zero-tracking-signup): A capture section printing the entire stored record beside the list of tracking data never collected, with the labeled form beneath.

### Empty States

Browse 12 Ecommerce Pro empty state blocks for shadcn/ui. Empty wishlists, sold out categories, 404 pages, and zero result recoveries.

- [Account Signed Out State](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/empty-states/account-signed-out-state): The signed out account page selling sign in by what it unlocks.
- [Category Sold Out State](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/empty-states/category-sold-out-state): The whole category gone, the restock batch dated, and the alert signup.
- [Compare List Empty](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/empty-states/compare-list-empty): An empty compare page blueprint with three dashed product slots above skeleton spec rows, a headline, and a primary action to add products.
- [Empty Cart State](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/empty-states/empty-cart-state): The guilt free empty cart with three honest starting points.
- [Empty Wishlist State](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/empty-states/empty-wishlist-state): The unused wishlist explained by what saving actually does, then two routes in.
- [Filter No Results](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/empty-states/filter-no-results): Zero matches diagnosed, the one filter to loosen named with its count.
- [Notifications Empty State](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/empty-states/notifications-empty-state): An empty notifications inbox with a muted bell icon, a headline, and the full alert menu listed with live switches, all off until asked.
- [Order History Empty State](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/empty-states/order-history-empty-state): Two honest reasons for an empty history, a guest order claim form inline, and no shopping push.
- [Reviews Empty State](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/empty-states/reviews-empty-state): The no reviews yet state for a new product with a bench take and the promise that critical ones stay.
- [Rewards Empty State](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/empty-states/rewards-empty-state): A two column rewards layout with a zero balance headline, four ways to earn with point values, and a panel showing the reward ladder.
- [Search No Results](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/empty-states/search-no-results): A search dead end with a spelling correction and result count, three near miss product rows, and a footer to report a missing search.
- [Store 404](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/empty-states/store-404): The missing page owned plainly with search and the four most wanted routes.

### Events and Appointments

Browse 11 Ecommerce Pro event blocks for shadcn/ui. Workshop calendars, fittings, trunk shows, repair clinics, and recaps.

- [Event Recap Gallery](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/events-sections/event-recap-gallery): Last clinic counted, including the two bags pronounced beyond saving.
- [Event RSVP Form](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/events-sections/event-rsvp-form): A two column RSVP split pairing event facts and context on one side with a labeled form, slot picker, and opt in on the other.
- [Fitting Appointment Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/events-sections/fitting-appointment-card): Book a 30 minute fitting with the do not buy verdict promised up front and three next slots as plain buttons.
- [Host An Event Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/events-sections/host-an-event-card): Host a care clinic, the responsibilities split and past hosts listed plainly.
- [Know Before You Go](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/events-sections/know-before-you-go): A split layout pairing an intro column with an icon led two column grid of plain logistics answers from transport to rain plan.
- [Open Day Schedule](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/events-sections/open-day-schedule): A vertical timeline laying out an open day hour by hour with a time rail, dot markers, titled rows, and a closing note.
- [Past Events Archive](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/events-sections/past-events-archive): Dated ruled rows with attendance and the one thing each event changed at the company afterward.
- [Repair Clinic Day](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/events-sections/repair-clinic-day): The free clinic with timed fixes by type, any brand welcome, the business case stated.
- [Tour Stops Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/events-sections/tour-stops-grid): A responsive grid of city tour stops, each tile carrying a venue, date, and booking status badge, beside a heading, button, and footer note.
- [Trunk Show Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/events-sections/trunk-show-banner): Two days at a stockist announced as a wide bordered band with what is coming stated as three plain tile facts.
- [Workshop Calendar List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/events-sections/workshop-calendar-list): Upcoming events as dated rows with real seat counts and next dates over waitlists.

### FAQs

Browse 17 Ecommerce Pro FAQ blocks for shadcn/ui. Shipping, returns, care, ordering, and sizing questions answered with numbers.

- [Customer Questions FAQ](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/customer-questions-faq): A feed of dated buyer questions, each with an avatar and an indented reply signed by its maker, closing with an invite to ask.
- [FAQ Tabs](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/faq-tabs): A tabbed FAQ split into four shopper moments, ordering, delivery, returns, and product, with three open answers per tab and a contact line below.
- [Faq Topics Index](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/faq-topics-index): Six help topics with counts, the most asked question linked from each tile.
- [Faq With Contact Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/faq-with-contact-card): The month's top questions beside the human exit with measured response times.
- [Guarantee Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/guarantee-faq): Five answers drawing the defect versus wear line in examples, lifetime answered honestly.
- [Most Asked FAQ](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/most-asked-faq): A ranked list of the top eight support questions, each row showing its rank, ticket share, a short answer, and a small distribution bar.
- [Ordering Faq List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/ordering-faq-list): Six buying mechanics stated plainly, charge timing, cancels, and combined orders.
- [Ordering Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/ordering-faq): Six order flow questions answered with mechanisms: the change window, base rate, and no phone explained.
- [Policies Changelog](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/policies-changelog): Every policy change as dated rows with the reason, the receipt that outlives announcements.
- [Preorder Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/preorder-faq): Six made to order questions answered with dates, written from the inbox.
- [Product Care Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/product-care-faq): Care rituals as accordion answers beside a sticky image, prevention as content.
- [Returns Faq Two Col](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/returns-faq-two-col): The whole returns policy as eight open answers, no accordion for anxious readers.
- [Secondhand Buyers Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/secondhand-buyers-faq): Five answers for the used buyer, serial checks, guarantee transfer, first repair free.
- [Shipping Faq Accordion](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/shipping-faq-accordion): The six shipping questions support actually receives, answered with real numbers.
- [Shipping Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/shipping-faq): Six shipping questions answered with cutoffs by day, couriers named, and the misdrop and locker rules.
- [Sizing Faq Compact](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/sizing-faq-compact): The four sizing answers as one band, each sentence ending its question.
- [Straight Answers FAQ](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/faq-sections/straight-answers-faq): A verdict first FAQ where a bold answer leads each row, Yes, Free, 60 days, with the question and one line of mechanics trailing.

### Gift Cards

Browse 13 Ecommerce Pro gift card blocks for shadcn/ui. Purchase forms, balance checks, corporate gifting, and money grade terms.

- [Corporate Gift Cards Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/corporate-gift-cards-card): Bulk gift cards for teams of ten or more, no discount, no logo, free letterpress, invoice accepted.
- [Corporate Gifting Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/corporate-gifting-card): Team gifting as logistics solved, one CSV, one invoice, and a charity swap option.
- [Gift A Repair Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/gift-a-repair-card): The $40 repair credit card for the friend with the beloved dying bag, delivered as a letterpress card.
- [Gift Card Amount Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/gift-card-amount-guide): Three denomination columns map each amount to catalog items it covers, with product thumbnails, prices, and a covers line under each.
- [Gift Card Balance Check](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/gift-card-balance-check): Code in, balance out, with the three balance anxieties answered beneath.
- [Gift Card Balance Checker](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/gift-card-balance-checker): Card number in, balance out, no account needed and no expiry to fear.
- [Gift Card Design Picker](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/gift-card-design-picker): Four occasion design tiles drive a live full size card preview, beside a picker column and rows listing what the design changes.
- [Gift Card Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/gift-card-faq): Gift card questions answered like money questions, five rows, no asterisks.
- [Gift Card Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/gift-card-hero): The gift card reframed as respect for their taste, with three term tiles.
- [Gift Card How It Works](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/gift-card-how-it-works): Three numbered step tiles trace the path from checkout to redemption, each grounded by a small interface chip, above a send button.
- [Gift Card Purchase](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/gift-card-purchase): Amount chips updating a live card preview, with delivery date and no expiry terms.
- [Last Minute Gift Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/last-minute-gift-card): Delivery timing facts sit beside a static blueprint of the exact email the recipient receives, with card art, a personal note, and code row.
- [Physical Gift Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gift-card-sections/physical-gift-card): The letterpress card you can wrap, no expiry, value reissued if lost.

### Gifting

Browse 11 Ecommerce Pro gifting blocks for shadcn/ui. Gift concierges, group gifts, wrapping galleries, and gift return promises.

- [Corporate Gifting Tiers](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gifting-sections/corporate-gifting-tiers): A corporate gifting section with four order size tiers in a table of discounts and lead times, three coordinator facts, and an email handoff.
- [Egift Card Builder](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gifting-sections/egift-card-builder): A gift card builder with amount chips and timing facts beside a live preview panel showing the card, delivery details, and a spam fallback note.
- [Gift Concierge Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gifting-sections/gift-concierge-card): Email three facts and a budget, a human replies with one pick and one alternative within a day.
- [Gift Finder Quiz](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gifting-sections/gift-finder-quiz): A gift finder quiz with three question chip rows beside the match panel it produces, showing the pick, its reasoning, and a cheaper backup.
- [Gift Note Preview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gifting-sections/gift-note-preview): A gift note section pairing the rules a handwritten note follows and three starter lines with a serif stationery preview and a blank card option.
- [Gift Reminder Service](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gifting-sections/gift-reminder-service): A split pairing a three email reminder timeline and save a date button with an example saved dates panel showing budgets and statuses.
- [Gift Returns Promise Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gifting-sections/gift-returns-promise-band): Four facts that cover the recipient through January 31 with the buyer never told about a return.
- [Gift Wrapping Gallery](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gifting-sections/gift-wrapping-gallery): Three bench photos of the actual wrap with the $6 broken into paper, ribbon, and four bench minutes.
- [Group Gift Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gifting-sections/group-gift-explainer): One person starts it, others chip in by link, with three honest rules stated before it goes wrong.
- [Last Minute Gifts Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gifting-sections/last-minute-gifts-grid): Three tiers ordered by certainty for December 23, the e gift card first and bags honestly ruled out.
- [Occasion Gift Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/gifting-sections/occasion-gift-guide): Four occasion cards with a photo, plain reasoning, the pick with price, and a smaller pick, closing with a gift desk handoff.

### Incentives

Browse 24 Ecommerce Pro incentive blocks for shadcn/ui. Shipping rows, guarantee bands, warranty tables, and payment trust sections.

- [About Our Prices](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/about-our-prices): The bestseller's tag itemized to the margin, a price defended, not apologized for.
- [Bulk Pricing Tiers](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/bulk-pricing-tiers): A volume pricing section showing four quantity tiers as a card row with per unit prices, then three ruled rules that govern bulk orders.
- [Community Discount Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/community-discount-grid): An eligibility discount grid of four groups as icon cards stating the proof required and how long it lasts, plus a document privacy footer band.
- [Duties Included Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/duties-included-band): The checkout price is the last number, with the refuse and email us record.
- [Financing Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/financing-explainer): Pay in three with worked math, return mechanics, and who should skip it.
- [First Repair Free Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/first-repair-free-card): First repair free even secondhand, the mechanics ruled and the commercial reasoning published.
- [Free Adjustments Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/free-adjustments-card): Strap, holes, and handles adjusted free forever on any product with bench minutes and the cost honest.
- [Free Shipping Threshold Bar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/free-shipping-threshold-bar): The $75 threshold with the real $7 cost, advising against padding the cart.
- [Gift Wrapping Callout](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/gift-wrapping-callout): The wrap pictured with three gifting promises, free paper wrap and priceless receipts.
- [Guarantee Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/guarantee-band): The ten year promise in a primary band with honored, declined, and median repair time.
- [Holiday Returns Extension](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/holiday-returns-extension): Gift returns through January 31, automatic, with the unchanged rules listed.
- [Lifetime Guarantee Spotlight](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/lifetime-guarantee-spotlight): Hardware covered for the life of the bag with five things that do not void it and one thing that does.
- [Loyalty Not Points Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/loyalty-not-points-explainer): Why there is no points program, the breakage math stated, and the three real alternatives listed.
- [Packaging Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/packaging-explainer): The parcel layer by layer, material and disposal route, one bin.
- [Payment Options Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/payment-options-row): Accepted methods as text chips with the three payment facts that actually reassure.
- [Price Match Promise Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/price-match-promise-card): Own-price match only, with the nightly diff mechanic and a worked example showing $27 back automatically.
- [Price Match Promise](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/price-match-promise): Automatic refunds on our own price drops, with last year's count and no asterisk.
- [Referral Give Get](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/referral-give-get): A referral section pairing the give and get amounts as twin cards, then a ruled list of payout timing, the cap, and what it skips.
- [Returns Rate Transparency](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/returns-rate-transparency): The published 6.2 percent return rate with its category context, named culprit, and named fix.
- [Shipping Protection Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/shipping-protection-card): Protection included free with three plain claim rules and the 0.4% rate.
- [Shipping Returns Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/shipping-returns-row): The three column trust band where every policy claim carries a number.
- [Sustainability Notes](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/sustainability-notes): Four numbered environmental facts with the unfinished one stated as a percentage.
- [Warranty Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/warranty-table): Coverage by failure type, including what is not covered and what happens anyway.
- [Welcome Code Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/incentives-sections/welcome-code-explainer): A welcome offer split pairing the signup discount and its three plain rules with a dated archive of every email actually sent this year.

### International

Browse 10 Ecommerce Pro international blocks for shadcn/ui. Duties calculators, shipping tables, currency toggles, and cross border FAQs.

- [Country Shipping Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/international-sections/country-shipping-table): Six regions with real day ranges, a duties column naming the collector, and tracking confirmed on every row.
- [Cross Border Delivery Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/international-sections/cross-border-delivery-timeline): A vertical rail walking a parcel through five international shipping stages, each with an honest day range and the customs stage called out.
- [Currency And Duties Toggle](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/international-sections/currency-and-duties-toggle): One product repriced across three currencies with the bank rate disclosure inside the card.
- [Customs Paperwork Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/international-sections/customs-paperwork-explainer): The customs form field by field, and the gift undervalue request declined as the fraud it is.
- [Duties Calculator Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/international-sections/duties-calculator-card): Country chips reveal landed cost, with who collects duties stated per region.
- [Global Fulfillment Hubs](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/international-sections/global-fulfillment-hubs): A network stat strip above three dispatch hub cards, each naming the regions it serves, its dispatch promise, and what it keeps in stock.
- [International Orders Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/international-sections/international-orders-faq): Five cross border questions answered, duties first, the customs delay named honestly.
- [International Returns Steps](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/international-sections/international-returns-steps): A split layout pairing the returns promise and money facts with a numbered four step card covering label, duties, drop off, and refund.
- [Landed Cost Comparison](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/international-sections/landed-cost-comparison): Two side by side receipts pricing the same international order both ways, duties prepaid at checkout versus collected at the door.
- [Where We Ship List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/international-sections/where-we-ship-list): Where we ship with per region notes, and the refusal list with reasons published.

### Journal

Browse 14 Ecommerce Pro journal blocks for shadcn/ui. Editorial heroes, article lists, care guides, and how to features for store content.

- [Article List Rows](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/article-list-rows): The journal as dated rows, category, read time, and a one line standfirst each.
- [Care Column Split](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/care-column-split): The care column with a routine readers can finish, five minutes a month.
- [Field Notes Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/field-notes-grid): A heading and intro over a responsive grid of reader dispatch cards, each showing a location, a quoted note, the reader name, and years carried.
- [From The Bench Column](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/from-the-bench-column): Three repair cases told as what failed and the lesson, written by the bench.
- [From The Floor Qa](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/from-the-floor-qa): Three inbox questions answered by whoever actually knows, name and job on every answer.
- [Guide Cards Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/guide-cards-grid): Six evergreen guides as cards, each promising a decision rather than content.
- [How To Steps Article](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/how-to-steps-article): One repair taught in four numbered steps with the bail out point marked.
- [Issue Archive Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/issue-archive-timeline): A centered heading and intro above back issues grouped by year, each row linking an issue title with its number, month, and a read cue.
- [Journal Hero Feature](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/journal-hero-feature): The lead story big with a placeholder, three secondary headlines stacked beside it.
- [Journal Newsletter Signup](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/journal-newsletter-signup): A two column split pairing an email signup form with a list of recent issue subject lines, each showing a date and reading time.
- [Journal Topics Index](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/journal-topics-index): The journal mapped by topic with article counts and the best first read.
- [Materials Deep Dive Article](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/materials-deep-dive-article): The 18 oz canvas argued by the buyer who picks it, the contract spec callout, and the trade offs named.
- [Workshop Film Chapters](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/workshop-film-chapters): A heading and intro above a wide video still with a play button and runtime, then a two column list of timestamped chapters with notes.
- [Year Of Wear Photo Log](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/journal-sections/year-of-wear-photo-log): Six months from twelve, the same bag photographed with no wax touch ups, the honest aging record.

### Lookbooks

Browse 14 Ecommerce Pro lookbook blocks for shadcn/ui. Seasonal galleries, editorial spreads, numbered looks, and campaign strips.

- [Archive Lookbooks Index](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/archive-lookbooks-index): Every season kept online, each tile counting what is still made.
- [Behind The Scenes Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/behind-the-scenes-row): Four outtakes with captions from the actual shoot day, the seams shown.
- [Behind The Shoot Notes](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/behind-the-shoot-notes): Three lookbook frames with honest production captions and the full shoot budget published at the footer.
- [Campaign Strip Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/campaign-strip-band): Three campaign frames with an offset middle and one button to the full lookbook.
- [Contact Sheet Selects](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/contact-sheet-selects): A dense numbered grid of shoot frames with the selects that made the book marked, closed by a tally of shot, published, and chosen counts.
- [Customer Styled Lookbook](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/customer-styled-lookbook): Six owner photos, unretouched, paid in store credit and disclosed.
- [Editorial Spread Split](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/editorial-spread-split): One magazine spread, a large frame beside styling notes and the itemized pieces.
- [Lookbook Cover Credits](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/lookbook-cover-credits): A centered lookbook cover with title, standfirst, and two actions over one wide frame, closed by a masthead credits row of four roles.
- [Lookbook Film Chapters](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/lookbook-film-chapters): A lookbook film player blueprint with a chapter marked progress bar beside a timestamped chapter list, each row naming the pieces on screen.
- [Numbered Look List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/numbered-look-list): The outfit image beside numbered pieces in dressing order, no overlaid pins.
- [One Piece Three Ways](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/one-piece-three-ways): Three captioned frames in a row showing one overshirt styled three ways, each with its supporting pieces, closed by a constant piece anchor row.
- [Seasonal Gallery Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/seasonal-gallery-grid): The lookbook as mixed ratio frames with shopping in the captions, not on the photos.
- [Seasonal Lookbook Spread](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/seasonal-lookbook-spread): The AW26 spread: one large frame, three supporting squares, and the pieces in the photos as priced rows.
- [Shop The Shoot Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/lookbook-sections/shop-the-shoot-grid): One lookbook frame with every item in it priced or declared not for sale, nothing in frame left unnamed.

### Membership

Browse 12 Ecommerce Pro membership blocks for shadcn/ui. Program heroes, tier tables, breakeven math, and join flows.

- [Gift Membership Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/membership-sections/gift-membership-panel): A two column layout with numbered how it works steps beside a gift certificate card listing benefits and a sample redemption code.
- [Join Flow Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/membership-sections/join-flow-card): The signup card with cancel mechanics spelled out before the button, not after.
- [Member Early Access Calendar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/membership-sections/member-early-access-calendar): The next drops with member and everyone dates side by side, sequence not exclusivity.
- [Member Number Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/membership-sections/member-number-card): The member number framed as a birthday not a rank, with renewal date and a two click cancel path.
- [Member Price Strip](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/membership-sections/member-price-strip): A heading and intro above a four column product grid, each card showing the everyone price beside the member price with a savings line.
- [Member Savings Chart](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/membership-sections/member-savings-chart): A two column split with heading and copy beside a card holding a line chart of cumulative member savings crossing a flat fee reference line.
- [Member Stories Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/membership-sections/member-stories-row): Three members quoted on their own verified math rather than enthusiasm.
- [Member Year Recap](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/membership-sections/member-year-recap): A centered heading and intro above an itemized recap card totaling one membership year down to the net, with the negative net policy stated below.
- [Membership Benefits Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/membership-sections/membership-benefits-table): Guest, free account, and member side by side, nothing free ever moves paid.
- [Membership Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/membership-sections/membership-faq): Five membership questions including the one that says do not join and the honest early access caveat.
- [Membership Landing Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/membership-sections/membership-landing-hero): The program as a calculator, not a club, with the breakeven stated against the sale.
- [Membership Math Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/membership-sections/membership-math-explainer): The fee worked three ways, including the spender who is told not to join.

### Order Tracking

Browse 23 Ecommerce Pro tracking blocks for shadcn/ui. Timelines, status cards, return trackers, and pickup instructions.

- [All Orders Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/all-orders-timeline): Every open order as a compact row with its one line status and link, one page, every parcel, no tabs.
- [Carrier Handoff Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/carrier-handoff-card): Two stacked carrier legs, each with its own tracking number and status badge, joined by a handoff marker that explains the switch.
- [Courier Contact Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/courier-contact-card): The courier for the van, the store for everything else, split honestly.
- [Delivery Day Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/delivery-day-timeline): The day-of courier scan feed: stop count, firming window, and the driver note shown verbatim.
- [Delivery Instructions Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/delivery-instructions-card): Ranked fallbacks with honor rates from real delivery data and the keep it short finding.
- [Delivery Photo Confirmation](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/delivery-photo-confirmation): The courier's proof photo with privacy terms and the that is not my door path.
- [Delivery Route Map](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/delivery-route-map): A static street grid with the traveled route solid and remaining route dotted, beside a live stops away count, driver card, and stop list.
- [Delivery Window Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/delivery-window-card): The window as the headline with the narrowing schedule and day of options.
- [Guest Order Lookup](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/guest-order-lookup): Two column lookup with a headline, three hints on where the order number lives, and a card form for order number and email.
- [International Tracking View](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/international-tracking-view): Five stage tracker with the customs stage annotated honestly and the filing threshold stated.
- [Late Order Compensation Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/late-order-compensation-card): The automatic shipping refund when the miss is ours, help not compensation when it is the courier.
- [Order Issues Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/order-issues-card): The three delivery failures with paths that never start with prove it.
- [Order Status Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/order-status-card): One order as a compact card with status chip, delivery window, and two actions.
- [Pickup Instructions Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/pickup-instructions-card): Locker collection with the code at display size and the deadline policy stated.
- [Pickup Ready Status](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/pickup-ready-status): Pickup code shown large, hold date in calendar not a countdown, and the ID rules by pickup type.
- [Preorder Progress Tracker](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/preorder-progress-tracker): Five dated production stages, yours is bag 14 of 32 in the batch.
- [Reschedule Delivery Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/reschedule-delivery-card): A centered card with a tappable week of day chips, three arrival windows as radio rows, and a confirm button naming the chosen slot.
- [Return Status Tracker](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/return-status-tracker): The return as a refund tracker, every stage says where the money is.
- [Shipment Updates List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/shipment-updates-list): Courier scan codes translated into human sentences, the raw code kept visible.
- [Split Shipment Tracker](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/split-shipment-tracker): Two parcels, one order, the split explained and shipping charged once.
- [Tracking Faq Strip](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/tracking-faq-strip): The four questions people ask while staring at tracking, answered in one band.
- [Tracking Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/tracking-timeline): Four stages on a vertical line with timestamps, the current one pulsing.
- [Weather Delay Notice](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/order-tracking/weather-delay-notice): Storm pause with the courier reasoning published, the new date stated, and nothing to do.

### Payments

Browse 10 Ecommerce Pro payment blocks for shadcn/ui. Accepted methods, honest installment math, invoices, and security explainers.

- [Accepted Methods Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/payment-sections/accepted-methods-row): Payment options in three named groups as italic chips with one honest line each and two absences stated.
- [Bank Transfer Invoice Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/payment-sections/bank-transfer-invoice-card): Invoice payment for orders over 500 in three numbered rows with the speed caveat printed at the bottom.
- [Declined Card Playbook](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/payment-sections/declined-card-playbook): A four step vertical timeline of what happens when a card declines, from the same second through the 48 hour hold to release, with common causes named.
- [Installments Honest Math](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/payment-sections/installments-honest-math): The BNPL split printed in mono arithmetic with the late fee row and the cheaper lookalike named openly.
- [Multi Currency Pricing Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/payment-sections/multi-currency-pricing-table): One product priced across three regions with the tax content of each price written into the table.
- [No Surcharge Receipt](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/payment-sections/no-surcharge-receipt): A two column zero surcharge promise where a left list names three fees other checkouts add and a right mono receipt prints each at $0.00.
- [Payment Security Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/payment-sections/payment-security-explainer): Three plain rows on where the card number goes by architecture with no padlock icons and no badge images.
- [Refund Speed By Method](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/payment-sections/refund-speed-by-method): A refund timing comparison where each payment method row names its method, days to land, a proportional bar, and one line on where the wait lives.
- [Saved Card Controls](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/payment-sections/saved-card-controls): A two column saved card explainer where a left list states what saving stores and what removal does beside a static account panel blueprint.
- [Why No Crypto Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/payment-sections/why-no-crypto-card): The honest no on crypto with the 60 day refund volatility math and a promise to update when it changes.

### Post Purchase

Browse 11 Ecommerce Pro post purchase blocks for shadcn/ui. What happens next timelines, edit windows, registration, and review asks.

- [Delivery Feedback Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/post-purchase-sections/delivery-feedback-card): One handover question with four chips, where the answer goes, and why it never touches the driver.
- [First Use Guide Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/post-purchase-sections/first-use-guide-card): Three timed steps before the first rain, each with the failure mode it prevents and the honest why.
- [Honest Review Request](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/post-purchase-sections/honest-review-request): The review email shown in full at three weeks, no incentive stated inside it and one reminder maximum.
- [Missed Delivery Playbook](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/post-purchase-sections/missed-delivery-playbook): A centered heading over three ordered attempt cards, each pairing an icon, step label, delivery detail, and its limit, closed by a policy line.
- [Order Edit Window Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/post-purchase-sections/order-edit-window-card): The 60 minute self serve window: address, size, or cancel from the order email with no contact needed.
- [Packaging Recycling Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/post-purchase-sections/packaging-recycling-guide): A left aligned heading above four material tiles, each with an icon, description, a bin badge, and a disposal note, followed by a closing line.
- [Packing Slip Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/post-purchase-sections/packing-slip-explainer): Annotated slip mockup: contents and serials, gift prices stripped, QR return, and initials in pen.
- [Product Registration Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/post-purchase-sections/product-registration-card): Serial plus email attaches the guarantee to the product itself, with three things registration unlocks.
- [Reorder Reminder Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/post-purchase-sections/reorder-reminder-card): A centered column with a usage curve card marking the single reminder day, a three rule grid explaining the timing, and a closing note.
- [Spare Parts Counter](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/post-purchase-sections/spare-parts-counter): A two column split pairing three checkmark promises with a parts panel listing each part by thumbnail, fit, price, and stock above an order button.
- [What Happens Next Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/post-purchase-sections/what-happens-next-timeline): Four stage dot timeline from payment to door, with the quiet stretch named as the system working.

### Pricing Transparency

Browse 11 Ecommerce Pro pricing blocks for shadcn/ui. Cost breakdowns, price histories, no sale policies, and margin explainers.

- [Cost Breakdown Bars](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/pricing-transparency-sections/cost-breakdown-bars): The $185 tote split into five labeled bars with dollar amounts and a note on each line that adds to the price.
- [Cost Of Free Returns Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/pricing-transparency-sections/cost-of-free-returns-explainer): The $6.10 per return, the 6.2% rate, and the 38 cents on every order with the arithmetic printed.
- [Cost Per Wear Math](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/pricing-transparency-sections/cost-per-wear-math): Three equation tiles divide the price across a ten year design life, above a marked decade strip and a list of milestones it covers.
- [Input Cost Index](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/pricing-transparency-sections/input-cost-index): 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.
- [No Sales Policy Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/pricing-transparency-sections/no-sales-policy-card): Why no sales ever, in three numbered rows, with the archive exception.
- [Price History Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/pricing-transparency-sections/price-history-table): Every price since 2015 with the published reason per change including the year the price went down.
- [Price Questions Accordion](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/pricing-transparency-sections/price-questions-accordion): An accordion answers five blunt questions about the price, each written plainly, with the first item expanded by default.
- [Retail Markup Comparison](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/pricing-transparency-sections/retail-markup-comparison): Two side by side channel cards break the same tote into additive cost rows, one priced through a store, one sold direct.
- [Wage Transparency Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/pricing-transparency-sections/wage-transparency-card): Floor rate, median, and the local living wage published beside the labor cost line.
- [What Margin Pays For](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/pricing-transparency-sections/what-margin-pays-for): The $40 margin itemized, repairs to reserve, profit stated without apology.
- [Why This Price Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/pricing-transparency-sections/why-this-price-explainer): The case for $185 against the $90 lookalike, with the sincere concession included.

### Product Care

Browse 12 Ecommerce Pro care blocks for shadcn/ui. Material routines, care schedules, kit pickers, and stain first aid.

- [Care By Material Tabs](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-care-sections/care-by-material-tabs): Three material routines in tabs, numbered steps, a frequency line, one product each.
- [Care Dos and Donts](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-care-sections/care-dos-donts): Two side by side panels list five care habits to always do and five to never do, each with a one line reason, closed by an honest footer note.
- [Care Kit Picker](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-care-sections/care-kit-picker): Three kits with the recommended tag on the cheapest one, on purpose.
- [Care Label Decoder](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-care-sections/care-label-decoder): A static mockup of the sewn in care label sits beside its five stitched symbols, each translated into a plain instruction and the damage it prevents.
- [Care Schedule Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-care-sections/care-schedule-table): Four seasons, one five minute task each, and a Summer row that says do nothing.
- [Care Video Library](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-care-sections/care-video-library): Three short tutorial cards, each with a video thumbnail, runtime, a job summary, and the tools it uses, closed by a filming note.
- [Leather Aging Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-care-sections/leather-aging-timeline): Year 0 to 5 as four tiles, what patina is normal at each, cracking named as a claim, not aging.
- [Leather Care Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-care-sections/leather-care-faq): Five bench answers, early cracking is a claim, and the vegan question unguarded.
- [Repair Bench Menu](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-care-sections/repair-bench-menu): A three step mail in repair process sits beside a six line price list with turnaround times and a closing note on repair claims.
- [Stain First Aid Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-care-sections/stain-first-aid-guide): Four stains with do now, never do, and bench it if, ink answered honestly.
- [Storage Guide Split](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-care-sections/storage-guide-split): Storage rules beside the image, the shipping bag revealed as the storage bag.
- [Winterizing Checklist](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-care-sections/winterizing-checklist): Five steps with minute estimates, seams first, and the paid bench option offered without apology on row five.

### Product Finders

Browse 11 Ecommerce Pro finder blocks for shadcn/ui. Entry tiles, guided quizzes, gift finders, and matched results grids.

- [Bag Finder Quiz](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-finders/bag-finder-quiz): Two questions narrow nineteen bags to a shortlist, with the logic stated.
- [Budget Finder Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-finders/budget-finder-band): Three price tiles stating what each number buys, $200 answered honestly.
- [Finalist Duel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-finders/finalist-duel): Two finalist bags side by side with spec rows where bold marks the better number and ties grey out, closed by one decider question.
- [Finder Decision Tree](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-finders/finder-decision-tree): The finder logic printed as a static branching tree of yes and no questions leading to four bag leaf cards you trace by hand.
- [Finder Entry Tiles](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-finders/finder-entry-tiles): Three ways into the catalog by question asked, not category browsed.
- [Finder Results Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-finders/finder-results-grid): The quiz verdict, one best match argued and two alternatives with trade offs.
- [First Bag Finder](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-finders/first-bag-finder): Three questions pre filled to the most common answers, the verdict card and the honest fork stated.
- [Gift Finder Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-finders/gift-finder-card): Recipient and budget in, three candidates out, with the safe pick flagged.
- [Load Calculator](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-finders/load-calculator): Checklist of everyday carry items that tallies liters live beside a verdict panel recommending one bag with a fill meter and headroom rows.
- [Quiz Step Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-finders/quiz-step-card): One finder question as a full card, progress shown, skippable by design.
- [Use Case Matrix](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-finders/use-case-matrix): A fit matrix with five weeks down the side and four bags across the top, each cell a three state dot rating the fit.

### Product Grids

Browse 27 Ecommerce Pro product grid blocks for shadcn/ui. Filterable listings, quick add cards, sale racks, and editorial layouts.

- [Archive Pieces Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/archive-pieces-grid): Resale one of ones at grid scale, each card carrying its serial, grade, price, and one line of history.
- [Bestsellers By Numbers Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/bestsellers-by-numbers-grid): Four products ranked by units sold this year, the count on every card and last place included with affection.
- [Bestsellers Rail](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/bestsellers-rail): A snap scrolling ranked strip with units sold, no carousel scripts.
- [Colorway Family Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/colorway-family-grid): One product in every colorway it has ever had: permanent, live batch count, and retired linked to resale.
- [Complete Collection Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/complete-collection-grid): All 19 products on one page with the honest admission that there is no page two.
- [Dense List Rows](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/dense-list-rows): Products as comparison rows with mono spec lines, ratings, and add buttons.
- [Editorial Two Column](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/editorial-two-column): Four products with large images and a full written sentence under each.
- [Featured Tile Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/featured-tile-grid): A mixed size product grid where one hero piece spans a double tile beside four supporting products, each card carrying its name and price.
- [Gift Guide Grid Priced](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/gift-guide-grid-priced): Picks under budget bands where every why is gifting logic, not product copy.
- [Grid With Filters Sidebar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/grid-with-filters-sidebar): The standard category page, a filter rail with result counts beside a rated product grid.
- [Grid With Sort Pills](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/grid-with-sort-pills): Working sort pills reorder the grid live, bestselling, price, and newest.
- [Last Chance Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/last-chance-grid): Discontinued stock with live counts and the reason each is leaving.
- [Most Repaired Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/most-repaired-grid): Four tiles wearing repair counts as proof of service and the reframe that repairs mean kept.
- [New In Grid Dated](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/new-in-grid-dated): Arrivals grouped by week so returning visitors know where they left off.
- [One Of Each Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/one-of-each-grid): The four piece starter set with total stated and a footer that advises to start with just the bag.
- [Preorder Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/preorder-grid): A preorder grid for a numbered batch, each card showing its ship window, price, a claimed progress bar, and a reserve button.
- [Recently Restocked Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/recently-restocked-grid): This week's returns, each card dated with how long it was gone.
- [Sale Grid With Badges](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/sale-grid-with-badges): The markdown rack with percent badges, both prices, and live stock notes per card.
- [Simple Four Column](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/simple-four-column): The catalog reduced to image, name, and price in four disciplined columns.
- [Split Category Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/split-category-grid): A sticky editorial column beside the grid, the magazine category page.
- [Staff Picks Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/staff-picks-grid): Four picks from repairs, the bench, the returns desk, and email with the cost discount disclosed up front.
- [Tabbed Category Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/tabbed-category-grid): A product grid split across category tabs, each tab showing four bestsellers with a total count and a link to view the whole shelf.
- [Under 50 Gifts Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/under-50-gifts-grid): Real range items under $50 with who it suits captions, gift cards as the fallback.
- [With Color Swatches](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/with-color-swatches): A grid with colorway dots and overflow counts, inventory truth on every card.
- [With Quick Add](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/with-quick-add): Consumable cards with add buttons so replenishment never leaves the listing.
- [With Rating Rows](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/with-rating-rows): Cards led by their rating row and closed with one quoted review line each.
- [With Size Availability](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-grids/with-size-availability): A product grid printing every size on each card, live sizes as chips and sold out sizes struck through with a one line restock note.

### Product Overviews

Browse 31 Ecommerce Pro product overview blocks for shadcn/ui. Galleries, variant pickers, bundles, subscriptions, and spec tables.

- [Accessory Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/accessory-overview): The $22 brass fob page with three spec rows, the straight faced guarantee, and shipping honesty.
- [Bundle Kit Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/bundle-kit-overview): Every kit piece priced on its own row with the belt advisory directing belt owners to skip and save.
- [Bundle Product](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/bundle-product): A set priced against its itemized total with every included piece and its solo price.
- [Capacity Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/capacity-overview): A product overview pairing a numbered interior map of every compartment with a matching legend that names what each one holds.
- [Digital Download](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/digital-download): A digital product with its exact file manifest, license terms, and a free sample.
- [Gallery With Details](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/gallery-with-details): The canonical product top, gallery with thumbnail rail beside price, rating, and buy stack.
- [Heavy Freight Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/heavy-freight-overview): The furniture page where delivery gets equal billing, crew, room, doorway.
- [Limited Colorway Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/limited-colorway-overview): One dye lot of 200, live counts, the restock verdict, and the permanent alternative named below.
- [Made To Order Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/made-to-order-overview): The bespoke product with its make week, live queue, and charged at dispatch promise.
- [Minimal Product Spec](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/minimal-product-spec): A spec table doing the persuading, seven concrete rows and no imagery by design.
- [Overview With Inline Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/overview-with-inline-faq): Product page ending in three inbox sourced questions answered with the specificity that reduces returns.
- [Overview With Trade In Offer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/overview-with-trade-in-offer): Product page with the trade in card inline, credit landing at the courier scan, any brand accepted.
- [Personalised Product Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/personalised-product-overview): Live initials preview on the product as you type, placement honesty included.
- [Product Video Split](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/product-video-split): The demo video chaptered, jump straight to the rain test or the pockets.
- [Refurbished Grade Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/refurbished-grade-overview): One traded in unit with its serial, inspection report, and price against new.
- [Split With Sticky Buy](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/split-with-sticky-buy): A long product story scrolls while a compact buy panel stays pinned beside it.
- [Subscription Options](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/subscription-options): One time versus subscribe as selectable cards with the cancel terms inside the option.
- [Trade Unit Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/trade-unit-overview): The B2B product page with volume bands, one fleet spec change stated, Net 30 terms, and an order pad CTA.
- [With Accordion Details](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-accordion-details): A clean buy fold with materials, care, shipping, and guarantee folded into an accordion.
- [With Ingredients List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-ingredients-list): Every ingredient named with purpose and source, the INCI pattern for goods.
- [With Model Comparison](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-model-comparison): A product overview above a full comparison table of every model in the range, the viewed column highlighted with its buy button inside.
- [With Monogram Options](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-monogram-options): Letters, placement chips, and the return gate stated before the button changes to say no returns.
- [With Press Quote](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-press-quote): The buy decision anchored on one earned press sentence, framed and linked.
- [With Review Snapshot](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-review-snapshot): A two column product overview pairing an image and buy stack with a star rating histogram and owner scored fit scales beneath.
- [With Shipping Estimator](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-shipping-estimator): Postcode in, a dated delivery answer out, the when question solved on the page.
- [With Size Guide Link](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-size-guide-link): Fit guidance at the size row, a crowd verdict banner and a measured guide link.
- [With Store Pickup](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-store-pickup): A product overview with delivery and pickup modes, a nearby store list showing live stock and hours, and the route echoed in the cart button.
- [With Sustainability Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-sustainability-panel): Checkable environment facts with the mill named, repairs counted, and the carbon badge refused until measured.
- [With Trust Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-trust-row): The buy stack closing on four promise tiles that lead with numbers, not adjectives.
- [With Variant Swatches](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-variant-swatches): Working color and size selection with the chosen pair echoed in the add to cart button.
- [With Wear Photos Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/product-overviews/with-wear-photos-overview): A gallery aging timeline shows the same bag at new, year one, and year three before checkout.

### Promos

Browse 25 Ecommerce Pro promo blocks for shadcn/ui. Honest countdowns, discount codes, BOGO splits, flash racks, and member pricing.

- [Birthday Club Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/birthday-club-card): The birthday perk that asks for the month, not the date, terms in one line.
- [Bogo Promo Split](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/bogo-promo-split): Buy one gift one with the mechanics in three lines and a live unit counter.
- [Bundle And Save Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/bundle-and-save-band): Kit math published in full, both prices printed, the shipping logic underneath.
- [Bundle Deal Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/bundle-deal-card): Two products joined by a plus with the pair price and the saving in the button.
- [Countdown Sale Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/countdown-sale-banner): A real deadline in a primary band with the policy that powers it, we do not extend.
- [Discount Code Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/discount-code-band): One code in a dashed ticket box with copy button and terms in a single honest line.
- [End Of Season Honesty Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/end-of-season-honesty-band): The seasonal canvas leaving on a date at an unchanged price with the warehouse math printed plainly.
- [Flash Sale Rows](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/flash-sale-rows): The odds and ends rack where every discount names its reason and its exact stock.
- [Free Gift With Purchase](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/free-gift-with-purchase): The $18 tin free over $150, the real product, not a giveaway sachet.
- [Free Shipping Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/free-shipping-banner): The threshold as a quiet permanent strip, same number all year, even December.
- [Member Pricing Callout](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/member-pricing-callout): The loyalty program pitched by a three row price table, not points, not tiers.
- [Members Week Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/members-week-band): Early archive access for members 48 hours before the public, with the public date printed equally large.
- [Mix And Match Promo](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/mix-and-match-promo): A mix and match promo with a heading, a six tile picking grid marking two chosen items, and a footer bar tracking the kit total.
- [Price Drop Protection](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/price-drop-protection): A two column price drop promise pairing three numbered steps with a worked refund receipt showing the markdown difference returned to the card.
- [Referral Program Split](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/referral-program-split): Both sides of the referral deal as equal cards, credited when the order ships.
- [Sale Calendar Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/sale-calendar-band): A centered sale calendar with a heading and a bordered list of dated sale rows, each carrying scope copy and a live status badge.
- [Seasonal Promo Tiles](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/seasonal-promo-tiles): Every live offer on one screen, each tile carrying its real end condition.
- [Spend Save Ladder](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/spend-save-ladder): Three rungs with the effective percentage worked at each one.
- [Student Discount Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/student-discount-card): Ten percent off with the verification time, stacking rules, and honest scope all stated before the button.
- [Trade In Bonus Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/trade-in-bonus-band): A dated 20 percent trade in credit bonus with the demand side reason published inline.
- [Vip Early Access Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/vip-early-access-band): The earned regulars tier published whole, benefits, rule, and member count.
- [Weekend Flash Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/weekend-flash-band): A real window, a counted scope, and the overstock reason published.
- [Welcome Offer Signup](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/welcome-offer-signup): A two column email signup with a headline offer, address form, and a fact list on the right spelling out exactly what the newsletter sends.
- [Why No Birthday Club](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/why-no-birthday-club): The birthday discount declined as data minimalism with what Acme holds and will not ask for.
- [Why No Coupon Field](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/promo-sections/why-no-coupon-field): The missing code box defended in three arguments, with the gift card exception.

### Repairs

Browse 15 Ecommerce Pro repair blocks for shadcn/ui. Request forms, published pricing, bench status, spare parts, and repair stories.

- [Bench Queue Status](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/bench-queue-status): The repair backlog live, queue depth, turnaround, and the bench named.
- [Mail In Steps](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/mail-in-steps): The postal repair in four cards with packing guidance that prevents real mistakes.
- [Meet The Bench](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/meet-the-bench): A centered intro above two profile cards, each with an avatar, bio, and three stat rows, closed by a signed card note.
- [Parts Trade In](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/parts-trade-in): A two column trade in layout with three numbered steps beside a tiered credit table of four condition rows and a closing note.
- [Repair Cost Estimator](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/repair-cost-estimator): Damage type and warranty status in, the real bench price out, with every guarantee repair confirmed at zero.
- [Repair Glossary](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/repair-glossary): The four bench terms defined in ruled rows with prices so every estimate reads without decoding.
- [Repair Guarantee Terms](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/repair-guarantee-terms): A centered heading over two side by side cards listing what the guarantee covers and excludes, closed by a one line claim path.
- [Repair Pricing Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/repair-pricing-table): The out of warranty menu published, seven jobs with prices and bench time.
- [Repair Request Form](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/repair-request-form): Three fields and two photos start the repair, with the schedule promised in dates.
- [Repair Status Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/repair-status-timeline): A two column repair tracker pairing an intro with a card that steps one ticket through five bench stages on a vertical status timeline.
- [Repair Stories Gallery](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/repair-stories-gallery): Before and after pairs with bench notes, the guarantee shown working.
- [Repair Turnaround Stats](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/repair-turnaround-stats): Four bench metrics published like a support inbox with the October queue spike stated upfront.
- [Repair Vs Replace Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/repair-vs-replace-guide): The bench's decision rules, including neither and sadly replace.
- [Spare Parts Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/spare-parts-grid): Every replaceable part sold individually with fit notes and honest difficulty.
- [Walk In Hours Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/repair-service-sections/walk-in-hours-card): Friday bench hours with the fixable list, the ticket list, and no appointment needed.

### Resale and Trade In

Browse 14 Ecommerce Pro resale blocks for shadcn/ui. Trade in estimators, grading scales, secondhand grids, and circularity numbers.

- [Bench Restoration Log](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/bench-restoration-log): A three column triptych follows one traded in unit from arrival notes through itemized bench work to a regraded listing with price and guarantee.
- [Buyback Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/buyback-explainer): Why the store buys its own products back, the business case stated out loud.
- [Circularity Stats Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/circularity-stats-band): The loop counted in five tiles, with zero landfilled labeled as the one that matters.
- [Consignment Vs Buyback Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/consignment-vs-buyback-table): Two resale routes on four rows, the 12% failure rate included, no verdict picked.
- [New Versus Used Compare](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/new-vs-used-compare): Two side by side cards contrast buying new against a graded resale unit, each with an image, price, four condition rows, and a buy button.
- [Provenance Report Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/provenance-report-card): One resale unit documented from first sale to regrade with a timestamped record that travels to every owner.
- [Resale Drop Calendar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/resale-drop-calendar): Upcoming graded batches as dated rows including one entry honest enough to call itself TBD.
- [Resale Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/resale-faq): Buyer and seller questions answered, guarantees per grade and the regret clause.
- [Resale Grading Scale](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/resale-grading-scale): Four grades defined once with prices and the guarantees that travel with them.
- [Resale Value Curve](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/resale-value-curve): A two column split pairs a heading and three retention notes with a card charting resale value falling over six years to a marked floor.
- [Secondhand Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/secondhand-grid): One of one graded pieces with history lines, used goods sold as biographies.
- [Sell Back Steps](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/sell-back-steps): Estimate to credit in four steps, about a week, the estimate locked from the first.
- [Trade In Estimator](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/trade-in-estimator): Product and honest condition in, the credit out, regrades only ever go up.
- [What We Take](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resale-sections/what-we-take): A centered intro sits above two panels, one listing four accepted trade ins with reasons and another listing the four kinds it declines.

### Complaints and Resolution

Browse 11 Ecommerce Pro resolution blocks for shadcn/ui. Complaint processes, chargeback honesty, and escalation contacts.

- [Chargeback Honesty Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resolution-sections/chargeback-honesty-card): The dispute button named as your right with honest speed math on both routes and a published record.
- [Complaint Process Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resolution-sections/complaint-process-explainer): Three complaint stages with real durations and the exits past the store linked rather than buried.
- [Damage Report Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resolution-sections/damage-report-card): A three step damaged item flow beside a static report form with order number field, photo drop area, fix choices, and submit.
- [Dispute Timeline Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resolution-sections/dispute-timeline-explainer): The chargeback path dated from day zero with honest advice on when a refund request beats it by weeks.
- [Escalation Contacts Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resolution-sections/escalation-contacts-card): Real addresses in order from the support inbox to the founder to the dispute body that binds the store.
- [Make It Right Promise](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resolution-sections/make-it-right-promise): Three automatic fixes for failures the store caused and the line between help and compensation.
- [Refund Status Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resolution-sections/refund-status-card): An example refund tracked across four stages from approval to statement, with wait bars per payment method and an escalation line below.
- [Remedy Options Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resolution-sections/remedy-options-card): Four remedy cards side by side, each with an icon, an optional badge, a description, and a spec row stating speed and any extra.
- [Resolution Case Log](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resolution-sections/resolution-case-log): A single complaint published as a timestamped thread, customer and support messages with system notes between them and the fix cost logged.
- [Resolution Outcomes Report](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resolution-sections/resolution-outcomes-report): A quarterly complaint report with four headline stat tiles, a shared legend, and segmented bars showing where each complaint category ended.
- [Second Look Appeal](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/resolution-sections/second-look-appeal): A two column appeal section with a three step path on one side and last quarter's appeal outcomes and a segmented bar beside it.

### Restocks and Drops

Browse 14 Ecommerce Pro restock blocks for shadcn/ui. Notify cards, drop calendars, waitlist positions, and preorder mechanics.

- [Batch Status Tracker](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/batch-status-tracker): A production heading, a three fact strip, and a five stage vertical timeline of done, in progress, and upcoming stages, each with a dated note.
- [Drop Calendar List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/drop-calendar-list): The release pipeline with exact dates emphasized and honest months muted.
- [Most Requested Restocks List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/most-requested-restocks-list): The five longest waitlists ranked by queue length, each with batch math and an honest date or unknown.
- [Next Drop Countdown](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/next-drop-countdown): A split section with a heading, three countdown tiles, waitlist buttons, and a final contents list with unit counts beside placeholder imagery.
- [Notify Me Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/notify-me-card): Out of stock as a dated promise with queue size against batch size.
- [Notify Me Inline Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/notify-me-inline-row): The sold out inline row with the batch date when known and the honest unknown when not, order noted.
- [Preorder Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/preorder-explainer): Batch preorder mechanics in four steps, charged at dispatch, never before.
- [Queue Fairness Policy](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/queue-fairness-policy): A heading, an intro, and a two by two grid of four icon cards, each stating one waitlist fairness rule, with a closing policy line.
- [Restock History Log](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/restock-history-log): Every past restock dated with units and sell through, the receipt behind the ETA.
- [Restock History Note](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/restock-history-note): A year of restock promises scored against what landed, the miss included.
- [Size Restock Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/size-restock-table): A heading and a per size table with status badges, next batch dates, queue lengths, and a notify or add to cart action per row.
- [Stock Counts Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/stock-counts-explainer): How the counters work, sworn in public, the hand set field does not exist.
- [Waitlist Position Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/waitlist-position-card): Your queue position with the batch math stated and a leave button with no guilt.
- [Why Batches Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/restock-sections/why-batches-explainer): The four operational reasons everything restocks in batches, linked from every sold out tile.

### Returns

Browse 13 Ecommerce Pro returns blocks for shadcn/ui. Return flows, plain language policies, refund timelines, and exchange panels.

- [Damaged Item Fast Track](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/damaged-item-fast-track): A split layout pairs three photo first steps for damaged arrivals with a static report panel of issue rows, a dropzone, and a submit button.
- [Dropoff Map List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/dropoff-map-list): Three nearest return drop points listed with distance, hours, and the honest queue note per row.
- [Exchange Instead Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/exchange-instead-panel): The swap offer on the honest speed argument, with the refund button kept full size.
- [Holiday Return Window](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/holiday-return-window): A three date stat rail marks the holiday window opening, cutoff, and deadline, with gift return notes and a rule that the longer window wins.
- [Instant Store Credit Option](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/instant-store-credit-option): Card refund in 2 to 4 bank days or instant store credit with the reasoning for no bonus published.
- [Plain Language Policy](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/plain-language-policy): The whole returns policy in eight numbered sentences, the legal version linked, not inflicted.
- [Refund Timeline Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/refund-timeline-explainer): Where the money is at each stage, who holds it, and which days are the bank.
- [Return Condition Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/return-condition-guide): Two side by side lists sort eight returns into full refund and keep it, with a closing line routing gray area cases to a person.
- [Return Label Steps](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/return-label-steps): Print, QR, or pickup, two free and one priced at the courier cost it is.
- [Return Tracking Status](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/return-tracking-status): The return tracked with the refund milestone embedded before the warehouse stage.
- [Returns Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/returns-faq): Six questions from the returns inbox, including the used item and the missed deadline.
- [Returns Feedback Loop](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/returns-feedback-loop): Three product rows each pair the top return note with the fix that shipped and a before and after return rate stat column.
- [Start Return Flow](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/returns-sections/start-return-flow): The order as selectable rows, the refund promised at the courier scan, not the warehouse.

### Reviews

Browse 25 Ecommerce Pro review blocks for shadcn/ui. Rating summaries, photo reviews, fit feedback, Q and A, and review policy strips.

- [Ask An Owner Qa](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/ask-an-owner-qa): Three QA threads answered by verified owners, staff stepping in once and labeled loudly for it.
- [Attribute Ratings Breakdown](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/attribute-ratings-breakdown): A split reviews section with the overall average and sample size beside four sub scores, each with a bar meter and one anchoring quote.
- [Critical Reviews Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/critical-reviews-page): All critical reviews under four stars, newest first with store replies and the honest count of 412.
- [Most Helpful Pair](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/most-helpful-pair): The top voted positive and critical reviews side by side, both right.
- [Most Helpful Reviews Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/most-helpful-reviews-panel): The top voted positive and critical reviews side by side, chosen by readers.
- [Photo Review Guidelines Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/photo-review-guidelines-card): Three honest rules for a useful review photo, a do and do not table, and the five dollar credit terms.
- [Photo Review Wall](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/photo-review-wall): Customer photos with stars, one line, and ownership time from order dates.
- [Press And Customer Reviews](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/press-and-customer-reviews): A two column review section pairing press verdicts with publication marks against verified owner quotes with avatars, closed by a sourcing note.
- [Questions And Answers](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/questions-and-answers): Pre purchase questions answered by the team and by owners, labeled and timed.
- [Rating Over Time Chart](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/rating-over-time-chart): Monthly rating as a shadcn line with the dip kept and its recall explained.
- [Rating Summary With Bars](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/rating-summary-with-bars): The average beside the full distribution, with the one star reviews linked first.
- [Review Cards Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/review-cards-grid): Six short reviews that show how long each reviewer has owned the piece.
- [Review Highlights Summary](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/review-highlights-summary): Recurring review themes with counts and quotes, the mixed one kept, method disclosed.
- [Review Incentives Disclosure](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/review-incentives-disclosure): What reviewers are paid, published next to the stars it governs.
- [Review List With Photos](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/review-list-with-photos): Full reviews with photo strips and the three star repair story kept on page one.
- [Review Topic Filters](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/review-topic-filters): Topic chips filter live review quotes by what buyers actually worry about, with mention counts.
- [Reviews From Returns](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/reviews-from-returns): A centered heading over three review cards from buyers who returned the product, each showing return timing and their better fit, closed by a policy line.
- [Reviews Milestone Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/reviews-milestone-band): The review program audited, including the critical share, all published.
- [Reviews Over The Years](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/reviews-over-the-years): One quote per ownership band, year one to year five plus, sorted so time does the arguing.
- [Reviews With Fit Feedback](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/reviews-with-fit-feedback): Fit verdict as three div bars with 412 buyer sample, beside two quotes anchored to height and load carried.
- [Spotlight Review](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/spotlight-review): One earned review at editorial scale with the customer's own photos and provenance.
- [Store Response Thread](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/store-response-thread): Critical reviews with signed public replies and the fixes they caused.
- [Verified Buyer Strip](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/verified-buyer-strip): The review system's three rules with enforcement counts, the policy as a trust band.
- [Video Reviews Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/video-reviews-row): A centered heading over a four up row of customer filmed video thumbnails, each with a play mark, runtime, star rating, and one transcript pull.
- [Write Review Prompt](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/reviews-sections/write-review-prompt): The review ask with honest expectations, ninety seconds, wear photos welcome.

### Search

Browse 10 Ecommerce Pro search blocks for shadcn/ui. Results pages, suggestion panels, popular searches, and honest empty states.

- [Empty Search State](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/search-sections/empty-search-state): Zero results handled honestly, what we checked and three real ways forward.
- [Guided Search Finder](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/search-sections/guided-search-finder): A guided finder replacing the search box with three toggle chip questions, surfacing the best matching product once all three answers are in.
- [Popular Searches Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/search-sections/popular-searches-band): This month's top queries as chips, ranked by real counts and dated.
- [Saved Search Alerts](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/search-sections/saved-search-alerts): A saved searches panel listing each stored query as a row with its save date, what changed since your last visit, and a per search alert toggle.
- [Search By Photo Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/search-sections/search-by-photo-card): Snap a bag you saw, get the match, the photo deleted the same minute.
- [Search Results Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/search-sections/search-results-page): Results for a query with the count, sort, and the close miss row below.
- [Search Suggestions Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/search-sections/search-suggestions-panel): The open search box, recents, popular now, and direct product jumps.
- [Search Syntax Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/search-sections/search-syntax-guide): A power search reference with six operator cards, each pairing a query fragment chip with its effect, then one combined example query in a search field.
- [Search With Filters Bar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/search-sections/search-with-filters-bar): Results with toggleable filter chips and the count updating per selection.
- [Store Availability Search](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/search-sections/store-availability-search): A local availability search pairing a product query with nearby store rows showing live shelf counts and pickup windows, plus a shipping fallback.

### Seconds and Outlet

Browse 10 Ecommerce Pro seconds blocks for shadcn/ui. Factory seconds grids, flaw glossaries, and honest outlet explainers.

- [Discount Bands](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/seconds-sections/discount-bands): A header above a three column grid of discount bands, each card pairing a fixed markdown percentage with its flaw words and an example listing.
- [Drop Alert](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/seconds-sections/drop-alert): A split layout pairing an email signup for the drop schedule with a ledger of the last four drops showing piece counts and sellout speed.
- [Flaw Glossary](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/seconds-sections/flaw-glossary): The four words the seconds rail can use, each defined in plain language with a severity line.
- [Photographed Flaw Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/seconds-sections/photographed-flaw-overview): One second with the flaw photographed close, the discount named, and the full guarantee unchanged.
- [Rail Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/seconds-sections/rail-timeline): A centered header above a vertical numbered timeline tracing a second through five steps from failed inspection to sold, with elapsed time on each step.
- [Seconds Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/seconds-sections/seconds-faq): Five seconds rail questions answered with glossary words, the unchanged returns and the pricing spine.
- [Seconds Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/seconds-sections/seconds-grid): Four one of one pieces each named by its actual flaw and the discount that flaw earned.
- [Seconds Vs New Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/seconds-sections/seconds-vs-new-table): Three rows change when you buy a second and four rows do not, and the unchanged column does the selling.
- [Sold Archive](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/seconds-sections/sold-archive): A centered header above a three figure stat strip and a ledger of recently sold seconds naming each piece, its flaw, band, and rail days.
- [Why Seconds Exist Letter](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/seconds-sections/why-seconds-exist-letter): The QC lead explains the 4% failure rate, the three options, and why naming the flaw won.

### Carts

Browse 23 Ecommerce Pro cart blocks for shadcn/ui. Full cart pages, shipping meters, promo codes, gift options, and mini cart panels.

- [Bulk Order Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/bulk-order-cart): Trade quantity cart with volume break shown per line and the next break named when the buyer is close.
- [Cart Stock Warnings](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/cart-stock-warnings): Line items with live stock truth, including the one that sold out waiting.
- [Cart With Delivery Estimates](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/cart-with-delivery-estimates): Each cart line carries its own arrival date and the made to order batch date before payment.
- [Cart With Duties](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/cart-with-duties): A two column international cart with a destination row, line items, a border explainer, and a landed cost summary itemizing duties and tax paid upfront.
- [Cart With Eco Options](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/cart-with-eco-options): Packaging and speed choices with real trade offs and the honest $2.
- [Cart With Gift Split](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/cart-with-gift-split): Line items grouped by destination, shipping per address, one checkout with gift tracking to you only.
- [Cart With Installments Preview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/cart-with-installments-preview): The total with the four payment split shown inline before the payment page asks you to choose.
- [Cart With Order Notes](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/cart-with-order-notes): A note for the humans packing this, with honored examples that prove readership.
- [Cart With Price Drops](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/cart-with-price-drops): A single column cart where each line shows watched pricing, drops applied with a struck old price and one held item, above a savings summary and checkout.
- [Cart With Promo Code](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/cart-with-promo-code): A visible code field that says where codes come from, applied codes itemized.
- [Cart With Recommendations](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/cart-with-recommendations): A clean cart above a cross sell rail where every suggestion states its reason.
- [Cart With Save For Later](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/cart-with-save-for-later): The cart with a parked strip that tracks prices and never triggers a campaign.
- [Cart With Trade In](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/cart-with-trade-in): A single column cart pairing a new item with a locked trade in credit, its condition and inspection steps, and a summary showing the reduced amount due today.
- [Compact Cart Summary](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/compact-cart-summary): The cart as one strip, count, named preview, total, and checkout.
- [Empty Cart State](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/empty-cart-state): The empty cart as navigation, no guilt, with three labeled exits.
- [Free Shipping Progress Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/free-shipping-progress-cart): A threshold meter with one honest gap closing suggestion under the items.
- [Full Cart Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/full-cart-page): The two column cart with steppers and a summary that promises no checkout surprises.
- [Gift Options Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/gift-options-cart): A working gift toggle with message field, free wrap, and no prices on gift receipts.
- [Mini Cart Drawer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/mini-cart-drawer): The open drawer with two items, a shipping meter, and honest top up arithmetic.
- [Mini Cart Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/mini-cart-panel): The slide over cart as a standalone panel with both exits given equal standing.
- [Saved For Later Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/saved-for-later-cart): The parking shelf under the cart, watched while parked, restocks move back.
- [Shared Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/shared-cart): A two column shared cart with a contributors avatar strip, line items tagged by who added them, and a per person split summary with one checkout.
- [Subscription Items Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/shopping-carts/subscription-items-cart): Recurring and one time lines separated, with today split from every 4 weeks.

### Size and Fit

Browse 18 Ecommerce Pro size and fit blocks for shadcn/ui. Garment charts, measurement diagrams, fit notes, and size recommenders.

- [Belt Sizing Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/belt-sizing-guide): Pin to hole on the belt that fits, with the do not order your jeans size rule.
- [Between Sizes Decider](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/between-sizes-decider): One sizing rule per product type, each backed by ten years of exchange data from the ledger.
- [Brand To Brand Fit Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/brand-to-brand-fit-table): Four brand archetypes translated to an Acme order, with the outdoor row that sends buyers to centimeters.
- [Cut Comparison](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/cut-comparison): The same chest size in three cuts as garment silhouettes with a dashed chest line, each with ease numbers and who it suits.
- [Denim Size Matrix](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/denim-size-matrix): A waist by inseam availability grid beside a height to inseam picker, so buyers choose both numbers instead of guessing the second.
- [Fit Notes Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/fit-notes-panel): Four notes from the pattern table, the cut, the between sizes call, and who graded it.
- [Glove Sizing Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/glove-sizing-card): Palm cm to size table with the between sizes rule and the leather stretch already accounted for.
- [International Size Conversion](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/international-size-conversion): House sizes against four systems, with centimeters as the tiebreaker.
- [Kids Growth Sizing](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/kids-growth-sizing): Age bands with buy ahead advice built in, height decides, age approximates.
- [Measure Yourself Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/measure-yourself-guide): A drawn figure with three measurement lines, each with a no tape fallback.
- [Measurement Guide Diagram](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/measurement-guide-diagram): A drawn garment SVG with lettered measurement lines matching the chart.
- [Model Size Reference](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/model-size-reference): Three fit models across the height range in framed cards, each with real measurements, the size they wear, and an honest fit note.
- [Reviewer Fit Feedback](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/reviewer-fit-feedback): A true to size distribution built from verified reviews as div bars, beside three reviewer quotes stating height, size bought, and verdict.
- [Shoe Size Measure](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/shoe-size-measure): Paper and pen measurement in three steps, then the centimeter table.
- [Size Chart All Products](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/size-chart-all-products): Every sized product on one bookmarkable table, each row linking its full guide and measuring steps.
- [Size Chart Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/size-chart-table): Garment measurements taken flat, with tolerances and the between sizes verdict.
- [Size Recommender Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/size-recommender-card): Height and usual size in, a recommendation with its reasoning printed out.
- [Strap Length Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/size-and-fit/strap-length-guide): The 40 cm strap range explained via torso not height, with a string measuring method and wear table.

### Social Proof

Browse 16 Ecommerce Pro social proof blocks for shadcn/ui. Owner photo grids, press quotes, proof numbers, and collab archives.

- [As Worn By Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/as-worn-by-row): Three customers whose work tests the product, with tenure and their own words.
- [By The Numbers Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/by-the-numbers-band): Five proof numbers with sources, picked to show people stay, not just arrive.
- [Community Spotlight Interview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/community-spotlight-interview): One customer at length, three questions, the unfixed pocket kept in.
- [Creator Collabs List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/creator-collabs-list): The collab archive with splits disclosed and honest sell through numbers.
- [Customer Photos Cta](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/customer-photos-cta): The owner photo ask with usage terms up front, older and dirtier preferred.
- [Independent Tests Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/independent-tests-panel): A ruled panel of four third party test results, each row naming the issuer, method, verbatim result and date with a report link, plus a fee disclosure.
- [New Vs Worn Compare](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/new-vs-worn-compare): A two column comparison of the same product at day one and year five, each with matching condition rows and a borrowed back disclosure below.
- [Owner Posts Wall](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/owner-posts-wall): A responsive wall of six unsolicited owner text posts, each card carrying an avatar, handle, platform and date, then the quoted words.
- [Press Mentions Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/press-mentions-row): Three dated press quotes, the mixed review kept in on purpose.
- [Press Quotes Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/press-quotes-row): Three exact press sentences with text wordmarks and dates instead of logo soup.
- [Repair Counter Live Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/repair-counter-live-band): The year to date repair count as one large integer, broken into three sub counts updated nightly.
- [Stockist Quotes Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/stockist-quotes-row): Three wholesale stockists quoted on why they reorder, with the margin disclosure printed below.
- [Thanks Milestones Band](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/thanks-milestones-band): The stats band as gratitude, these are your numbers, not ours.
- [Ugc Photo Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/ugc-photo-grid): Six owner photos with handles and tenure captions, consent stated in one line.
- [Video Reviews Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/video-reviews-row): A three column row of independent owner review videos, each with thumbnail, runtime, channel, and a pulled quote, plus a not commissioned disclosure.
- [Years Owned Leaderboard](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/social-proof-sections/years-owned-leaderboard): The longest serving bags from the registration data, numbered rows with a repair prize for first place.

### Specs and Dimensions

Browse 11 Ecommerce Pro spec blocks for shadcn/ui. Spec sheets, dimension diagrams, capacity tables, and tolerance notes.

- [Capacity Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/spec-sections/capacity-table): Capacity claims tested by packing real things into a real bag with tight and no rows included.
- [Compatibility Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/spec-sections/compatibility-table): Accessories matrix across four bags with every cell tested by clipping and a minus meaning no not yet.
- [Dimensions Diagram](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/spec-sections/dimensions-diagram): Inline SVG technical line drawing paired with a table for screen readers and copy paste, four callouts.
- [Full Spec Sheet](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/spec-sections/full-spec-sheet): The complete spec table with a tolerance column, because handmade varies and pretending generates email.
- [Hardware Spec Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/spec-sections/hardware-spec-card): The buckle, zips, and rivets each specified and each carrying its failure rate from the bench log.
- [Materials Ledger](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/spec-sections/materials-ledger): A ruled ledger listing each material with its use, source mill or tannery, how long the relationship has run, and switch criteria.
- [Spec Revisions](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/spec-sections/spec-revisions): A revision log comparing the current version to the last, each changed spec shown as a from and to pair with its reason.
- [Tolerances Note Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/spec-sections/tolerances-note-card): Three ruled sections on why handmade varies, what never does, and a return promise with no friction.
- [Weather Test Results](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/spec-sections/weather-test-results): A split section pairing the test method notes on the left with rain scenarios on the right, each rated on a five dot resistance scale.
- [Weight Breakdown](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/spec-sections/weight-breakdown): A stacked list of product components, each with its gram weight, a proportional bar, and a note, closing on a summed total row.
- [Whats In The Box](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/spec-sections/whats-in-the-box): Four items in and four deliberately out, with the absence list carrying the personality of the brand.

### Footers

Browse 16 Ecommerce Pro footer blocks for shadcn/ui. Mega sitemaps, newsletter bands, trust rows, locale selectors, and minimal closers.

- [Footer Accordion Mobile](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-accordion-mobile): Footer whose four link groups collapse into an accordion on mobile and spread into four columns on desktop, above the legal bar.
- [Footer Minimal Legal](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-minimal-legal): Brand name, four policy links, and a legal bar with company number, sized for checkout pages.
- [Footer With App Badges](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-with-app-badges): Footer whose brand column sells the mobile app with two store badges, a scannable code, and the app rating beside three link columns.
- [Footer With Category Sitemap](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-with-category-sitemap): Every product and collection as a dense directory, completeness stated outright.
- [Footer With Company Numbers](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-with-company-numbers): The brand column carries company number, VAT, and the real street address.
- [Footer With Language Region](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-with-language-region): Three storefronts as plain text rows with duty notes per region and the pricing page named openly.
- [Footer With Locale Selector](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-with-locale-selector): Region, language, and currency as visible selectors with the duties promise localized.
- [Footer With Newsletter](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-with-newsletter): The capture band leading the footer, one email a month with the open rate as proof.
- [Footer With Reviews Score](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-with-reviews-score): The 4.8 with its count in the footer, linking the critical reviews first.
- [Footer With Service Links](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-with-service-links): Service columns instead of category columns: Repairs, Resale, Membership, and Help each named.
- [Footer With Social Feed](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-with-social-feed): Footer led by a shoppable social feed of six square post tiles under the handle and follower count, above a compact link row.
- [Footer With Store Locations](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-with-store-locations): Footer pairing the link columns with three physical store cards showing address, weekly hours, phone number, and a directions link each.
- [Footer With Trust Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/footer-with-trust-row): The four policy facts as a bordered strip above standard footer columns.
- [Holiday Hours Footer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/holiday-hours-footer): The whole December schedule in one ruled list, cutoffs, support, bench.
- [Mega Store Footer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/mega-store-footer): The full sitemap footer with payment chips and the VAT number European buyers scan for.
- [Minimal Store Footer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-footers/minimal-store-footer): A centered one row footer with the five questions a single product store gets.

### Heroes

Browse 26 Ecommerce Pro hero blocks for shadcn/ui. Product splits, sale heroes, drops, lookbooks, and bestseller rails that open the store.

- [Archive Sale Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/archive-sale-hero): The twice yearly archive sale with the real piece count, listing time, and the full guarantee.
- [Bestseller Spotlight Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/bestseller-spotlight-hero): The one bag that outsells the rest, argued with three audited numbers and an honest lede crediting buyers.
- [Brand Manifesto Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/brand-manifesto-hero): The position at display size with three receipts, buy it once, we mean the once.
- [Centered With Category Links](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/centered-with-category-links): The brand promise above four category tiles with style counts, browsing starts here.
- [Comparison Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/comparison-hero): A store hero that argues price with a scrolling cost of ownership table comparing the flagship against a cheap rival, ending on cost per year.
- [Editorial Split Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/editorial-split-hero): The store led by seasonal writing beside a campaign image with its provenance caption.
- [Founders Welcome Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/founders-welcome-hero): A kitchen table origin and a signed refusal list from the founder still packing boxes on Fridays.
- [Gift Guide Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/gift-guide-hero): The seasonal guide opened by recipient with price floors and the gift card lane.
- [Gift Season Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/gift-season-hero): December hero with real courier cutoff dates, a gift returns promise, and a Placeholder split image panel.
- [Hero With Bestsellers Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/hero-with-bestsellers-row): The pitch beside the four most bought products ranked with units sold.
- [Hero With Reviews Strip](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/hero-with-reviews-strip): The pitch above three one line verified reviews, proof in the fold without a product shot.
- [Made Here Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/made-here-hero): Eleven people, one room, 60 bags a week and the supplier count named on the chain page.
- [Mosaic Collage Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/mosaic-collage-hero): Five labeled category tiles beside the small range manifesto.
- [New Arrivals Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/new-arrivals-hero): A drop announcement above three new pieces with names and prices in the fold.
- [Preorder Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/preorder-hero): A split store hero for a preorder batch pairing price, deposit terms, and units left with a production timeline panel tracking the batch.
- [Press Quote Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/press-quote-hero): A publication's verdict as the headline, dated, linked, and not paid for.
- [Product Finder Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/product-finder-hero): A split store hero pairing a three step finder promise and CTAs with a live first question panel of radio options and a progress bar.
- [Restock Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/restock-hero): The waited for item back, with its queue history and a live unit counter.
- [Seasonal Prep Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/seasonal-prep-hero): The October rewax as a ritual, three honest numbers and the bench price for anyone who prefers not.
- [Seasonal Sale Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/seasonal-sale-hero): The discount at display scale with the three sale rules listed in full, no countdown gimmicks.
- [Split With Product](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/split-with-product): A store hero with the flagship product beside price, rating, and the shipping promise.
- [Starter Kit Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/starter-kit-hero): A split store hero selling a three piece bundle: the reasons the kit exists beside an itemized order panel with prices and the bundle saving.
- [Store Numbers Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/store-numbers-hero): The tagline replaced by six audited figures, none rounded up.
- [Text Only Drop Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/text-only-drop-hero): A drop announced with facts instead of photos, quantities and restock policy included.
- [Trade Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/trade-hero): B2B landing hero with fleet numbers, Net 30 terms, the total repair spend, and the account rep named.
- [Video Lookbook Hero](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-heroes/video-lookbook-hero): The seasonal film as a wide poster with play badge, runtime, and every piece linked.

### Stores

Browse 12 Ecommerce Pro store blocks for shadcn/ui. Location cards, flagship features, pickup explainers, and visit planners.

- [Flagship Store Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-locator-sections/flagship-store-page): The one store, its hours, the bench in view, and honest parking advice.
- [Flagship Store Split](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-locator-sections/flagship-store-split): One store with its services itemized, monogramming times and the seconds shelf.
- [In Store Pickup Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-locator-sections/in-store-pickup-explainer): Click and collect in three steps, live stock, two hour ready, counter returns.
- [Popup Tour Schedule](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-locator-sections/popup-tour-schedule): A pop up tour schedule listing the traveling shop as dated city stops with venue, what travels along, and an open or waitlist status.
- [Stockist Detail Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-locator-sections/stockist-detail-card): One stockist in full: what is stocked, what is not, hours, services, and the price match promise stated.
- [Stockists List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-locator-sections/stockists-list): Four independent shops with what each shelf actually carries.
- [Store Events List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-locator-sections/store-events-list): Tours, clinics, and pack nights as dated rows with honest small capacities.
- [Store List Cards](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-locator-sections/store-list-cards): Locations with live hours and a what this store uniquely offers line each.
- [Store Map Finder](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-locator-sections/store-map-finder): A store finder split with a search field and nearest results on the left beside a blueprint style map with numbered pins on the right.
- [Store Opening Announcement](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-locator-sections/store-opening-announcement): A new store announcement naming the location and opening date, then the opening week itemized day by day above an invite call to action.
- [Store Services Matrix](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-locator-sections/store-services-matrix): A services matrix with every location as a column and every in store service as a row, each cell a check, a dash, or a short note.
- [Visit Planner Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-locator-sections/visit-planner-card): Book half an hour at the counter, fittings, repairs, or deciding between two.

### Navbars

Browse 19 Ecommerce Pro navbar blocks for shadcn/ui. Search and cart headers, category bars, announcement strips, and utility bars.

- [Account Menu Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/account-menu-panel): Navbar with the signed in account panel open: greeting with store credit, four account destinations each carrying a live fact, and sign out.
- [Announcement Navbar Combo](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/announcement-navbar-combo): Banner and nav as one composed header unit with a dismissible price change preannounce above the bar.
- [Centered Logo Navbar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/centered-logo-navbar): Editorial fashion header with a centered wordmark, utilities split symmetrically to either side, and a centered category row beneath.
- [Checkout Header Lock](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/checkout-header-lock): The payment flow header, wordmark, lock line, and one exit back to cart.
- [Country Selector Navbar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/country-selector-navbar): Navbar with the region panel open: four duty zones, consequence per row, and the cart survives the switch.
- [Minimal Logo Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/minimal-logo-cart): The navbar stripped to wordmark, one trust link, and the cart for single product stores.
- [Mobile Menu Open Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/mobile-menu-open-panel): Static open state mobile nav with expanded sub-links, utility rows, and the support hours footer.
- [Nav With Announcement](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/nav-with-announcement): An announcement strip and slim nav designed as one unit, dated message included.
- [Nav With Cart Search](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/nav-with-cart-search): The standard store header with inline search and the icon trio with cart count.
- [Nav With Category Bar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/nav-with-category-bar): A brand row above a scrolling category bar with the current section underlined.
- [Nav With Mega Menu Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/nav-with-mega-menu-panel): The navbar with its mega panel open, link columns plus a help deciding column.
- [Nav With Mini Cart Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/nav-with-mini-cart-panel): Navbar with its mini cart open below: two line items with thumbs, a free shipping progress meter, subtotal, and one checkout route.
- [Nav With Order Status Strip](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/nav-with-order-status-strip): Standard navbar with a dismissible strip showing the active order, ship date, and tracking link.
- [Nav With Reorder Bar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/nav-with-reorder-bar): Replenishment navbar with a buy again strip beneath: chips for four staples from the last order, each with its price and a one tap add.
- [Nav With Utility Bar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/nav-with-utility-bar): A support fact, order tracking, and locale picker in a slim strip above the nav.
- [Nav With Wishlist Count](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/nav-with-wishlist-count): Wishlist heart as a first class nav icon with a count badge and a price drop dot explained below.
- [Search Overlay Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/search-overlay-panel): The search open mid query, products and guides split into two columns.
- [Service First Navbar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/service-first-navbar): Primary nav with Repairs, Resale, and Membership first, plus a live bench queue strip below.
- [Trade Portal Navbar](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/store-navbars/trade-portal-navbar): The logged in B2B header with tier, rep, terms, and the Friday cutoff.

### Subscriptions

Browse 12 Ecommerce Pro subscription blocks for shadcn/ui. Subscribe and save overviews, cadence pickers, management panels, and honest math.

- [Cadence Picker Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/subscription-sections/cadence-picker-card): Delivery rhythm chosen by honest usage guidance, the recommendation argued.
- [Care Club Annual Summary](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/subscription-sections/care-club-annual-summary): The year one care club receipt in four numbers with the skip praised and the cadence downgrade offered.
- [First Delivery Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/subscription-sections/first-delivery-timeline): A four step numbered timeline of a subscription's first ninety days, from signup through the reminder email to the second charge and a start button.
- [Gift A Subscription Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/subscription-sections/gift-a-subscription-card): A gifted year of wax with two delivery options and the no auto renew rule as the centerpiece.
- [Kit Size Plans](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/subscription-sections/kit-size-plans): Three subscription box sizes in ring framed cards, each with placeholder imagery, price, contents list, and fit note, with the smallest recommended.
- [Manage Subscription Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/subscription-sections/manage-subscription-panel): All four controls at equal weight, cancel included, with the skip praised in history.
- [Member Perks Ledger](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/subscription-sections/member-perks-ledger): A two column membership section pairing a value summary with a divided ledger of perks, each priced by yearly worth, plus one excluded line.
- [Next Box Editor](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/subscription-sections/next-box-editor): An editable next subscription box as a line item list, each swappable or removable, with a one time add on, running total, and edit deadline.
- [Pause Or Skip Controls](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/subscription-sections/pause-or-skip-controls): Three off switches compared by situation, no survey behind any of them.
- [Subscribe Save Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/subscription-sections/subscribe-save-overview): The consumable subscription as logistics, exits listed above the join button.
- [Subscription Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/subscription-sections/subscription-faq): Six subscription inbox answers written as binding policy, from price locks to why bags are excluded entirely.
- [Subscription Vs Onetime Math](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/subscription-sections/subscription-vs-onetime-math): A year priced both ways across three profiles, one verdict against the store.

### Sustainability

Browse 10 Ecommerce Pro sustainability blocks for shadcn/ui. Longevity arguments, footprint tables, and honest unknowns.

- [Certification Audit](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/sustainability-sections/certification-audit): Two column certification audit listing held certificates with scope and audit dates beside the badges skipped on purpose, each with a stated reason.
- [Durability Pledge Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/sustainability-sections/durability-pledge-card): Four durability commitments you can test, not values language, each naming the thing that proves it.
- [Honest Unknowns Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/sustainability-sections/honest-unknowns-card): The things Acme has not measured yet, three gaps stated plainly with the plan or the honest none.
- [Longevity As Sustainability](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/sustainability-sections/longevity-as-sustainability): The sustainability thesis: time in service beats material talk, argued with three service numbers.
- [Materials Footprint Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/sustainability-sections/materials-footprint-table): Three materials across two honest columns: what Acme verified on visits and what suppliers claimed.
- [Packaging Teardown](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/sustainability-sections/packaging-teardown): Two column packaging teardown pairing an intro and a weighed total card with a divided list naming each component, its material, and where it goes.
- [Repair Vs Replace Footprint](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/sustainability-sections/repair-vs-replace-footprint): A zipper repair against a new bag in plain ratios, not invented kilograms, with the method stated.
- [Shipping Footprint Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/sustainability-sections/shipping-footprint-explainer): Ground over air 6 to 1, one box of three, and the no offsets position stated as a deliberate choice.
- [Sustainability Ledger](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/sustainability-sections/sustainability-ledger): Centered heading and intro over a dated, divided ledger of entries, each with a date, tagged badge, title, and short body, newest first.
- [Takeback Outcomes](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/sustainability-sections/takeback-outcomes): A proportional outcome bar with legend above three cards breaking down resold, stripped, and landfill shares, closed by a dated method note.

### Trade and B2B

Browse 12 Ecommerce Pro trade blocks for shadcn/ui. Pro applications, volume pricing, fleet stories, and sample kits.

- [Fleet Case Study](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trade-sections/fleet-case-study): Forty bags, two years, and the strap flaw that changed the whole fleet spec included in the repair count.
- [Fleet Cost Estimator](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trade-sections/fleet-cost-estimator): An interactive estimator with two sliders for fleet size and service years that reprice upfront spend, projected repairs, and cost per bag live.
- [Pro Stories Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trade-sections/pro-stories-row): Three fleets with wear numbers, deliveries per repair as the proof.
- [Sample Kit Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trade-sections/sample-kit-card): The fleet evaluation kit, credited at five units, built for the deciding meeting.
- [Trade Application Form](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trade-sections/trade-application-form): The pro program intake with who qualifies and a two day answer, never silence.
- [Trade Faq](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trade-sections/trade-faq): Five program questions answered straight, priority repair quantified.
- [Trade Onboarding Steps](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trade-sections/trade-onboarding-steps): Application to first order in four real durations, 6 day median at the foot.
- [Trade Perks Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trade-sections/trade-perks-grid): Four perks argued from the professional's economics, downtime is our problem.
- [Trade Portal Preview](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trade-sections/trade-portal-preview): A two column portal preview pairing three account features with a static fleet dashboard showing repair stages, fleet counts, and a reorder row.
- [Trade Terms](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trade-sections/trade-terms): A two column trade terms section pairing five payment and ordering terms with a static invoice mockup showing the discount and net 30 in practice.
- [Trade Versus Retail](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trade-sections/trade-vs-retail): A two column comparison table setting retail against a trade account across seven rows, with a lede and a closing note on the identical guarantee.
- [Volume Pricing Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trade-sections/volume-pricing-table): Team order bands published with the services included at each.

### Trust and Privacy

Browse 11 Ecommerce Pro trust blocks for shadcn/ui. Data promises, account deletion, counterfeit guides, and disclosure contacts.

- [Account Deletion Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trust-sections/account-deletion-card): One button, what dies instantly, what the law keeps, and the guarantee that outlives the account.
- [Counterfeit Spotting Guide](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trust-sections/counterfeit-spotting-guide): Four physical tells and a same day serial check open to secondhand buyers who have no receipt.
- [Data Promise Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trust-sections/data-promise-card): Five numbered data promises each with the mechanism that lets a buyer check it, and a review date.
- [Guarantee Vs Warranty Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trust-sections/guarantee-vs-warranty-explainer): Statutory rights, the Acme guarantee, and the repair program in one table showing they stack not replace.
- [Price History Pledge](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trust-sections/price-history-pledge): Split trust section listing three pricing pledges beside an illustrative 90 day price history chart showing a single real markdown for one product.
- [Refund Speed Tracker](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trust-sections/refund-speed-tracker): Centered trust section listing refund speed per payment method, pairing each promised window with the measured median and a usage bar.
- [Returned Item Lifecycle](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trust-sections/returned-item-lifecycle): Centered trust section with a segmented distribution bar and a destination row for each return path, from restocked as new to destroyed.
- [Review Integrity Report](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trust-sections/review-integrity-report): Split trust section pairing three review moderation rules on the left with a stat panel of quarterly numbers and a removal reason breakdown.
- [Security Contact Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trust-sections/security-contact-card): Scope, honest reward, and three named researchers with what they found for a store disclosure page.
- [Subprocessors List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trust-sections/subprocessors-list): Five outside data partners named by role with what they receive, why, and the deletion path on a page.
- [Why We Ask Explainer](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/trust-sections/why-we-ask-explainer): Every checkout field justified with its use and boundary, and the one field that is not there.

### Upsells

Browse 21 Ecommerce Pro upsell blocks for shadcn/ui. Bought together sets, complete the look, bundle builders, and honest recommendations.

- [Accessories Rail](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/accessories-rail): The small goods as a snap strip with one earned context line per card.
- [Add On Services](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/add-on-services): Monogramming, treatment, and care as checkable services with a live total.
- [Better Spend Suggester](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/better-spend-suggester): Budget chips answered with the honest allocation at each number including the one that stops at 433.
- [Care Kit Attach Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/care-kit-attach-row): The care kit at cart with the first rain argument and the attach rate published.
- [Care Sub Upsell Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/care-sub-upsell-row): The wax already in the cart offered as a schedule with an equal weight decline priced alongside.
- [Complete The Look](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/complete-the-look): One outfit photo itemized with roles and the wearer's height and size in the footer.
- [Complete The Set Progress](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/complete-the-set-progress): Owned and missing pieces of the set, same hides as the only argument.
- [Cross Sell Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/cross-sell-banner): One product recommended to owners of another, with the relationship stated.
- [Frequently Bought Together](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/frequently-bought-together): Checkable companions with a live total and real attachment rates printed per item.
- [Gift Wrap Upsell Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/gift-wrap-upsell-row): The $6 wrap shown for real, with the hand written note revealed on selection.
- [Membership Upsell Math](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/membership-upsell-math): A perks list beside a checkout receipt that admits joining costs more today, shows when it pays off, with join and stay a guest buttons.
- [Post Purchase Upsell](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/post-purchase-upsell): One add riding the same box, declinable in a tap, never chaining to another.
- [Protection Plan Picker](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/protection-plan-picker): A product row above single choice coverage tiers, the free warranty listed as an equal option, with a live total and a continue button.
- [Recently Viewed Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/recently-viewed-row): The browsing trail with per item dismissal and a privacy footer, memory with manners.
- [Replenishment Reminder Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/replenishment-reminder-card): The reorder timed by your own usage math, one dated email, not a subscription.
- [Setup Service Upsell](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/setup-service-upsell): The first wax at the bench for $12, with the honest counter offer and the adoption rate published.
- [Shipping Threshold Nudge](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/shipping-threshold-nudge): A live progress bar toward the free shipping threshold, three small items sized to close the gap, and the flat rate as a fair alternative.
- [Spare Parts Attach Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/spare-parts-attach-row): Two spares at the cart with an honest counter on who actually needs them and a skip.
- [Tiered Bundle Builder](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/tiered-bundle-builder): Pick any pieces, the discount steps at two and three, the math updates live.
- [Trade Up Comparison](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/trade-up-comparison): Two product cards side by side above a spec table with the price delta itemized, an honest downside row, and a button per choice.
- [You May Also Like](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/upsell-sections/you-may-also-like): Four recommendations that each print why they were chosen above the card.

### Wishlists

Browse 11 Ecommerce Pro wishlist blocks for shadcn/ui. Saved item grids, priorities, sharing, price drop alerts, and registries.

- [Empty Wishlist State](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/wishlist-sections/empty-wishlist-state): A centered empty wishlist with a heart badge, headline, a three row explainer of what saving does, and a recently viewed product strip.
- [Household Shared List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/wishlist-sections/household-shared-list): A shared household wishlist with an avatar stack above a two column card grid where each item carries its adder avatar, reason, and duplicate flag.
- [Price Drop Alerts List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/wishlist-sections/price-drop-alerts-list): Watched items, saved versus current price, one real drop and one frozen for 14 months.
- [Registry Mode Panel](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/wishlist-sections/registry-mode-panel): The wishlist as a registry with claimed states, group gifting, and anonymity rules.
- [Restock Watch List](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/wishlist-sections/restock-watch-list): A restock queue with one back in stock item held on a deadline above a list of waiting items showing queue position and supply notes.
- [Share Wishlist Card](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/wishlist-sections/share-wishlist-card): A share link as a code chip with three privacy rules stated before the optional occasion date is asked for.
- [Shared List Guest View](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/wishlist-sections/shared-list-guest-view): Two column guest view of a shared wishlist with owner intro, occasion facts, claiming rules, and a thumbnail item list with claim buttons.
- [Wishlist Alert Settings](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/wishlist-sections/wishlist-alert-settings): A two column alert settings panel defining what each notification means on the left and a bordered stack of labeled switch rows on the right.
- [Wishlist Boards Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/wishlist-sections/wishlist-boards-grid): Account overview of three named wishlist boards as thumbnail strip cards with item counts and privacy captions, plus a dashed new list tile.
- [Wishlist Grid Page](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/wishlist-sections/wishlist-grid-page): Saved items as a product grid with live status captions and a single button that adds only the in stock ones.
- [Wishlist With Priorities](https://www.shadcn-ui-blocks.com/blocks/ecommerce-pro/wishlist-sections/wishlist-with-priorities): Five items grouped under three honest tiers with owner notes, and the admission the store ignores them.

## Application

Standard tier. 785 blocks in 39 groups. Browse: https://www.shadcn-ui-blocks.com/blocks/application-pro

Build product UI with 785 Application blocks for shadcn/ui. Dashboards, data tables, settings, auth, billing, and onboarding, ready to wire to your data.

### Prebuilt Pages

Browse 12 Application Pro prebuilt pages for shadcn/ui. Full product pages assembled from sibling blocks, ready to swap and reorder.

- [Admin Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/prebuilt-pages/admin-page): Staff admin console composing a sidebar shell, content moderation queue, and user admin table.
- [Analytics Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/prebuilt-pages/analytics-page): Analytics dashboard composing a sidebar shell, KPI row, revenue area chart, usage line chart, and users table.
- [Auth Flow Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/prebuilt-pages/auth-flow-page): Auth sequence showcase composing the sign-in page and two-factor page stacked for end-to-end flow review.
- [Billing Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/prebuilt-pages/billing-page): Billing page composing the settings shell, current plan usage, invoice history, and payment method panel.
- [Dashboard Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/prebuilt-pages/dashboard-page): Overview dashboard composing the sidebar shell, KPI cards row, revenue area chart, and team activity feed.
- [Help Center Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/prebuilt-pages/help-center-page): Self-service help page composing a topbar shell, category search home, and FAQ accordion panel.
- [Inbox Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/prebuilt-pages/inbox-page): Three-pane email inbox composing a folder sidebar, thread list, and message reader with reply controls.
- [Members Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/prebuilt-pages/members-page): Workspace members admin page composing the sidebar shell, users table, and member roles table.
- [Onboarding Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/prebuilt-pages/onboarding-page): Shellless new user activation flow composing a progress stepper, welcome checklist, and connect source card.
- [Project Detail Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/prebuilt-pages/project-detail-page): Full project detail view composing a sidebar shell, KPI cards row, kanban board, and team activity feed.
- [Reports Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/prebuilt-pages/reports-page): Analytics page composing the sidebar shell, KPI cards, conversion funnel bars, usage line chart, and invoices table.
- [Settings Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/prebuilt-pages/settings-page): Full settings page composing the settings shell, profile, security, API keys, and danger zone sections.

### Accessibility

Browse 16 Application Pro accessibility blocks for shadcn/ui. A11y checklists, contrast tools, keyboard guides, and label audits.

- [A11y Checklist Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/a11y-checklist-panel): WCAG 2.1 audit checklist with pass, fail, and manual badges per criterion, an overall score, and per-row links to the W3C understanding docs.
- [A11y Issue Trends](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/a11y-issue-trends): Stacked bar chart card tracking open accessibility issues by severity across six release audits with a headline count and remediation note.
- [A11y Preferences Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/a11y-preferences-panel): Accessibility settings panel with a text size selector, live sample line, and grouped vision, motion, and screen reader switches with helper text.
- [Alt Text Review Queue](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/alt-text-review-queue): A review list of flagged images, each row pairing a thumbnail, page location, current alt state, and a suggested description to approve or edit.
- [Assistive Tech Matrix](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/assistive-tech-matrix): Screen reader support matrix crossing core app flows with four assistive tech pairings, labeled status cells, and an open findings list.
- [Conformance Report Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/conformance-report-card): A VPAT style summary with product metadata, one section per WCAG principle showing a segmented support bar and criteria counts, plus notable criterion rows.
- [Contrast Checker Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/contrast-checker-card): Theme token contrast audit card showing computed ratios and AA and AAA pass badges for normal and large text across four Acme token pairings.
- [Focus Order Inspector](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/focus-order-inspector): Split audit view pairing a dialog blueprint with numbered focus markers beside a stop list showing selectors, roles, and flagged order issues.
- [Heading Outline Tree](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/heading-outline-tree): Indented document heading tree with landmark chips, level tags, and issue badges for skipped levels, empty headings, and a duplicate H1.
- [Keyboard Nav Guide](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/keyboard-nav-guide): Keyboard shortcut reference table covering global browser keys and Acme app shortcuts rendered with Kbd components, action descriptions, and context labels.
- [Live Region Log](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/live-region-log): ARIA live region event log with timestamps, politeness badges, source selectors, and flags for duplicate, chatty, and empty announcements.
- [Media Captions Audit](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/media-captions-audit): Media library audit pairing coverage tiles and progress bars with a per asset table of caption, transcript, and audio description chips.
- [Reduced Motion Audit](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/reduced-motion-audit): An animation inventory with per effect trigger, a duration bar on a shared scale, and a badge for whether each honors the reduced motion setting.
- [Screen Reader Labels Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/screen-reader-labels-table): Accessible name audit table listing Acme workspace UI elements with their computed label, ARIA role, labeled or missing status, and an exact fix hint.
- [Touch Target Audit](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/touch-target-audit): Interactive control audit showing hit areas at true scale in 44px frames with measured sizes, AA and AAA badges, and fix hints.
- [Zoom Reflow Audit](https://www.shadcn-ui-blocks.com/blocks/application-pro/accessibility/zoom-reflow-audit): A WCAG reflow report led by two wireframe legends, then a per page table of pass and fail results at 200 and 400 percent zoom.

### Activity

Browse 26 Application Pro activity blocks for shadcn/ui. Team feeds, audit trails, comments, versions, and approvals.

- [Activity Calendar](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/activity-calendar): Month grid calendar with per-day activity dots scaled by event count and a selected-day event list beside it.
- [Activity Heatmap](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/activity-heatmap): Weekday by hour heatmap of workspace events with intensity cells, a Less to More legend, and peak and quiet window callouts.
- [Approvals Queue](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/approvals-queue): Pending requests with context and age, approve or deny, expiry told to the asker.
- [Audit Export Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/audit-export-card): Compliance export form with date range, event count, format selector, and an append-only log disclosure note.
- [Audit Trail Timeline](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/audit-trail-timeline): The compliance log grouped by day, mono actions, second precision, source IPs.
- [Automation Run Log](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/automation-run-log): A card listing scheduled automation runs with a status icon, workflow name and trigger, duration, finish time, an expanded error row, and a next run footer.
- [Catch Up Digest](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/catch-up-digest): A digest card grouping activity accrued while away by project, each with a total badge, typed summary lines, an avatar cluster, and a review action.
- [Changelog Feed](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/changelog-feed): In-app changelog grouped by month with dated entries, type badges for Feature, Fix, Improvement, and Performance.
- [Comment Mentions List](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/comment-mentions-list): Comment mentions inbox showing each document and section, the quoted comment with your name highlighted, and a jump to reply action.
- [Comment Thread Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/comment-thread-panel): A thread with one nested reply, a resolved marker with reopen, and the composer.
- [Deploy Activity Feed](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/deploy-activity-feed): Engineering deploy timeline showing who shipped what service to which environment with status, commit SHA, and one rollback event.
- [Edit History Diff](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/edit-history-diff): Document version history with a selectable edit list on the left and an inline before and after diff panel on the right using theme token opacity.
- [Filtered Activity Log](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/filtered-activity-log): Activity log in a filtered state with type chips, an applied person filter, a clear all action, and the matching events with counts.
- [Inactivity Watch Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/inactivity-watch-card): Watchlist of projects gone quiet showing owner avatar, last event summary, a days idle count, and a nudge action per row.
- [Live Presence Bar](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/live-presence-bar): Realtime presence strip with stacked avatars, status dots for editing and viewing states, and a plus-overflow count.
- [Member Activity Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/member-activity-panel): Single member drill down with an avatar header, three weekly stat columns, and a recent actions list with typed icons and timestamps.
- [Mention Feed](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/mention-feed): Mentions inbox showing author, document context, highlighted snippet, timestamp, and a reply affordance per item.
- [Pinned Updates Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/pinned-updates-card): Announcements widget showing three pinned workspace updates with author, tag badge, body text, and an unpin action.
- [Project Activity Breakdown](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/project-activity-breakdown): A card ranking projects by weekly activity volume, each row showing the top member, a proportional bar, the event count, and a trend delta.
- [Reaction Activity Feed](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/reaction-activity-feed): Social activity feed showing who reacted to or commented on your work, with emoji badges and inline comment quotes.
- [Sign In Activity List](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/sign-in-activity-list): A card listing recent account sessions, each with a device icon tile, browser and OS, location with IP, timestamp, current session badge, and revoke actions.
- [Status Change Log](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/status-change-log): Vertical timeline of status transitions for one entity with actor names, timestamps, and time-in-state durations.
- [Team Activity Feed](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/team-activity-feed): Workspace events on a timeline rail with avatars and one expanded comment.
- [Team Pulse Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/team-pulse-card): Weekly team activity summary with commit, comment, and task stats, inline sparklines, and a most-active member row.
- [Version History List](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/version-history-list): Named saves with autosaves collapsed, restore always creates, never rewinds.
- [Who Did What Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/activity/who-did-what-table): Workspace activity table with actor avatars, plain-English action verbs, target resources, and result badges.

### Admin and Moderation

Browse 17 Application Pro admin blocks for shadcn/ui. Moderation queues, report reviews, user admin, and feature toggles.

- [Audit Search Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/audit-search-panel): Compliance audit log with actor, action type, and date range filters, monospace action chips, IP column, and CSV export.
- [Automation Rules Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/automation-rules-panel): Automated rule cards in a two column grid with enabled switches, monospace When and Then chips, and match, precision, and overturned stats.
- [Ban Appeal Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/ban-appeal-panel): Ban appeal review with the original enforcement reason, appellant statement, prior enforcement history, and uphold or reverse actions each requiring a written note.
- [Bulk Review Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/bulk-review-table): A checkbox review table with per row selection, a bulk action bar showing the selection count with approve, escalate, and remove actions, and an audit note.
- [Content Flags Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/content-flags-table): Moderation flags overview table with content snippets, flag reasons, sortable flag counts, status badges, and per-row review actions.
- [Escalation Path Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/escalation-path-panel): Vertical escalation stepper with numbered tiers on a rail showing response SLAs, on call avatars, routed category badges, and auto escalation rules.
- [Feature Toggle Admin](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/feature-toggle-admin): Feature flag rows with environment badges, rollout percentage bars, kill-switch toggles, and a callout that kill switches take effect within 10 seconds globally.
- [IP Blocklist Manager](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/ip-blocklist-manager): Split blocklist manager pairing an add rule form with scope and duration choices beside ruled entries showing CIDR chips, hit counts, and expiry.
- [Keyword Filter Manager](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/keyword-filter-manager): Filtered terms grouped into three ruled sections by enforcement action, each term a monospace chip with its 7 day match count and an edit control.
- [Moderation Queue](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/moderation-queue): Reported items as prioritized cards with content snippet, reason, reporter count, age, and Approve, Remove, and Escalate actions per item.
- [Moderator Performance Board](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/moderator-performance-board): Moderator table with focus queues, decision counts, seven day sparklines, median handle time, agreement meters, and overturned counts.
- [Queue Health Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/queue-health-panel): Four stat tiles above a ruled queue list with open counts, oldest item age, SLA status badges, load bars, and assigned moderator avatars.
- [Report Review Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/report-review-card): Single report case with reported content, reporter identity, author flag history, and a decision panel that names the consequence of every action.
- [Role Permissions Matrix](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/role-permissions-matrix): A permissions matrix with category grouped rows and four role columns showing member counts and check or minus access marks per cell.
- [User Admin Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/user-admin-table): Admin member roster with status badges, signup date, last seen, flag counts, and per-row impersonate and suspend actions logged to the audit trail.
- [User Risk Profile](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/user-risk-profile): An identity rail of account facts and linked accounts beside a composite risk score, a segmented meter, weighted signals, and enforcement actions.
- [Violation Trends Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/admin-moderation/violation-trends-panel): Eight weeks of report volume as stacked bars segmented by policy category, beside a category breakdown with totals, four week deltas, and share bars.

### AI Assistant

Browse 18 Application Pro AI blocks for shadcn/ui. Assistant chat panels, prompt composers, citations, model pickers, and usage cards.

- [Action Approval Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/action-approval-card): Approval gate for a proposed assistant bulk change showing sample before and after field values with approve and reject buttons.
- [Agent Run Trace](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/agent-run-trace): Vertical timeline of agent tool steps with status icons, tool badges, mono query detail lines, durations, and a raw log link.
- [Ai Usage Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/ai-usage-card): AI token usage panel with a monthly progress bar, a per feature breakdown, and the overage policy stated in the same view.
- [Assistant Chat Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/assistant-chat-panel): Conversation thread with alternating user and assistant bubbles, inline source chips, and regenerate and copy affordances.
- [Assistant Empty State](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/assistant-empty-state): Pre-conversation assistant panel with 4 example prompt chips and plain lists of what the assistant can see and cannot do yet.
- [Citations Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/citations-panel): Sources side panel listing 4 cited documents with title, matched snippet, relevance chip, and an honest footer note.
- [Context Sources Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/context-sources-panel): Data access panel listing assistant readable sources with icon, item count, last sync time, and a switch, plus one excluded source.
- [Conversation History List](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/conversation-history-list): Chat history sidebar listing past assistant threads grouped by recency with title, snippet, timestamp, and a delete affordance.
- [Feedback Thumbs Row](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/feedback-thumbs-row): AI response feedback row with thumbs up and down, a copy and regenerate action, and a reason picker revealed on negative feedback.
- [Guardrails Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/guardrails-panel): Ruled rows pairing each safety rule with an icon, explanation, and switch, above a blocked topics list and an audit logging note.
- [Inline Suggestion Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/inline-suggestion-card): Text editor surface showing an AI ghost-text completion with Tab to accept and Esc to dismiss keyboard hints and an authorship notice.
- [Memory Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/memory-panel): A header switch and ruled list of remembered facts, each with its source, date, and a forget button, above a permanent deletion note.
- [Model Picker Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/model-picker-card): Model selection card with three rows showing tier, cost per 1k tokens, a one-line tradeoff, and the balanced model pre-selected.
- [Prompt Composer](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/prompt-composer): AI input surface with a model chip, attach and slash command buttons, a token counter, and a keyboard hinted send button.
- [Prompt Library Grid](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/prompt-library-grid): Saved prompt cards in a filterable grid showing title, description, category badge, and use count with a create prompt affordance.
- [Response Compare](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/response-compare): A shared prompt panel above two side by side response cards, each with a model badge, answer body, latency and token stats, and a prefer button.
- [Scheduled Agents List](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/scheduled-agents-list): Ruled rows of recurring assistant tasks, each with cadence, delivery target, last run badge, next run time, and a pause switch, plus inline errors.
- [Thread Summary Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/ai-assistant/thread-summary-card): AI generated thread summary with an overview paragraph, checked decision list, owner assigned action items, and regenerate and copy controls.

### App Shells

Browse 27 Application Pro shell blocks for shadcn/ui. Sidebar layouts, topbar frames, and settings scaffolds ready to hold your pages.

- [Anchor Nav Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/anchor-nav-shell): A full-page docs shell with a slim topbar, a column of anchored section cards, and a sticky On this page rail tracking the active section.
- [Bottom Panel Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/bottom-panel-shell): IDE style shell with a slim run bar, an open canvas, a docked console panel with log tabs, and a pinned status bar.
- [Breadcrumb Header Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/breadcrumb-header-shell): Full-page shell for deep detail views with a breadcrumb trail, page title, meta row, and action buttons above two content panels.
- [Card Grid Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/card-grid-shell): A gallery workspace shell with an icon nav rail, a toolbar with search, sort, and view toggle, and a responsive card grid of projects.
- [Centered Content Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/centered-content-shell): A slim top bar and a max-w-3xl reading column on a muted background for docs, articles, or single settings detail pages.
- [Checklist Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/checklist-shell): An onboarding home shell with a topbar, welcome header, a setup checklist card with progress and one expanded step, plus a resources rail.
- [Collapsible Sidebar Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/collapsible-sidebar-shell): Icon-only nav rail with an expand affordance, badge count on Projects, and an inline tooltip hint on one item.
- [Command Bar Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/command-bar-shell): Shell with a centered command bar in the top header, a keyboard shortcut hint, and a recent commands list below.
- [Dashboard Home Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/dashboard-home-shell): The assembled overview, greeting header, KPI strip, recent list, one open chart slot.
- [Document Tabs Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/document-tabs-shell): Editor workspace shell with a strip of open document tabs, close buttons, an unsaved dot, and the active document content below.
- [Dual Sidebar Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/dual-sidebar-shell): App shell with a primary icon nav rail and a grouped contextual sub-nav panel for deep two-level navigation.
- [Empty State Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/empty-state-shell): A sidebar and header frame with a first run canvas: a centered empty state with icon, heading, primary and secondary actions, and a starter template row.
- [Environment Banner Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/env-banner-shell): App shell with a pinned staging environment banner, a switch action, a topbar, and a deployments page with an environment facts panel.
- [Focus Mode Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/focus-mode-shell): Minimal top bar with back link, document title, save state badge, and a centered max-w content column with no sidebar.
- [Full Bleed Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/full-bleed-shell): Edge-to-edge canvas shell with a floating toolbar for maps, boards, and diagram editors that need every pixel of viewport space.
- [Icon Sidebar Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/icon-sidebar-shell): The icon only rail with aria labels, maximum width left for dense tool content.
- [Inbox Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/inbox-shell): Three pane mail shell with a labeled folder sidebar, an unread message list, and a reading pane with triage actions and a reply footer.
- [Nested Nav Sidebar Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/nested-nav-sidebar-shell): Sidebar with Projects expanded to three indented children, one active.
- [Right Rail Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/right-rail-shell): Three-column shell with an icon nav rail, main content area, and a right context rail showing a live activity list.
- [Settings Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/settings-shell): Three column settings scaffold, icon rail, secondary nav with Danger zone, content column.
- [Sidebar Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/sidebar-shell): The navigation rail with active state, command hint, and labeled drop zones for your pages.
- [Split Content Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/split-content-shell): Full-page shell with a slim top bar and a 50/50 editor and preview pane split for authoring and live-preview workflows.
- [Sticky Toolbar Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/sticky-toolbar-shell): App shell with a sticky bulk-actions and filter toolbar that stays pinned above a scrollable data table.
- [Tabbed Page Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/tabbed-page-shell): A full-page shell with a sidebar, a named resource header, and a horizontal tab row delivering sub-view content below.
- [Topbar Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/topbar-shell): Horizontal nav with the Acme lockup, five links, a command hint, and the page below.
- [Two Pane Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/two-pane-shell): Master-detail layout with a six-row project list pane and a wide detail pane showing the selected item header.
- [Wizard Shell](https://www.shadcn-ui-blocks.com/blocks/application-pro/app-shells/wizard-shell): Multi-step flow shell with a slim header step indicator, centered content column, and sticky back and continue footer.

### Auth Pages

Browse 27 Application Pro auth blocks for shadcn/ui. Sign in, sign up, magic links, two factor, and invite acceptance.

- [Accept Invite Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/accept-invite-page): The invite named, inviter, role, what it grants, and the days left to accept.
- [Account Linking Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/account-linking-page): An account collision gate showing a Google sign in beside an existing password account, a link action, and a password sign in fallback.
- [Account Recovery Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/account-recovery-page): Account recovery card with an email lookup form and three recovery options listed by speed, plus a plain explanation of why identity review takes up to 3 days.
- [Approval Pending Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/approval-pending-page): A workspace join waiting state with a step timeline, the named admins who decide, the typical response time, and a withdraw request action.
- [Backup Codes Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/backup-codes-page): Recovery code save step with an eight code grid, download and copy actions, a saved confirmation checkbox, and a one time use warning.
- [Deactivated Account Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/deactivated-account-page): Account deactivation state page naming who deactivated the account and when, listing what reactivation restores, and linking directly to the named admin for recovery.
- [Device Approval Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/device-approval-page): New device verification gate showing device, location, time, and account with approve and deny actions and an honest account-lock security note.
- [Email Changed Confirm](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/email-changed-confirm): Email change confirmation page showing the new and old address with timestamp and device, a lock account alarm for unauthorized changes, and a dual address notice.
- [Forgot Password Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/forgot-password-page): Password reset form that openly explains its anti enumeration response and states reset link timing facts.
- [Join Workspace Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/join-workspace-page): Workspace entry page for invited and domain-matched users with a member preview, join or request buttons, and a note that joining is visible to admins immediately.
- [Locked Account Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/locked-account-page): Account lockout page stating the 15-minute duration, a password reset shortcut, and the reassurance that lockouts are never permanent.
- [Magic Link Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/magic-link-page): Passwordless sign in showing both the request and sent states with expiry and resend throttle facts.
- [MFA Enrollment Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/mfa-enrollment-page): A required two factor enrollment gate with three method rows ranked by strength, the authenticator app preselected, a grace period deadline, and a skip link.
- [Oauth Callback Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/oauth-callback-page): OAuth connecting state card with a Spinner, three step rows showing progress for a GitHub org link, and fallback links if the page hangs.
- [Oauth Consent Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/oauth-consent-page): Third party app authorization card listing granted scopes and explicit exclusions, the acting account, and authorize or cancel actions with a revoke note.
- [Passkey Setup Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/passkey-setup-page): Centered auth card prompting passkey enrollment with three benefit rows, a device save target panel, and a skip fallback that keeps the existing password active.
- [Password Expired Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/password-expired-page): A forced password rotation gate with current and new password fields, a policy panel explaining the deadline, and a reset by email fallback.
- [Reset Password Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/reset-password-page): New password form reached from a reset link with a requirements checklist, a session sign out panel, and the note that nothing changes until save.
- [Session Expired Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/session-expired-page): Calm session timeout screen that promises local draft restore and prefills the email for one click return.
- [Sign In Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/sign-in-page): SSO first sign in with the password fallback and honest reset link timing.
- [Sign Up Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/sign-up-page): Workspace signup with SSO buttons first, slug preview, and plain 14 day read only trial terms.
- [Sso Error Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/sso-error-page): SSO failure page with the specific error reason, a named admin contact, numbered steps to resolve, and retry plus password fallback actions.
- [Sso Login Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/sso-login-page): SSO-enforced sign in card with org domain shown, a single Continue with SSO button, and a named admin fallback for lockouts.
- [Two Factor Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/two-factor-page): TOTP verification with six OTP slots, device trust checkbox, backup code link, and human recovery promise.
- [Verify Email Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/verify-email-page): Check-your-inbox state showing the sent address, a throttled resend button, a change-email link, and the 24-hour expiry note.
- [Welcome Back Login](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/welcome-back-login): Returning user login showing the known account avatar and email with a single password field, passkey option, and a use a different account escape hatch.
- [Workspace Picker Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/auth-pages/workspace-picker-page): Post sign in workspace chooser listing memberships with marks, member counts, and role badges, plus a create workspace action and sign out link.

### Billing

Browse 27 Application Pro billing blocks for shadcn/ui. Plan usage, invoices, payment methods, seats, and upgrade prompts.

- [Add-ons Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/addons-panel): An add-ons panel with active add-on rows and toggles, available add-ons to enable, and a subtotal for the next invoice.
- [Billing Contacts Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/billing-contacts-card): Who gets invoices, the add contact field, and the PO number printed on every one.
- [Billing Cycle Switch](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/billing-cycle-switch): Monthly and annual cycle options side by side with per seat pricing, the yearly saving, and ruled rows stating when the switch takes effect.
- [Cancel Flow Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/cancel-flow-blueprint): Cancel subscription dialog showing what you keep until the period ends, what changes after, a downgrade suggestion, and an optional reason select.
- [Cost Allocation Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/cost-allocation-panel): A cost by team panel with ruled rows of member count, a proportional meter, share percentage, and amount, reconciling to the invoice total.
- [Coupon Redemption Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/coupon-redemption-card): Active promotion with mono code, discount terms, per invoice saving, the next discounted total, and a labeled field to apply another code.
- [Credits Balance Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/credits-balance-card): Prepaid credits wallet showing current balance, a ruled grants and spends ledger, and the application policy.
- [Current Plan Usage](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/current-plan-usage): Team plan header with renewal date and three usage meters each stating the overage policy beneath the bar.
- [Dunning Banner](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/dunning-banner): Payment-failed notice with the card charged, retry schedule, exact access-pause date, and an update payment method action.
- [Invoice Detail Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/invoice-detail-page): Single printable invoice with mono number, from/to addresses, tabular line items, subtotal/tax/total, a Paid badge, and download/print actions.
- [Invoice History Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/invoice-history-table): Compact invoice archive with the estimated next invoice previewed at the top.
- [Pause Subscription Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/pause-subscription-panel): Three pause lengths with exact resume dates, a checklist of what happens while paused, and a pause action beside the cancel alternative.
- [Payment History Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/payment-history-table): Transactions ledger with date, description, card brand chip with last four digits, tabular amount, status badge, and a per row receipt link.
- [Payment Method Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/payment-method-panel): The saved card, billing email, the optional backup slot, and the token footer.
- [Plan Change History](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/plan-change-history): Dated log of upgrades, seat additions, promotions, and cycle switches, each with a type badge and the teammate who made the change.
- [Plan Comparison Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/plan-comparison-table): Three-plan feature matrix with Check and Minus cells, per-plan prices, current plan marker, and a quiet most-popular note.
- [Proration Preview Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/proration-preview-card): Upgrade proration preview with credit and charge line items, due-today total, and next renewal amount.
- [Receipt Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/receipt-card): Single payment receipt with amount, date, card, transaction ID, a download PDF action, and a link to the formal tax invoice.
- [Refund Status Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/refund-status-card): Refund in progress with amount, dates, returning card, and a four stage pipeline showing current processing state.
- [Seat Management Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/seat-management-panel): Idle seats listed with last active and the keep or free choice priced per month.
- [Spend Trend Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/spend-trend-chart): A spend trend panel with three stat columns above a six month stacked bar chart splitting invoices into plan, seats, and usage.
- [Spending Limit Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/spending-limit-card): Monthly cap widget showing current spend on a Progress bar with alert threshold markers and an explicit policy for what pauses at the limit.
- [Tax and Invoice Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/tax-and-invoice-settings): VAT and Tax ID panel with VIES validation note, billing address fields, reverse charge callout, and invoice appearance.
- [Trial Status Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/trial-status-card): A trial card with a day meter, a ruled list of what the team set up, an end date outcome, and an add payment action.
- [Upgrade Comparison Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/upgrade-comparison-card): The seat limit upsell with the delta priced for your seats and the honest alternative.
- [Usage Alerts Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/usage-alerts-panel): Alert rules as a ruled list with metric thresholds, recipient emails, and toggles, plus an add alert action and a hard cap caveat.
- [Usage Breakdown Bill](https://www.shadcn-ui-blocks.com/blocks/application-pro/billing/usage-breakdown-bill): The period charges line by line with a dated projection and its method stated.

### Calendar and Scheduling

Browse 17 Application Pro calendar blocks for shadcn/ui. Month grids, week agendas, availability, and scheduling links.

- [Availability Grid](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/availability-grid): Single-day slot picker with taken slots disabled, the selected slot highlighted, timezone line, and a buffer note.
- [Booking Confirmation Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/booking-confirmation-card): Post-booking summary card with meeting title, attendee avatars, dual-timezone times, add-to-calendar buttons, and a cancellation policy note.
- [Calendar Sync Status](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/calendar-sync-status): Connected calendars panel with per account sync freshness, slot blocking modes, an inline reconnect row for expired auth, and a privacy note.
- [Event Detail Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/event-detail-panel): Full read view of a calendar event with a header, agenda and attachments column, a guest list with RSVP state, and viewer response buttons.
- [Event List Day](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/event-list-day): Day schedule list with an all-day item pinned at top, ruled timed event rows, and an explicit free-time gap row.
- [Invite RSVP Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/invite-rsvp-card): Incoming invitation card showing the organizer, event details, and a conflict warning, closing with accept, maybe, decline, and propose new time actions.
- [Meeting Poll Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/meeting-poll-panel): Group scheduling poll with three proposed times, voter avatar stacks, vote share bars, a highlighted leading option, and finalize actions.
- [Mini Calendar Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/mini-calendar-card): Compact sidebar month picker with today highlighted, event dots on three dates, and prev and next navigation.
- [Month Calendar](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/month-calendar): Month grid for June 2026 with event chips, overflow badges, today highlighted, and muted out-of-month days.
- [Recurring Event Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/recurring-event-form): Recurrence rule builder with interval input, weekday toggle chips, end condition selector, and a plain-English rule summary.
- [Reschedule Request Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/reschedule-request-panel): Reschedule request panel placing the current and proposed slots side by side with the requester reason, an availability line, and accept or counter actions.
- [Room Booking Timeline](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/room-booking-timeline): Room picker where each meeting room is a day track with existing bookings drawn as blocks and the requested slot outlined across every row.
- [Scheduling Link Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/scheduling-link-card): Booking link share card with a copy chip, three meeting types with buffers, availability hours, and a double-booking note.
- [Team Availability Heatmap](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/team-availability-heatmap): Week by hour heat grid of team overlap with day columns, a ring highlighted best slot, density legend, and a propose time callout.
- [Timezone Compare Row](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/timezone-compare-row): Proposed meeting time shown side by side across four attendee timezones with local time, offset, and working hours status for each.
- [Week Agenda](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/week-agenda): Week view with a vertical time column, five day columns, CSS-positioned event blocks, and a current-time line.
- [Working Hours Editor](https://www.shadcn-ui-blocks.com/blocks/application-pro/calendar-scheduling/working-hours-editor): Weekly availability settings with per day switches, bookable time range chips, a timezone note, weekly total badge, and save actions.

### Charts

Browse 30 Application Pro chart blocks for shadcn/ui. Revenue, usage, retention, and funnel charts built on the shadcn chart primitives.

- [Area With Range Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/area-with-range-chart): An area chart showing actuals with a muted 80% confidence band and a dashed projection tail for future months.
- [Bubble Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/bubble-chart): ScatterChart plotting accounts by usage score, monthly revenue, and seat count encoded as bubble size.
- [Bullet KPI Rows](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/bullet-kpi-rows): A card panel of five quarterly KPIs as bullet rows, each with qualitative range bands, a quarter to date measure bar, a target tick, and a shared axis.
- [Cohort Retention Heatmap](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/cohort-retention-heatmap): A CSS grid heatmap of weekly cohort retention shaded by foreground opacity tokens with no chart library.
- [Conversion Funnel Bars](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/conversion-funnel-bars): The funnel as horizontal bars with each rate against the prior stage, labeled.
- [Diverging Survey Bars](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/diverging-survey-bars): Likert survey responses as diverging stacked bars around a center axis with a four segment legend and agree share per question.
- [Dumbbell Latency Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/dumbbell-latency-chart): Dumbbell rows comparing p95 latency per endpoint before and after a release, with connector bars, paired dots, and an axis row.
- [Gauge Progress Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/gauge-progress-chart): A radial gauge showing a single SLA percentage with the value centred and the target threshold named in the footnote.
- [Grouped Bar Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/grouped-bar-chart): Feature usage grouped bar chart comparing this billing period against the previous across six categories with a shared legend.
- [Heatmap Calendar Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/heatmap-calendar-chart): CSS grid calendar heatmap shading daily activity by foreground opacity across a six month window.
- [Histogram Distribution Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/histogram-distribution-chart): A card panel charting API response times bucketed into 100 ms bins as a single distribution, with a p95 callout and a dashed reference line.
- [Horizontal Bar Ranking](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/horizontal-bar-ranking): Horizontal bar chart ranking the top 6 pages by view count with inline value labels and a footnote naming the 3x lead of the top page.
- [Latency Percentile Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/latency-percentile-chart): API request latency as p50, p95, and p99 lines over 24 hourly points with ms axis formatting.
- [Mrr Stacked Bars](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/mrr-stacked-bars): MRR movement as stacked bars with new and expansion above zero and contraction and churn below, last 6 months.
- [Multi Line Trend](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/multi-line-trend): Three-series line chart tracking monthly active seats across Starter, Growth, and Enterprise plans with a legend and a footnote naming the September crossover.
- [Pareto Error Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/pareto-error-chart): A Pareto chart pairing error category bars sorted by volume with a cumulative share line on a second percentage axis.
- [Percent Stacked Bars](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/percent-stacked-bars): A card panel charting monthly signups by acquisition channel as bars normalized to 100 percent, so the chart reads as share of mix over volume.
- [Plan Mix Donut](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/plan-mix-donut): Donut chart of active workspaces by plan tier with a center total label and a four plan legend.
- [Radar Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/radar-chart): RadarChart comparing two plans across five feature dimensions with filled polygons and a shared legend.
- [Radial Usage Rings](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/radial-usage-rings): Concentric radial rings showing percent of quota used per storage resource beside a breakdown list with exact allocations.
- [Revenue Area Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/revenue-area-chart): Stacked area chart showing new business and expansion MRR added each month across an 8 month window.
- [Scatter Plot Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/scatter-plot-chart): Accounts scatter chart plotting monthly API usage against revenue with reference-line quadrants to surface expansion targets.
- [Signups Bar Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/signups-bar-chart): Weekly new account signups as a single series bar chart over 10 weeks with a labeled launch spike.
- [Slope Comparison Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/slope-comparison-chart): A card panel joining average active seats per plan across two quarters with slope lines between paired axes, the biggest mover drawn in full ink.
- [Sparkbar Row](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/sparkbar-row): Four compact metric tiles each with a label, headline value, and a mini 8-week bar chart for a glanceable ops comparison strip.
- [Stacked Category Bars](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/stacked-category-bars): A stacked bar chart of support tickets by category over six weeks with a footnote naming the fastest growing series.
- [Stepped Area Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/stepped-area-chart): Active seats area chart using stepAfter type so each provisioning event reads as an instantaneous jump, not gradual growth.
- [Usage Line Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/usage-line-chart): API requests per day as two lines separating production and sandbox volume across a 14 day window.
- [Waterfall Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/waterfall-chart): MRR movement chart with floating bars for new business, expansion, and churn across a billing period.
- [Weekly Active Users Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/charts/weekly-active-users-chart): Distinct active users per ISO week as a filled area over 12 weeks with a dashed quarter target reference line.

### Chat and Messaging

Browse 18 Application Pro chat blocks for shadcn/ui. Conversation lists, message threads, composers, channels, and replies.

- [Active Call Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/active-call-panel): Live huddle surface with elapsed timer, presenting banner, participant tiles showing mute and speaking states, and a call control bar.
- [Channel Directory](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/channel-directory): 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.
- [Channel List Sidebar](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/channel-list-sidebar): Workspace nav rail with channel and DM sections, unread badges, a muted channel indicator, and per section add affordances.
- [Channel Settings Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/channel-settings-panel): Channel settings panel with name and topic fields, public/private radio with consequence notes, a members list, notification level selector, and an archive action.
- [Conversation List](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/conversation-list): Inbox rail with six conversation rows showing avatar, preview, timestamp, and unread count badges on two threads.
- [Dm Thread Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/dm-thread-panel): Complete 1:1 panel combining a presence header, a grouped message thread with read receipt, and a full composer bar.
- [Emoji Reactions Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/emoji-reactions-blueprint): Static open-state emoji picker inline above a message with a recents row, category grid, search input, and existing reaction chips.
- [Member Profile Drawer](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/member-profile-drawer): A person panel with a large avatar and presence dot, name and status line, message and huddle actions, contact rows, and shared channels.
- [Mentions Activity Feed](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/mentions-activity-feed): An activity panel with a mark all read header, mentions and reactions filter chips, and rows pairing actor, event, source channel, quoted snippet, and time.
- [Message Composer](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/message-composer): Chat send bar with attach, emoji, and slash affordances, a typing indicator row, and a Send button with an Enter keyboard hint.
- [Message Thread](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/message-thread): Chat thread with grouped sender bubbles, a Today day divider, a reaction chip, and a read receipt on the last outgoing message.
- [Pinned Messages Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/pinned-messages-panel): Channel pinned messages list showing author, snippet, pinned time and pinner, a jump-to link, and an unpin button per entry.
- [Poll Message Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/poll-message-card): Inline thread poll with vote share bars per option, a check on your vote, voter avatar cluster, total count, and close time.
- [Scheduled Messages Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/scheduled-messages-panel): Queued outgoing messages list with destination, draft snippet, exact send time, and per row send now, edit, and delete actions.
- [Search Messages Results](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/search-messages-results): Chat search results grouped by channel and DM with author, inline highlighted match term, timestamp, and a jump-to-message affordance.
- [Shared Files Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/shared-files-panel): Conversation files tab with type filter chips and rows showing a file icon, name, size, uploader, share date, and a download action.
- [Thread Reply Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/thread-reply-panel): Side panel showing a parent channel message, a reply count divider, four threaded replies, and a scoped reply composer.
- [Voice Message Thread](https://www.shadcn-ui-blocks.com/blocks/application-pro/chat-messaging/voice-message-thread): An audio thread of chat bubbles, each with a play control, waveform, and duration, plus an active note with elapsed time and a transcript preview.

### Comments and Annotations

Browse 17 Application Pro comment blocks for shadcn/ui. Comment sidebars, inline annotations, suggestions, and reaction bars.

- [Annotation Layers Rail](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/annotation-layers-rail): A document page mockup where marks from each reviewer form a colored layer, beside a rail of reviewers with color keys, counts, and visibility toggles.
- [Annotation Toolbar Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/annotation-toolbar-blueprint): Static open-state blueprint of a text-selection toolbar with comment, highlight, suggest-edit, and link affordances plus a five-color swatch row.
- [Canvas Pin Comments](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/canvas-pin-comments): Design canvas mockup with four numbered comment pins and a side rail listing each pin thread with author, note, and resolve actions.
- [Code Review Thread](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/code-review-thread): Code diff panel with line numbers, added and removed rows, and a line anchored review thread with replies, composer, and resolve action.
- [Comment Assignments](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/comment-assignments): Review feedback promoted into action items, with filter chips above rows pairing each source quote with an assignee, due date, and status badge.
- [Comment Composer](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/comment-composer): Standalone comment composer with a formatting toolbar, file attach, at mention hint, and a Cmd Enter keyboard shortcut hint.
- [Comment Notification Inbox](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/comment-notification-inbox): Cross document notification feed with mention, reply, and resolve items, unread dots, type filter chips, and a mark all read action.
- [Comment Sidebar](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/comment-sidebar): Document comment sidebar with four threads anchored to quoted text, reply counts, resolve affordances, and one collapsed resolved thread.
- [Inline Annotation Thread](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/inline-annotation-thread): Highlighted text excerpt with an attached margin thread showing two comments, a reply composer, emoji reactions, and resolve and delete controls.
- [Mention Picker Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/mention-picker-blueprint): Static open state of an at mention picker showing six workspace members with one row highlighted and keyboard navigation hints.
- [Outdated Comments Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/outdated-comments-panel): Comment threads on a versioned document, split into ones matched to the new version and ones whose anchors broke, with stale quotes and reattach actions.
- [Pending Review Tray](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/pending-review-tray): Draft comments held for one review, each with a section anchor, quote, and edit controls, above a summary field, verdict choices, and a submit button.
- [Reaction Bar](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/reaction-bar): Emoji reaction chips with counts showing active and inactive states, an add reaction affordance, and a static hover panel listing who reacted.
- [Resolved Comments List](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/resolved-comments-list): Audit list of closed comment threads with quoted references, resolution attribution, reply counts, a reopen affordance, and an all vs resolved filter.
- [Spreadsheet Cell Comments](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/spreadsheet-cell-comments): A budget sheet with corner markers on flagged cells beside a rail showing the selected cell thread and a list of other commented cells.
- [Suggestion Review Row](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/suggestion-review-row): Pending edit review rows showing the struck original beside the proposed replacement with author attribution and accept and reject actions per suggestion.
- [Video Timestamp Comments](https://www.shadcn-ui-blocks.com/blocks/application-pro/comments-annotations/video-timestamp-comments): Video review timeline with avatar markers at comment timestamps and a list of time anchored notes with reply and mark done controls.

### Data Tables

Browse 32 Application Pro table blocks for shadcn/ui. Users, invoices, audit logs, filters, selection, and expandable rows.

- [Audit Log Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/audit-log-table): Append only security log with mono timestamps, actor avatars, code chip action keys, targets, and source IPs.
- [Column Visibility Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/column-visibility-table): A customers table beside a checkbox rail that shows and hides columns live, with a locked identity column and a running column count.
- [Comparison Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/comparison-table): Plan comparison table with features as rows, plans as columns, differing cells highlighted, and a per-column upgrade CTA.
- [Csv Preview Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/csv-preview-table): CSV import preview with column to field mapping Selects, an unmapped column flag, and a row issue count.
- [Dense Data Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/dense-data-table): The compact variant fitting eight webhook rows where a standard table fits five.
- [Density Toggle Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/density-toggle-table): A deployments table with a segmented comfortable and compact toggle in the header that swaps every row's vertical padding live, above a density note.
- [Diff Review Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/diff-review-table): A config change review table striking old values beside proposed ones, with change badges, a left rule accent, and approve and reject actions.
- [Editable Cells Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/editable-cells-table): Quarterly budget grid with one cell in active edit mode, tab navigation hint, and per-row save and cancel actions.
- [Empty State Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/empty-state-table): Projects table filtered to zero rows keeping active filter chips and the header visible above a centered empty state with recovery actions.
- [Feature Flags Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/feature-flags-table): Flags with mono keys, environment badges, rollout percentages, a Switch per row.
- [Grouped Columns Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/grouped-columns-table): An endpoint latency table with a two tier header spanning grouped metric columns for production and staging, split by vertical rules down the body.
- [Grouped Rows Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/grouped-rows-table): Issues table with shaded status subheader rows showing group name and count above each set of member rows.
- [Heatmap Cells Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/heatmap-cells-table): Feature usage matrix with weekday columns, value shaded cells, per row totals, and an intensity legend beneath the table.
- [Inline Edit Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/inline-edit-table): Projects table with one row in edit mode showing Input and Select cells with save and cancel affordances.
- [Invoices Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/invoices-table): Billing history with mono invoice ids, status badges, and right aligned amounts.
- [Multi Select Toolbar Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/multi-select-toolbar-table): Contacts table with per row checkboxes, a select all header, and a contextual bulk action toolbar.
- [Nested Detail Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/nested-detail-table): Projects table where one row expands inline to a key value metadata panel and a recent activity list.
- [Paginated Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/paginated-table): Customers table with a working pagination footer showing numbered page buttons, previous and next controls, and a live range summary line.
- [Pinned Columns Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/pinned-columns-table): Wide pipeline table with the name column visually pinned via sticky positioning while remaining columns scroll horizontally.
- [Row Actions Menu Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/row-actions-menu-blueprint): Static blueprint of a documents table with one per-row overflow menu rendered open inline showing Edit, Duplicate, Move, and Delete actions without any Radix portal.
- [Search Highlight Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/search-highlight-table): An environment variables table with a filter input that narrows rows live and marks the matched substring inside each key, above a live count line.
- [Selectable Bulk Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/selectable-bulk-table): Row checkboxes with a select all header and a bulk bar with Remove and Export.
- [Sortable Header Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/sortable-header-table): Projects table with sort affordance icons on every column header, one column actively sorted descending, and a shift-click secondary sort hint in the footnote.
- [Sparkline Metrics Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/sparkline-metrics-table): Key metrics table pairing each row with its current value, week over week change, and an inline SVG trend sparkline.
- [Status Summary Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/status-summary-table): Support queue with an Open, Blocked, and Done count strip above the ticket rows and a status badge per row.
- [Sticky Footer Totals Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/sticky-footer-totals-table): Invoice lines table with right-aligned tabular numbers, status badges, and a sticky footer row showing the line item count and running total for billing pages.
- [Sticky Header Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/sticky-header-table): A background jobs table inside a fixed height scroll viewport with the column header pinned by sticky positioning, so headers stay readable as rows scroll.
- [Table With Expandable Rows](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/table-with-expandable-rows): Orders with one row expanded to its line items in a muted inset, statically.
- [Table With Filters](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/table-with-filters): Projects with filter chips narrowing rows live, the count updating per click.
- [Timeline Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/timeline-table): Project schedule table with an inline proportional bar per row showing each project span within a defined date window.
- [Tree Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/tree-table): Hierarchical cost center table with expand chevrons, indented child rows, and rolled-up budget totals per parent.
- [Users Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/data-tables/users-table): Members with role badges, last active times, and the seat math beside the invite button.

### Developer Tools

Browse 17 Application Pro developer blocks for shadcn/ui. Log viewers, terminals, env managers, deploy panels, and API consoles.

- [Api Console](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/api-console): REST request builder with a method and path row, query params and headers tabs, a Send affordance, and a JSON response panel.
- [Build Status List](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/build-status-list): CI pipeline list with branch, commit message, status Badges, duration, a running progress bar, and a view-logs affordance on failed builds.
- [Cron Jobs Monitor](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/cron-jobs-monitor): Rows with a job name, cron expression, cadence, a dot strip of recent runs, last and next run times, and a status badge.
- [Dependency Audit](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/dependency-audit): Severity count tiles above a vulnerability table with package names, advisory ids, installed and patched versions, and an update action.
- [Deploy Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/deploy-panel): Deployment surface showing the current build steps progress, actor, commit sha, and a recent deploy history list with rollback.
- [Diff Viewer](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/diff-viewer): A code review diff with a compare header, branch chips, change totals, per file cards, and a unified diff tinting added and removed lines.
- [Env Vars Manager](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/env-vars-manager): Secrets configuration table with mono keys, sha256 hash chips, a disabled reveal button, target Badges, and a write-only honesty note.
- [Error Inbox](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/error-inbox): A master list of grouped exceptions with event counts and sparkline bars beside a detail pane showing the selected issue and its stack trace.
- [Feature Flags Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/feature-flags-panel): An environment chip row above flag rows with a mono key, rollout meter, kind badge, last editor avatar, and an enable switch.
- [Log Viewer](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/log-viewer): Live log stream with level Badges, mono timestamps, per-service labeling, level filter chips, and a tail affordance.
- [Migrations Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/migrations-panel): A database migrations timeline with a header and apply action above a railed list of pending migrations and applied ones with run times.
- [SDK Quickstart](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/sdk-quickstart): A three step SDK onboarding stepper with package manager install tabs, a client initialization snippet, a first event call, and a live waiting panel.
- [Secrets Rotation Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/secrets-rotation-card): Secret rotation panel listing active secrets with age nudges, masked prefixes, and a rotate button that keeps the old secret valid for 24 hours.
- [SQL Query Editor](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/sql-query-editor): A query workspace pairing a schema sidebar of tables and row counts with a syntax tinted SQL editor and a results table with timing.
- [Terminal Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/terminal-panel): Embedded terminal blueprint with a named session tab row, realistic command output, and a blinking prompt cursor.
- [Trace Waterfall](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/trace-waterfall): A distributed trace waterfall with a header of id, status, and duration above indented span rows whose bars sit on a shared time axis.
- [Webhook Logs Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/developer-tools/webhook-logs-table): Webhook delivery log with event name, endpoint, HTTP status badge, duration, attempt ratio, and inline response body for failed rows.

### Dialogs

Browse 30 Application Pro dialog blocks for shadcn/ui. Confirms, invites, sharing, shortcuts, and exports as open state blueprints.

- [Api Key Created Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/api-key-created-dialog): One-time API key reveal dialog with a monospaced copy field, a one-time-only warning, scoped permissions, and a checkbox-gated Done button.
- [Archive Project Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/archive-project-dialog): Archive confirmation dialog with icon rows for what changes, a kept and restorable stats strip, a notify members checkbox, and a restore note.
- [Bulk Edit Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/bulk-edit-dialog): Bulk-edit dialog for 14 selected items with a status Select, a change-preview callout, optional fields, and a 30-second undo-window note.
- [Cancel Subscription Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/cancel-subscription-dialog): A cancel subscription dialog with a reason radio list, a pause offer panel, a period end access note, and a keep plan primary action.
- [Confirm Delete Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/confirm-delete-dialog): What deleting Apollo destroys and what survives, gated by typing the name.
- [Connect Account Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/connect-account-dialog): Integration connect dialog listing exact OAuth scopes, a minimal-scope trust note, and both an OAuth button and an API key path.
- [Create Webhook Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/create-webhook-dialog): A create webhook dialog with an endpoint URL field, a checklist of subscribable events showing volume estimates, a signing note, and create actions.
- [Edit Conflict Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/edit-conflict-dialog): Edit conflict dialog with a three column yours versus theirs field diff, a radio list of resolutions, and a version history safety note.
- [Export Data Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/export-data-dialog): Format and scope choices with real counts, delivered in minutes, not 30 days.
- [Feedback Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/feedback-dialog): Feedback dialog with a Bug, Idea, or Other type toggle, a message textarea, an optional screenshot attachment, and honest per-type routing copy.
- [Import Result Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/import-result-dialog): Post-import report dialog showing created, skipped, and failed row counts with named skip reasons and a download link for the skipped rows.
- [Invite Members Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/invite-members-dialog): Emails, role, and the seat consequence stated before send, not after.
- [Keyboard Help Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/keyboard-help-dialog): Keyboard shortcuts reference dialog with two columns of grouped Kbd combos, a search bar, and a roadmap note that remapping is not yet available.
- [Keyboard Shortcuts Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/keyboard-shortcuts-dialog): Two columns of Kbd combos with the honest note that remapping is not here yet.
- [Merge Duplicates Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/merge-duplicates-dialog): A merge dialog pairing two contact records with per field radio picks for the winning value, a retention note, and keep or merge actions.
- [Move To Project Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/move-to-project-dialog): Bulk-move dialog for 8 selected items with a searchable project list, a what-moves callout, and a 30-minute undo window note.
- [Payment Failed Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/payment-failed-dialog): Payment failed dialog with the invoice in label and value rows, an expired card flagged inline, a dated retry schedule, and card actions.
- [Remove Member Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/remove-member-dialog): A remove member dialog with the member card, a counted list of what they still own, a reassign select, and a confirm and reassign action.
- [Request Access Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/request-access-dialog): Request access dialog with a locked document card, an access level radio list from view to edit, a message field, and a response note.
- [Restore Version Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/restore-version-dialog): A version history dialog with the current revision pinned above a radio list of prior versions showing authors, timestamps, and change summaries.
- [Role Change Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/role-change-dialog): Role change confirmation for Maya Chen from Member to Admin with three access gain bullets and an effective immediately note.
- [Schedule Action Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/schedule-action-dialog): Publish now or schedule for later dialog with a date and time pair, inline timezone, and an offline-safe run note.
- [Session Expiring Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/session-expiring-dialog): Session expiry warning dialog giving two minutes notice, a stay-signed-in action, and a guarantee that open drafts are saved regardless of choice.
- [Share Link Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/share-link-dialog): The link as a copyable chip, access level, expiry, and who already has it.
- [Sign Out Sessions Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/sign-out-sessions-dialog): A sign out sessions dialog with the current device pinned, a checkbox list of other active sessions, an unfamiliar flag, and a sign out action.
- [Transfer Ownership Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/transfer-ownership-dialog): Transfer-ownership dialog with a member Select, two named consequence rows, a type-to-confirm input, and the irreversible-without-them note.
- [Two Factor Setup Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/two-factor-setup-dialog): A two factor setup dialog with a QR mockup beside a copyable manual key, a six cell code entry, and a one time recovery codes note.
- [Unsaved Changes Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/unsaved-changes-dialog): Leave confirmation dialog listing three specific unsaved field changes with Discard, Keep editing, and Save and leave actions.
- [Upgrade Plan Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/upgrade-plan-dialog): A plan limit dialog with per resource usage meters, a bordered next tier card listing features and price, and a prorated billing note.
- [Verify Domain Dialog](https://www.shadcn-ui-blocks.com/blocks/application-pro/dialogs/verify-domain-dialog): 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.

### Empty States

Browse 29 Application Pro empty state blocks for shadcn/ui. Empty tables, no results, permission walls, and error pages.

- [Archived Project State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/archived-project-state): Read only archived project page with a preserved banner, a snapshot count grid, an archive record card, and restore and export actions.
- [Cleared Inbox State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/cleared-inbox-state): Inbox zero panel showing 14 handled today, 0 open, and 2 snoozed with a calm no-action-needed message.
- [Coming Soon State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/coming-soon-state): Feature placeholder naming the section, two capability bullets, a notify-me email form, and an honest no-date timeframe.
- [Deleted Resource State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/deleted-resource-state): A not found panel for a deleted document with a struck through breadcrumb trail, a deletion record, a restore note, and two recovery actions.
- [Empty Automations State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/empty-automations-state): Empty automations panel pairing a build from scratch action with three starter template recipe rows and a facts row on run speed and quota.
- [Empty Chart State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/empty-chart-state): Analytics panel keeping the full chart frame and axis ticks, with a zero range message offering wider ranges and their real event counts.
- [Empty Comments State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/empty-comments-state): Empty discussion panel with a zero comment header, a watcher avatar row, and an inline composer with a mention hint and visibility note.
- [Empty Table State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/empty-table-state): Members table with the real header row visible and an empty body explaining which filters hid all 14 rows.
- [Empty Uploads Dropzone](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/empty-uploads-dropzone): An empty file library with a dashed dropzone, browse and import from URL actions, a facts row for formats and storage, and a privacy note.
- [Error Boundary Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/error-boundary-card): In-place panel fallback showing a mono error reference, a section-scoped retry button, and confirmation that the rest of the page is unaffected.
- [Error Page 404](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/error-page-404): Centered 404 page showing the failed path in mono, three reasons a workspace link goes stale, and search or dashboard as recovery actions.
- [Error Page 500](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/error-page-500): The 500 with a mono incident id, the team already paged, retry and status links.
- [First Run Checklist Empty](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/first-run-checklist-empty): Empty dashboard state with a 4-step setup checklist, progress bar, and honest note that panels appear as steps are completed.
- [Import In Progress State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/import-in-progress-state): A panel for a running data import with a three step pipeline, a live progress bar, meta rows for timing, and notify or cancel actions.
- [Maintenance Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/maintenance-page): Full-page planned maintenance screen with a stated window, estimated time remaining, a do-nothing instruction, and a status-page link.
- [No Access Yet State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/no-access-yet-state): Pending-access gate naming the reviewer with avatar and ETA, plus a list of surfaces the user can reach in the meantime.
- [No Data Yet State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/no-data-yet-state): Empty panel with a geometric illustration, an events headline, an explanation of when data appears, and a primary API call action.
- [No Integrations State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/no-integrations-state): Empty integrations surface with unlock bullets, a browse CTA, and Slack, GitHub, and Jira quick-connect chips.
- [No Search Results State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/no-search-results-state): The query kept, three scopes to widen, and what search covers stated.
- [Offline State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/offline-state): Offline state panel listing what still works locally and what is paused until reconnection, with a guarantee that queued drafts are never lost.
- [Onboarding Empty Dashboard](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/onboarding-empty-dashboard): The dashboard before data, zeroed KPIs and the five minute fill promise.
- [Payment Failed State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/payment-failed-state): Payment failed billing gate showing the card on file, the exact decline code, a three attempt retry schedule, and update and retry actions.
- [Permission Denied State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/permission-denied-state): The 403 that names the role, the owners who grant it, and the request flow.
- [Rate Limited State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/rate-limited-state): Rate limit panel showing the 60 requests per minute cap, the reset time, and upgrade or support paths to increase the limit.
- [Search No Matches](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/search-no-matches): Zero-result state echoing 3 active filter chips, the count 0 of 124, and per-filter recovery suggestions with item counts.
- [Session Expired State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/session-expired-state): Session expired screen showing the account for one click resume, a saved draft note, meta rows naming the policy, and sign in actions.
- [Storage Full State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/storage-full-state): A storage quota panel with a segmented usage bar at capacity, a category breakdown, paused versus working lists, and free space or upgrade actions.
- [Trial Expired State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/trial-expired-state): Trial expired gate stating the end date, side by side lists of what stays read only versus what is paused, the plan price, and export.
- [Welcome Back State](https://www.shadcn-ui-blocks.com/blocks/application-pro/empty-states/welcome-back-state): Returning-user digest showing three dated workspace changes, a resume link, and an explicit note that nothing was deleted.

### File Manager

Browse 18 Application Pro file blocks for shadcn/ui. File browsers, upload dropzones, galleries, detail panels, and folder trees.

- [File Activity Feed](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/file-activity-feed): A folder activity timeline grouping events by day on a vertical rail, each with an action icon, actor avatar, action sentence, and folder path.
- [File Browser Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/file-browser-table): Folder contents table with file-type icons, owner avatars, tabular sizes, modified times, and per-row actions.
- [File Conflict Resolver](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/file-conflict-resolver): A sync conflict resolver with one card per file comparing the device copy against the cloud copy by radio choice, plus an apply summary bar.
- [File Detail Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/file-detail-panel): File inspector with a preview, ruled metadata rows, a shareable link chip, version count, and action buttons.
- [File Grid Gallery](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/file-grid-gallery): Media grid of eight thumbnail tiles with type badges, filename captions, one selected tile, and a view toggle.
- [File Request Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/file-request-panel): A two column file request workspace pairing a create form with title, folder, deadline, and notify switch beside an open requests list with progress.
- [File Search Results](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/file-search-results): A file search panel with a query field, removable filter chips, a result count, and rows with highlighted matches, paths, size, and dates.
- [File Version History](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/file-version-history): A version history card with the current revision highlighted and earlier versions as ruled rows showing editor, note, size, restore, and download.
- [Folder Tree Nav](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/folder-tree-nav): Recursive folder tree sidebar with expand chevrons, item counts, one active node, and Trash and Shared rows.
- [Recent Files List](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/recent-files-list): Recent files list grouped by Today and This week showing file type icon, name, folder path, last editor, and relative time.
- [Share Permissions Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/share-permissions-panel): A file share panel with an invite by email row, a people with access list showing roles, general link access, and footer actions.
- [Shared Links Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/shared-links-table): A shared links table listing each file, link access badge, creator avatar, download count, and expiry, with per row copy and actions buttons.
- [Shared With Me Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/shared-with-me-table): Shared files table showing owner avatar, shared date, and access level badge per file with an open affordance on each row.
- [Storage Cleanup Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/storage-cleanup-panel): A storage cleanup panel with a reclaimable space summary, checkbox large files and duplicates sections, an old trash row, and a selection bar.
- [Storage Usage Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/storage-usage-card): Storage quota card showing 142 of 250 GB used with a type breakdown bar and a recoverable trash hint.
- [Sync Status Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/sync-status-panel): A sync status panel with a linked devices list showing per device state, followed by a selective sync section with per folder toggle switches.
- [Trash Bin Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/trash-bin-table): Trash table listing deleted files with deleter, deletion time, days until permanent removal, and per-row restore and delete-forever actions.
- [Upload Dropzone Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/file-manager/upload-dropzone-card): Dashed dropzone with accepted types and a transfer list showing uploading, done, and failed states with errors.

### Filters and Search

Browse 29 Application Pro filter blocks for shadcn/ui. Faceted bars, saved views, advanced builders, and date ranges.

- [Advanced Filter Builder](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/advanced-filter-builder): Three condition rows with AND OR logic and the live match count.
- [Applied Filters Summary](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/applied-filters-summary): Active filter summary bar that renders the current filter state as a plain sentence with removable tokens and a result count.
- [Column Filter Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/column-filter-blueprint): Static open state of a column header filter popover with a search box, checkbox value list with counts, and apply and clear controls.
- [Date Range Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/date-range-panel): Presets beside a two month grid with a highlighted range and the timezone line.
- [Faceted Filter Bar](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/faceted-filter-bar): Three facet chips with removable tokens and the live count per change.
- [Filter Chips Row](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/filter-chips-row): Removable filter chips above results with a live match count and a clear all control.
- [Filter Funnel Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/filter-funnel-panel): A filter funnel showing active filters as ordered steps, each with a proportional bar and the results remaining, above a clear all footer.
- [Find In View Bar](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/find-in-view-bar): In panel find bar over a log view with a query input, live match count, previous and next navigation, and case and whole word toggles.
- [Group By Selector](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/group-by-selector): Grouping control with dimension chips for Status, Assignee, and Priority that previews the resulting group headers with per-group counts and mini progress bars.
- [Grouped Results Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/grouped-results-blueprint): Global search panel in its open state with a query input, results grouped into Projects, People, and Documents, and a keyboard hint footer.
- [Include Exclude Tags](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/include-exclude-tags): Tri state tag filter where each tag cycles from neutral to required to excluded, a summary line, and a demo alert list that responds.
- [Multi Facet Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/multi-facet-panel): Faceted filter sidebar with collapsible groups for Status, Owner, Label, and Date, with checkbox value lists and hit counts.
- [Multi Sort Builder](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/multi-sort-builder): Ordered sort rules with a field chip, a direction toggle, and remove controls, an add sort button, and a demo issue list that reorders live.
- [Query Language Bar](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/query-language-bar): Power-search bar with a structured query input, token-highlighted echo of parsed filters, a syntax reference panel, and a live result count.
- [Quick Filter Toggles](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/quick-filter-toggles): A rail of switch based quick filters above a task queue, a live result count with reset, the filtered list, and an inline empty row.
- [Range Filter Histogram](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/range-filter-histogram): A numeric range facet with a distribution histogram, a dual thumb slider, min and max readouts, quick range presets, and a live match count.
- [Recent And Saved Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/recent-and-saved-blueprint): Static open state of a search dropdown with recent queries, named saved searches, and a keyboard hint footer.
- [Results Density Toggle](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/results-density-toggle): View-controls toolbar with independent density and layout toggles wired to a demo list that visibly responds with changed padding and grid or list arrangement.
- [Saved Filter Pills](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/saved-filter-pills): Named saved-search pills row with active state inversion, per-pill result counts, a star save affordance, and a pencil edit control.
- [Saved Searches Manager](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/saved-searches-manager): A saved searches panel listing each search with its query, visibility, owner, and last used time, plus default, edit, and delete row actions.
- [Saved Views Tabs](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/saved-views-tabs): Named queries as tabs, the active view spelling out its query in plain text.
- [Scope Selector Bar](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/scope-selector-bar): Search scope chip switcher showing result counts per scope alongside a query input that updates its placeholder to match the active scope.
- [Search Preview Pane](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/search-preview-pane): A master detail search view with a hit list beside a live preview pane that shows the selected result body with every query match highlighted.
- [Search Results Highlights](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/search-results-highlights): A search results list with matched query terms highlighted in every title and snippet, entity type tabs with counts, and per result meta lines.
- [Search With Recent](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/search-with-recent): Search input with its suggestion panel open showing recent searches, suggested filter shortcuts, and a prefix tip.
- [Sort Density Toolbar](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/sort-density-toolbar): Working sort and density controls wired to a demo table that responds.
- [Sort Menu Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/sort-menu-blueprint): Static open-state sort popover with four sort options, an active checkmark, and a Desc/Asc direction toggle rendered inline without a Radix portal.
- [View Changes Bar](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/view-changes-bar): A saved view change bar listing unsaved edits as rows with per row undo, the resulting query, and update, save as new, and discard actions.
- [Zero Results Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/filters-and-search/zero-results-panel): A zero results search state with the failed query, a spelling suggestion, the active filters that may hide matches, and tips for broadening.

### Forms

Browse 30 Application Pro form blocks for shadcn/ui. Create flows, multi step panels, validation states, and imports.

- [Address Form Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/address-form-card): Address form with country Select first, locale aware field order and labels, and an autofill correction tip.
- [API Token Create Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/api-token-create-form): API token form with scope checkboxes, an admin warning line, expiry select, and a shows once footer notice.
- [Bulk Import CSV Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/bulk-import-csv-card): Drop zone, column mapping with one flagged field, and the dry run promise.
- [Conditional Fields Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/conditional-fields-form): Alert rule form where a channel Select reveals dependent fields, with the email branch shown expanded.
- [Create Project Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/create-project-form): Name with slug preview, the immutable region warning, framework tiles, visibility.
- [Cron Schedule Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/cron-schedule-form): Recurring schedule builder with a frequency select, day-of-week toggle chips, time and timezone selects, and a summary listing the next three runs.
- [Danger Zone Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/danger-zone-form): Destructive delete form with an itemized consequence list, two acknowledgment checkboxes, and a type-to-confirm input that gates the delete button.
- [Date Range Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/date-range-form): Date range input with preset chips, from and to fields, a resolved range summary, and a workspace timezone note.
- [Feedback Form Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/feedback-form-card): Compact feedback card with Bug, Idea, and Praise kind chips and honest routing copy in the footer.
- [File Field Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/file-field-form): Form with a dropzone stating accepted types and size limit, an uploaded file chip with remove, and an honest note about decoupled upload timing.
- [Inline Edit Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/inline-edit-form): Profile card where each row shows its saved value with an Edit action that swaps a single row into an input with Save and Cancel.
- [Inline Validation Fields](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/inline-validation-fields): Form showing all three live validation states side by side: a valid field with a checkmark, a checking field with a spinner, and an error field with a corrective message.
- [Managed Fields Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/managed-fields-form): A profile form where a policy banner explains directory sync, identity fields render locked with a synced marker, and other fields stay editable.
- [Multi Step Form Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/multi-step-form-panel): Three step form shown mid flight at the Configuration step with autosave reassurance in the footer.
- [Notification Matrix Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/notification-matrix-form): Notification matrix with event rows crossed against email, push, and Slack checkbox columns, a locked security row, and an email frequency select.
- [Password Strength Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/password-strength-form): Change password card with current and new fields, a live requirement checklist, a four segment strength meter, a confirm field, and a footer action.
- [Payment Details Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/payment-details-form): Card payment form with number, expiry, CVC, postal code, a save card toggle, and a processor security note.
- [Query Builder Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/query-builder-form): A segment builder with a match mode select, condition rows pairing field, operator, and value controls, plus a live estimate of matching contacts.
- [Repeatable Rows Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/repeatable-rows-form): Dynamic line-item form with editable description, quantity, and unit price columns, a remove button per row, an add row affordance, and a live running total.
- [Review and Submit Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/review-and-submit-card): Multi-section form summary with inline edit links per section, a terms acceptance checkbox, and a submit button that stays disabled until the user confirms.
- [Rich Text Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/rich-text-form): A compose form with a title field and an editor toolbar of formatting actions, a write and preview toggle, plus attach, mention, and publish controls.
- [Searchable Select Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/searchable-select-blueprint): Static open combobox blueprint with a search input, grouped options, one highlighted and one checked, and a create new row.
- [Settings Form Two Col](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/settings-form-two-col): Two column settings form with label and helper text on the left and the field on the right, with a save bar.
- [Stepper Wizard Review](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/stepper-wizard-review): Final review step of a multi-step wizard with a checked stepper, per-step value summaries with Edit links, and a confirm button.
- [Tag Input Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/tag-input-form): Form with a tag input showing existing chips, an inline suggestion list on partial match, a create new tag option, and a per-project tag limit note.
- [Threshold Slider Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/threshold-slider-form): Alert threshold form with paired warning and critical sliders, live readouts, a zone bar that redraws as thumbs move, and a duration select.
- [Unsaved Changes Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/unsaved-changes-form): A settings form in its dirty state with per field edited markers, revert actions, saved values, and a footer counting unsaved changes beside save.
- [Validation States Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/validation-states-form): Blueprint showing valid, invalid, and warning field states side by side with actionable error copy guidance.
- [View Only Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/view-only-form): Read only form state with a permission banner, every field disabled at its saved value, and a footer explaining why save is off.
- [Weekly Hours Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/forms/weekly-hours-form): Weekly availability editor with one row per day, an on/off switch, from and to time selects for open days, and an apply-to-weekdays shortcut.

### Help and Support

Browse 21 Application Pro support blocks for shadcn/ui. Help centers, ticket views, doc readers, and contact panels.

- [Article Reader](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/article-reader): Help article layout with a breadcrumb, sectioned body, a sticky table-of-contents rail, and a was-this-helpful feedback row.
- [Canned Responses Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/canned-responses-blueprint): Static open-state blueprint of a saved replies picker beside a reply composer, with a searchable snippet list and one highlighted row ready to insert.
- [Community Q&A Thread](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/community-qa-thread): A voted community question card with author meta and tags above an answers list, an accepted staff answer pinned first, and a reply footer.
- [Contact Support Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/contact-support-panel): Support contact page with three channel cards and an email form that states the honest no priority queue policy.
- [Contextual Help Drawer](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/contextual-help-drawer): A contextual help layout pairing a dimmed billing settings canvas with a docked help drawer of matched articles, a walkthrough card, and contact actions.
- [CSAT Survey Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/csat-survey-panel): Post resolution survey card with solved ticket context, a 1 to 5 rating scale, a what stood out checklist, comment field, and submit row.
- [Diagnostics Report Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/diagnostics-report-panel): A diagnostics report with a rerun action, automatic checks in pass, warn, and fail states, an environment rail, and copy or attach actions.
- [Faq Accordion Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/faq-accordion-panel): In-app FAQ card with six common questions in an accordion, first item open, and a link to open a support ticket.
- [Getting Started Checklist](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/getting-started-checklist): An onboarding setup card with a completion count, a segmented progress bar, completed steps, an expanded current step with actions, and upcoming numbered steps.
- [Guided Troubleshooter](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/guided-troubleshooter): A troubleshooting wizard with a progress bar, an answered steps summary, the current question as selectable option rows, and step actions.
- [Help Center Home](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/help-center-home): Help center landing with a search bar, six icon category tiles with article counts, and a popular articles list.
- [Help Search Results](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/help-search-results): A help center search field and facet rail beside a results list of breadcrumbs, excerpts, and meta badges, with a support fallback strip.
- [Known Issues Board](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/known-issues-board): A known issues board with a page header, status filter chips with counts, and a list of confirmed issues showing area, reports, and workarounds.
- [Product Glossary](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/product-glossary): A glossary filter field, an A to Z index strip, and letter sections listing terms with definitions, area tags, and cross links.
- [Shortcuts Reference](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/shortcuts-reference): A keyboard shortcuts panel with a platform toggle, a two column grid of categories pairing action labels with keycap combinations, and a customize footer.
- [SLA Response Matrix](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/sla-response-matrix): A support SLA panel with a plan header, a severity by plan matrix of first response targets with your plan highlighted, and coverage notes.
- [Submit Request Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/submit-request-form): A support ticket form with subject, area, severity, description, and attachments beside a rail of suggested articles and response time targets.
- [Ticket Detail](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/ticket-detail): Support ticket view with a header, customer and agent conversation thread, internal notes, and a reply composer.
- [Ticket List](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/ticket-list): Agent support queue showing ticket subject, requester avatar, status and priority badges, last update time, and assigned agent with a filter strip.
- [Ticket Status Tracker](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/ticket-status-tracker): Customer ticket page with a five stage progress timeline, latest agent update card, reply button, and a details rail with next update time.
- [Video Tutorials Library](https://www.shadcn-ui-blocks.com/blocks/application-pro/help-support/video-tutorials-library): A tutorials header with topic chips, a continue watching card with progress and an up next list, and a browse grid of video cards.

### Inbox and Email

Browse 22 Application Pro email blocks for shadcn/ui. Email lists, readers, composers, inbox sidebars, and label managers.

- [Attachment Gallery](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/attachment-gallery): A mailbox files view with type filter chips, month grouped cards showing a file icon, sender, and size, plus a storage usage footer.
- [Bulk Actions Toolbar](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/bulk-actions-toolbar): Email list with a contextual toolbar showing Archive, Mark read, Label, Snooze, and Delete when messages are selected.
- [Compose Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/compose-blueprint): Static blueprint of a bottom-right docked compose window with To, Cc, and Subject fields, a body area, formatting affordances, and a Send button with a keyboard shortcut hint.
- [Delivery Status](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/delivery-status): Sent message tracking pane with an engagement summary and recipient rows pairing each status badge with a last activity detail line.
- [Email Filters Rules](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/email-filters-rules): Email rules manager with ruled rows describing each rule in plain English, action badges, a toggle switch, and an add-rule affordance.
- [Email List](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/email-list): Inbox message list with sender avatars, subjects, snippets, unread indicators, star toggles, and attachment markers per row.
- [Email Reader](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/email-reader): Full message reading pane with sender row, body paragraphs, attachment chip, collapsed quoted reply, and reply or forward actions.
- [Inbox Sidebar](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/inbox-sidebar): Mail navigation sidebar with a Compose button, standard folders with unread counts, and a labeled section of color-coded labels with message counts.
- [Label Manager](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/label-manager): Label settings panel with a ruled table of color-swatched labels, message counts, rename and delete actions, an inline create row, and a drag-to-nest note.
- [Quick Reply Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/quick-reply-blueprint): Static open-state blueprint of a compact inline reply composer with canned-reply chips and an edit-before-sending note.
- [Scheduled Send Queue](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/scheduled-send-queue): An outbox pane grouping queued messages by send window, each row showing recipient, subject, snippet, send time, and edit and send actions.
- [Search Results](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/search-results): A mail search pane with a token filled search bar, folder scope chips, ruled result rows highlighting the matched term, and a result count footer.
- [Sender Profile Rail](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/sender-profile-rail): Contact detail rail beside an open message with an identity header, quick actions, relationship stats, recent conversations, and shared files.
- [Shared Inbox Triage](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/shared-inbox-triage): A shared support mailbox with queue tabs, conversation rows showing customer, subject, and status, and an assignee chip or Assign action.
- [Signature Editor](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/signature-editor): A left rail of saved signatures and default pickers beside a main pane with a formatting toolbar, source editor, and rendered message preview.
- [Snooze Email Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/snooze-email-blueprint): Static open snooze popover beside a message row with four preset return times and a pick-a-date option.
- [Spam Quarantine](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/spam-quarantine): A quarantine pane listing held messages with a monogram, sender, subject, a detection reason badge, an auto delete countdown, and per row actions.
- [Split Inbox](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/split-inbox): Split inbox pane that sorts mail into labeled sections, each with an unread count, a view all link, and compact sender rows.
- [Template Library](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/template-library): Canned reply template library with category filter chips and a card grid showing each template name, body preview, slash shortcut, and usage count.
- [Thread Collapsed](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/thread-collapsed): Email thread view with earlier messages collapsed to one-line summaries and the latest message fully expanded with body, attachment chip, and a reply prompt.
- [Unsubscribe Manager](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/unsubscribe-manager): Ruled rows of low engagement senders, each with a monogram, address, weekly volume, last opened stat, and unsubscribe or keep actions.
- [Vacation Responder](https://www.shadcn-ui-blocks.com/blocks/application-pro/inbox-email/vacation-responder): An out of office settings panel with a master switch, date range fields, subject and message inputs, audience checkboxes, and a save footer.

### Integrations

Browse 27 Application Pro integration blocks for shadcn/ui. Galleries, detail panels, webhooks, and connected accounts.

- [Api Explorer Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/api-explorer-panel): In-app REST console with an endpoint row, editable query parameter rows, a Send button, and a response area showing a JSON snippet with a status badge and timing.
- [API Keys Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/api-keys-panel): A one time reveal banner for a freshly created key, then rows of active keys with environment, masked prefix, scopes, and revoke actions.
- [Api Usage Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/api-usage-card): Usage against allowance, top endpoints, and the observed rate limit peak.
- [API Version Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/api-version-panel): A version summary card with an upgrade action above a list of date named API versions with status badges, change highlights, and sunset warnings.
- [Connected Accounts List](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/connected-accounts-list): OAuth accounts with scopes and the guard rail on the only sign in method.
- [Connected Services Status](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/connected-services-status): Provider status board where each connected service shows live status, response time, and last incident, plus an impact note on the degraded provider.
- [Field Mapping Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/field-mapping-panel): Source CRM fields on the left mapped to destination fields on the right, with transform badges, one unmapped row flagged, and a save footer.
- [Github Repo Picker](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/github-repo-picker): GitHub repo selection panel with a searchable repository list, per-repo checkboxes, private badges, a minimal-scope note, and a save action.
- [Incoming Webhook Setup](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/incoming-webhook-setup): Incoming webhook setup panel with a generated endpoint URL, masked signing secret, accepted event types, and a JSON payload sample.
- [Integration Detail Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/integration-detail-panel): GitHub integration page with connected account, permissions list, configure rows, and disconnect consequence.
- [Integration Health Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/integration-health-card): Per-integration health panel showing connected status, last sync time, sync frequency, error count, and a five-run sync history.
- [Integration Logs Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/integration-logs-table): Integration event log with timestamp, direction, event name, HTTP status badge, duration, and an expanded error detail row for failed events.
- [Integration Marketplace](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/integration-marketplace): 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.
- [Integration Request Board](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/integration-request-board): Request board for missing integrations with a submission form, then top requested tools ranked by votes with upvote buttons and roadmap status badges.
- [Integration Setup Wizard](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/integration-setup-wizard): 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.
- [Integrations Gallery](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/integrations-gallery): Six integration tiles with category chips, Connected badges on active connections, and a support footer.
- [IP Allowlist Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/ip-allowlist-panel): An allowlist panel with an enforcement badge, a current address warning, an add form, and rows of CIDR ranges with owners and last match times.
- [Oauth Consent Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/oauth-consent-blueprint): OAuth grant screen listing exact permissions granted and a cannot list, connecting as a named account, with Authorize and Cancel actions.
- [Oauth Scopes Review](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/oauth-scopes-review): OAuth permissions audit panel listing each app scope with a plain-English description, risk level, and a per-scope revoke affordance.
- [Rate Limit Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/rate-limit-card): API rate limit card showing current rpm usage against the plan cap with a progress bar, rolling window details, and the queue-not-drop policy.
- [SDK Quickstart Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/sdk-quickstart-panel): A quickstart panel with a language tab strip, three numbered steps for install, auth, and a first request with copyable code, and reference links.
- [Slack Connect Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/slack-connect-panel): Slack integration config panel showing the connected workspace, a channel selector, per-event notification toggles, a test-message affordance, and a disconnect section.
- [Sync Conflict Resolver](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/sync-conflict-resolver): Conflict queue where two systems changed one field, shown as side by side value panels with per side keep actions and a default rule note.
- [Sync Dry Run Preview](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/sync-dry-run-preview): Pre sync dry run report with create, update, skip, and conflict summary tiles, a sample of exact field changes, and a gated enable action.
- [Sync Status Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/sync-status-panel): Integration sync health panel with per object type record counts, last success times, one error row with the exact message and retry countdown.
- [Webhook Settings Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/webhook-settings-panel): Endpoints with delivery status, the failing one shown as ops, not shame.
- [Webhook Test Console](https://www.shadcn-ui-blocks.com/blocks/application-pro/integrations/webhook-test-console): Webhook debugging surface with an event-type selector, a JSON sample payload, a send-test action, and a recent-deliveries strip with inline failure responses.

### Kanban and Boards

Browse 16 Application Pro board blocks for shadcn/ui. Kanban boards, swimlanes, column cards, filters, and card detail blueprints.

- [Blocked Cards Board](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/blocked-cards-board): Kanban release board where blocked cards take a tinted border and Blocked chip, column headers count blockers, and the board totals every blocker.
- [Board Automation Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/board-automation-panel): A board automation surface pairing a rules list with enable switches and run counts beside a When, If, Then rule editor and save actions.
- [Board Column Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/board-column-card): Isolated kanban column with header count, add affordance, and cards showing label, assignee, due date, and subtask progress.
- [Board Filters Bar](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/board-filters-bar): Board toolbar with assignee avatar toggles, label chips, a group-by control, search, and a visible filtered card count.
- [Board Header Toolbar](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/board-header-toolbar): Board name, Board and Table and Timeline view switcher, member avatar filters, an active filter badge, group-by selector, and a share button.
- [Board Template Picker](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/board-template-picker): Board creation grid of workflow templates, each with a mini column mockup, a description, and a columns and automations meta line; one is selected.
- [Card Aging Board](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/card-aging-board): A kanban board where each card carries a days in column chip tiered fresh, aging, or stale, with stale cards flagged and a threshold legend.
- [Card Checklist Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/card-checklist-panel): Subtask checklist inside an open kanban card with a progress bar, five items, two pre-checked, and an add-item affordance.
- [Card Composer Column](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/card-composer-column): Kanban board with an open inline card composer in the first column, offering a title field, label, owner, due date, and estimate chips.
- [Card Detail Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/card-detail-blueprint): Static open-card panel over a scrim showing status, assignee, description, a checklist with progress, and comment count.
- [Collapsed Columns Board](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/collapsed-columns-board): A kanban board where quiet stages collapse into slim vertical rails showing name and count, while active stages stay expanded with cards.
- [Column Policy Board](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/column-policy-board): Kanban board where every column carries a dashed entry policy panel listing the criteria a card must meet before it can move into that stage.
- [Drag State Board](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/drag-state-board): A kanban board frozen mid drag with a dashed pickup ghost, a tilted lifted card over an insertion indicator, and a move status line.
- [Kanban Board](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/kanban-board): Full four-column product board with issue cards showing label badges, assignee avatars, and muted Done column.
- [Swimlane Board](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/swimlane-board): Kanban grid with two assignee lanes crossing three workflow columns and dashed empty-cell placeholders.
- [WIP Limit Board](https://www.shadcn-ui-blocks.com/blocks/application-pro/kanban-boards/wip-limit-board): A kanban board with per column work in progress limits, count against limit chips, an over limit column flagged, and story point totals per stage.

### Localization

Browse 11 Application Pro localization blocks for shadcn/ui. Language switchers, translation tables, locale previews, and format settings.

- [Format Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/localization/format-settings): Format settings panel with date, time, week start, number, and currency Selects each showing a live preview value and an auto-detect from locale toggle.
- [Glossary Manager](https://www.shadcn-ui-blocks.com/blocks/application-pro/localization/glossary-manager): A master detail glossary pairing a term list with the selected term's definition, usage rules, banned variants, and approved translations per locale.
- [Language Switcher Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/localization/language-switcher-blueprint): Static open language picker panel with 10 locales in their native scripts, the current selection checked, and partial coverage notes on two languages.
- [Locale Coverage Matrix](https://www.shadcn-ui-blocks.com/blocks/application-pro/localization/locale-coverage-matrix): Coverage grid crossing string namespaces with target locales, percent cells with banded square indicators, a totals row, and a legend.
- [Locale Fallback Chain](https://www.shadcn-ui-blocks.com/blocks/application-pro/localization/locale-fallback-chain): A locale fallback chain with an ordered resolution list, coverage bars, and role badges, plus a trace showing a key served by the next locale.
- [Locale Preview Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/localization/locale-preview-card): Side-by-side locale comparison card showing how dates, numbers, currency, and a sample sentence render in English versus the selected target locale.
- [Pseudo Locale Tester](https://www.shadcn-ui-blocks.com/blocks/application-pro/localization/pseudo-locale-tester): A pseudo locale tester with a strategy switch and ruled rows pairing each English string with its accented render, growth percentage, and fit badge.
- [RTL Preview Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/localization/rtl-preview-panel): A right to left preview mocking a settings screen in English beside Arabic, plus a bidi checklist marking each check pass or issue.
- [String Editor Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/localization/string-editor-panel): Single string translation editor with source text, placeholder chip, machine suggestion row, target textarea with counters, and queue navigation.
- [Translation Progress Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/localization/translation-progress-card): Translation progress panel listing each language with a percent complete bar, exact string counts, and a Live, Preview, or Draft status badge.
- [Translation Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/localization/translation-table): Translation string table with mono keys, source English, French target, and Translated, Fuzzy, and Missing status badges with a per-row edit action.

### Maps and Location

Browse 12 Application Pro map blocks for shadcn/ui. Map panels, location pickers, address cards, and region selectors.

- [Address Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/maps-location/address-card): Saved address card with a static map thumbnail, edit and copy actions, coordinate line, and a default-address toggle with an invoice caveat.
- [Distance Radius Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/maps-location/distance-radius-card): Static map blueprint with a dashed SVG radius circle, a stepped radius control, and a count of locations within the selected distance.
- [Geofence Zones](https://www.shadcn-ui-blocks.com/blocks/application-pro/maps-location/geofence-zones): Static map blueprint with polygon and radius zones above ruled rows pairing each zone with its trigger rule, event count, and toggle.
- [IP Lookup Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/maps-location/ip-lookup-panel): A query field and lookup action above a result card that pairs resolved detail rows with a static map blueprint and a reputation footer strip.
- [Location History](https://www.shadcn-ui-blocks.com/blocks/application-pro/maps-location/location-history): A visit timeline listing each place with arrival window, time spent, and travel between stops, beside a breadcrumb map and a totals strip.
- [Location Picker](https://www.shadcn-ui-blocks.com/blocks/application-pro/maps-location/location-picker): Address search input with an open suggestion list and a static map preview blueprint showing the resolved pin and coordinates.
- [Location Sharing Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/maps-location/location-sharing-settings): A master sharing switch, a precision choice between precise and approximate, a list of people who can see you, and a history retention row.
- [Map With Pins Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/maps-location/map-with-pins-blueprint): Static office locations map with an SVG grid surface, five absolutely-positioned pins, zoom controls, and a side list of pinned locations.
- [Region Selector](https://www.shadcn-ui-blocks.com/blocks/application-pro/maps-location/region-selector): Data-residency region picker with latency indicators, compliance notes per region, and a footer stating region is set once at workspace creation.
- [Route Planner](https://www.shadcn-ui-blocks.com/blocks/application-pro/maps-location/route-planner): Ordered stop timeline with per leg distances and ETAs beside a static map tracing the route with numbered markers and a vehicle dot.
- [Territory List](https://www.shadcn-ui-blocks.com/blocks/application-pro/maps-location/territory-list): Sales territory table with static map thumbs, assigned rep avatars, account counts, and an assign affordance for unassigned rows.
- [Timezone Overlap](https://www.shadcn-ui-blocks.com/blocks/application-pro/maps-location/timezone-overlap): A teammate list showing avatar, city, and local time beside a 24 hour UTC strip of working hour cells, with a legend and best window footer.

### Media and Galleries

Browse 12 Application Pro media blocks for shadcn/ui. Media libraries, image grids, asset detail panels, and crop tools.

- [Album List](https://www.shadcn-ui-blocks.com/blocks/application-pro/media-gallery/album-list): Collection organizer listing albums with a cover thumbnail, item count, last updated date, and a create album affordance.
- [Asset Detail Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/media-gallery/asset-detail-panel): Asset inspector with a preview, ruled metadata rows for dimensions and usage, a copy URL chip, and replace, download, and delete actions.
- [Asset Version History](https://www.shadcn-ui-blocks.com/blocks/application-pro/media-gallery/asset-version-history): A file version history with a header, then ruled rows per version showing a thumbnail, change note, uploader, timestamp, size, and restore action.
- [Bulk Media Actions](https://www.shadcn-ui-blocks.com/blocks/application-pro/media-gallery/bulk-media-actions): Media bulk-ops toolbar showing selection count with Move, Tag, Download, and Delete actions and a clear-selection affordance.
- [Folder Breadcrumb Bar](https://www.shadcn-ui-blocks.com/blocks/application-pro/media-gallery/folder-breadcrumb-bar): Media folder toolbar with a clickable path, grid and list view toggle, sort picker, and New Folder and Upload actions.
- [Image Crop Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/media-gallery/image-crop-blueprint): Static crop tool blueprint with a Placeholder canvas, rule of thirds grid, corner handles, aspect ratio chips, and apply and cancel actions.
- [Lightbox Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/media-gallery/lightbox-blueprint): Static open state lightbox with a centered image, prev and next controls, a caption strip, and a five thumbnail filmstrip.
- [Media Library Grid](https://www.shadcn-ui-blocks.com/blocks/application-pro/media-gallery/media-library-grid): Asset browser grid with filename, type badge, and size captions, plus a toolbar with search, filter, view toggle, and upload.
- [Media List View](https://www.shadcn-ui-blocks.com/blocks/application-pro/media-gallery/media-list-view): A dense asset table with select checkboxes, a thumbnail and filename column, type badge, size, modified date, uploader avatar, and per row actions.
- [Storage Usage Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/media-gallery/storage-usage-panel): A storage quota panel with a used versus quota headline, a segmented usage bar by type, per type breakdown rows, and a trash reclaim row.
- [Upload Queue Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/media-gallery/upload-queue-panel): Batch upload tracker with per file progress bars, a cancel button, a completed row, and a failed row showing the size limit error.
- [Video Trim Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/media-gallery/video-trim-blueprint): A static video trim tool with a preview frame and timecode, a transport row, a filmstrip timeline with trim handles and playhead, and readout chips.

### Navigation

Browse 23 Application Pro navigation blocks for shadcn/ui. Topbars, breadcrumbs, command palettes, and workspace switchers.

- [App Switcher Grid](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/app-switcher-grid): Static open product suite switcher panel with six app tiles, a current badge, and a manage apps footer row.
- [Breadcrumb Dropdown Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/breadcrumb-dropdown-blueprint): Breadcrumb bar with the middle segment expanded into a sibling-project switcher panel showing the current item checked.
- [Breadcrumbs With Actions](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/breadcrumbs-with-actions): The detail page header, breadcrumb trail, title, and right aligned actions.
- [Command Palette Open](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/command-palette-open): Static open command palette with grouped Pages, Actions with Kbd shortcuts, and People results with avatars.
- [Context Menu Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/context-menu-blueprint): Static open-state context menu over a document row with grouped actions, keyboard hints, a submenu arrow on Move to, and Delete in muted weight.
- [Global Search Results](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/global-search-results): Full in-app search results page with grouped Projects, People, and Files sections, counts, and a filter rail.
- [Help Menu Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/help-menu-blueprint): Static open-state help menu with a docs search field, five action rows including keyboard shortcuts and a changelog unread dot, and a status footer.
- [Jump To Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/jump-to-blueprint): Static open-state jump-to bar with a typed query, matching destinations grouped and one highlighted, and keyboard navigation hints in the footer.
- [Mega Menu Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/mega-menu-blueprint): Static open mega-menu with three grouped link columns and a featured announcement panel, rendered without a Radix portal.
- [Page Outline Rail](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/page-outline-rail): A sticky on this page outline rail listing document anchors along a guide line with the active section marked, beside doc content with a code sample.
- [Pagination Bar](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/pagination-bar): Table footer pagination in two densities: a numbered bar with a row range and rows per page control, plus a compact prev and next variant.
- [Pinned Items Rail](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/pinned-items-rail): Icon-only sidebar rail with a pinned shortcuts section above the main nav, inline tooltip labels, and an add-pin affordance.
- [Recent History Menu Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/recent-history-menu-blueprint): Static open recents menu grouped into Today and Yesterday with item type chips, visit times, and a clear history action.
- [Record Pager Header](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/record-pager-header): A record detail header with a back link, a prev and next position counter with keyboard hints, and a title row with a status badge and actions.
- [Secondary Settings Nav](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/secondary-settings-nav): The settings nav column with grouped links and the Danger zone last and muted.
- [Section Switcher](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/section-switcher): Pill-style segmented toggle for switching in-page views with a per-segment item count, shown in mailbox and calendar range examples.
- [Sidebar Footer Menu Open](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/sidebar-footer-menu-open): Static open user menu at the sidebar foot with profile, settings, theme toggle, command shortcut, and sign out.
- [Sidebar Nav Tree](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/sidebar-nav-tree): An expanded workspace sidebar with flat items, a Projects group opened to indented children along a guide line, and two collapsed groups with counts.
- [Sidebar Search Results](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/sidebar-search-results): Sidebar in its active filter state with the query filled, matching nav items highlighted and non-matches hidden, and a clear button to restore the full list.
- [Tab Bar Mobile](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/tab-bar-mobile): Mobile bottom tab bar with five thumb-sized tabs, one active indicator, and a notification badge rendered in a phone frame context strip.
- [Tab Navigation Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/tab-navigation-panel): Underline tab row for within-page navigation with counts on two tabs and an active panel content area.
- [Topbar With Command Hint](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/topbar-with-command-hint): Persistent app topbar with breadcrumb trail, centered search with Kbd hint, notifications, and avatar.
- [Workspace Switcher Open](https://www.shadcn-ui-blocks.com/blocks/application-pro/navigation/workspace-switcher-open): Static open workspace switcher showing three workspaces with plan badges, member counts, and a create row.

### Notifications

Browse 22 Application Pro notification blocks for shadcn/ui. Notification centers, inbox panes, alert banners, and digests.

- [Activity Digest Email Preview](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/activity-digest-email-preview): In-app framed preview of the daily activity digest email with grouped Mentions, Assignments, and Comments sections and a preference footer.
- [Alert Banner Stack](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/alert-banner-stack): Three calm ops banners, maintenance, expiring card, and the resolved incident.
- [Banner With Actions](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/banner-with-actions): Persistent workspace notice card with a titled message, consequence body, two action buttons, and a dismiss control.
- [Digest Settings Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/digest-settings-card): Activity digest frequency picker with an include list and the note that digests pause while you are active.
- [Escalation Policy Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/escalation-policy-card): An escalation policy panel with a named header, a numbered timeline of timed steps naming recipients and channels, and footer behavior notes.
- [In App Message Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/in-app-message-card): Feature announcement card with a badge, title, body, illustration slot, primary CTA, and a permanent dismiss action.
- [Inbox List Pane](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/inbox-list-pane): The full inbox grouped under Today and Earlier, read rows muted.
- [Mute Thread Row](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/mute-thread-row): Muted threads manager listing silenced threads with their context, muted date, expiry or forever status, and a per row unmute action.
- [Notification Center Open](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/notification-center-open): The bell panel open, tabs, four notifications, one unread, mark all read.
- [Notification Empty State](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/notification-empty-state): Notifications inbox zero view with a today tally of cleared, snoozed, and archived counts plus a settings link.
- [Notification Grouping List](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/notification-grouping-list): Inbox panel collapsing notifications by source with inline thread expansion and unread count badges.
- [Notification Rules List](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/notification-rules-list): An ordered rules list where each row names a rule, shows its conditions as chips, points to delivery channels, and carries an enable switch.
- [Notification Settings Inline](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/notification-settings-inline): Five notification type rows with email, push, and in-app channel switches grouped into Account and Workspace sections.
- [Priority Inbox List](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/priority-inbox-list): Priority sorted notification inbox with a Needs You section for mentions and assignments and a FYI section for everything else.
- [Push Preview Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/push-preview-settings): Push appearance settings beside a live lock screen mockup, three preview visibility options, sound and grouping switches, and a test push action.
- [Quiet Hours Schedule](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/quiet-hours-schedule): A do not disturb panel with a master quiet hours switch, seven per day toggle rows, and a card of alerts that always break through.
- [Realtime Toast Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/realtime-toast-blueprint): Static blueprint of a live comment toast with avatar, quoted body, view action, and an auto-dismiss timer track.
- [Snooze Options Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/snooze-options-blueprint): Static blueprint of an open snooze menu with four preset options and resolved wall-clock times per option.
- [Subscription Preferences](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/subscription-preferences): Followed items panel listing subscribed projects, people, and labels as ruled rows with per-row unfollow actions.
- [Toast Stack](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/toast-stack): Three transient toasts: a success, an undoable deletion with a timer track, and a loading export state.
- [Unread Digest Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/unread-digest-card): While you were away, grouped counts since yesterday, paused when you are active.
- [Whats New Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/notifications/whats-new-panel): The changelog panel, three dated releases badged, no marketing allowed in it.

### Onboarding

Browse 23 Application Pro onboarding blocks for shadcn/ui. Checklists, steppers, team invites, and first run empty states.

- [Checklist Widget](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/checklist-widget): Corner card onboarding widget with a progress ring, five setup tasks, two complete, the next step highlighted, and an honest dismiss note.
- [Choose Plan Step](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/choose-plan-step): Three plan cards with real limits stated, Free preselected, and a no sales call promise for Team.
- [Connect Source Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/connect-source-card): Four source tiles including a no engineering CSV option and a read only credentials promise in the footer.
- [Connect Tools Step](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/connect-tools-step): Onboarding integrations step with Slack, GitHub, Calendar, and Drive tiles showing one pre-connected state.
- [Data Source Status](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/data-source-status): Onboarding panel showing three data source connection rows with connected, connecting, and failed states including an actionable error and continue-anyway link.
- [Feature Spotlight Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/feature-spotlight-blueprint): Static open-state coach-mark that highlights a new bulk-actions toolbar with a callout card, New badge, and a Got it dismiss button.
- [Finish Setup Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/finish-setup-card): Setup complete card with a personalized header, a three item onboarding recap, and a single suggested next action.
- [First Project Empty State](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/first-project-empty-state): Day one empty dashboard with two create paths, a three step next preview, and a sample project offer.
- [Goal Selection Step](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/goal-selection-step): Onboarding step with four goal tiles that order the sidebar, one pre-selected, and a note that every feature stays available regardless of the choice.
- [Import Data Step](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/import-data-step): Onboarding import step with CSV dropzone, tool and API source tiles, a dry-run preview promise, and a skip link.
- [Install CLI Step](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/install-cli-step): A developer install step with per platform commands behind tabs, numbered login and test commands, and a live row waiting for the first event.
- [Invite Preview Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/invite-preview-card): Shows the rendered invite email teammates will receive above an editable personal message field, with recipient chips and a send button.
- [Invite Team Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/invite-team-panel): Three email and role rows with the retention stat that explains why the invite ask happens at onboarding.
- [Notification Defaults Step](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/notification-defaults-step): A notification setup step with four channel toggle rows, a recommended badge, an email digest chooser, and a note that defaults apply per user.
- [Product Tour Tooltip](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/product-tour-tooltip): Inline product-tour step blueprint with a highlighted target, coach-mark card, step 2 of 5 badge, and progress dots.
- [Role Selection Step](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/role-selection-step): Onboarding role picker with three tiles showing what each role changes in the default layout, one selected.
- [Sample Data Banner](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/sample-data-banner): Banner notifying users they are viewing sample data, with connect and clear actions and demo KPI cards below.
- [Setup Progress Stepper](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/setup-progress-stepper): Four step horizontal stepper with dot states and an open invite panel under the current step.
- [Team Onboarding Tracker](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/team-onboarding-tracker): An admin tracker with invited, finished, and stalled counts above per person rows showing avatar, setup progress, next step, and a nudge action.
- [Template Gallery Step](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/template-gallery-step): Onboarding step with six template cards showing what each pre-wires, a start-blank tile, and a search bar for fast workspace setup.
- [Welcome Checklist](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/welcome-checklist): Setup checklist with 5 tasks, time estimates, a progress bar, and a one time dismiss promise.
- [Welcome Modal Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/welcome-modal-blueprint): Static first-login welcome dialog over a scrim: greeting by name, three things to try, and start or tour actions.
- [Workspace Profile Step](https://www.shadcn-ui-blocks.com/blocks/application-pro/onboarding/workspace-profile-step): A workspace setup step with name, URL slug, logo upload, and data region on the left beside a live app chrome preview on the right.

### Pricing and Plans

Browse 11 Application Pro plan blocks for shadcn/ui. In-app plan pickers, usage tiers, add-on selectors, and trial banners.

- [Addon Selector](https://www.shadcn-ui-blocks.com/blocks/application-pro/pricing-plans/addon-selector): Ruled add-on rows for extra seats, priority support, and advanced security each with a toggle and a live running monthly total.
- [Billing Period Toggle](https://www.shadcn-ui-blocks.com/blocks/application-pro/pricing-plans/billing-period-toggle): Billing period switcher with monthly and yearly cards showing effective monthly price, a savings badge on yearly, and the selected state highlighted.
- [Feature Gate Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/pricing-plans/feature-gate-card): Locked feature placeholder card naming the required plan, describing the feature, listing plan highlights, and offering an upgrade CTA or an ask your admin note.
- [Plan Comparison Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/pricing-plans/plan-comparison-table): A dense feature matrix comparing Free, Team, and Business plans by category, with checks, values, a current plan badge, and per column actions.
- [Plan Downgrade Warning](https://www.shadcn-ui-blocks.com/blocks/application-pro/pricing-plans/plan-downgrade-warning): Downgrade confirmation panel listing features lost, named members made read-only, what is kept, and confirm or keep plan actions.
- [Plan Limits Overview](https://www.shadcn-ui-blocks.com/blocks/application-pro/pricing-plans/plan-limits-overview): Current plan usage meters for members, workspaces, events, and storage against Team limits, a near limit flag, and an upgrade prompt.
- [Plan Picker Cards](https://www.shadcn-ui-blocks.com/blocks/application-pro/pricing-plans/plan-picker-cards): In-app upgrade surface with Free, Team, and Business plan cards, a monthly/yearly billing toggle, feature lists, and current plan indicator.
- [Seat Management Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/pricing-plans/seat-management-panel): Purchased seats with an occupancy meter, a breakdown of active members and pending invites, a seat stepper, and a live next invoice preview.
- [Trial Banner Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/pricing-plans/trial-banner-card): Trial status card showing days remaining, what happens at expiry, an add payment method CTA, and an explicit no silent charge pledge.
- [Upgrade Proration Summary](https://www.shadcn-ui-blocks.com/blocks/application-pro/pricing-plans/upgrade-proration-summary): An upgrade confirmation showing the plan change, prorated line items with credit, the amount due today, next renewal, and confirm actions.
- [Usage Tier Selector](https://www.shadcn-ui-blocks.com/blocks/application-pro/pricing-plans/usage-tier-selector): Stepped chip selector for event volume tiers from 10k to 2 million per month with a live price summary and proration note.

### Profile and Account

Browse 18 Application Pro profile blocks for shadcn/ui. Profile headers, public cards, account overviews, and edit forms.

- [Account Overview Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/account-overview-card): Account home card showing plan, role, key dates, connected identity, and settings quick links.
- [Account Switcher Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/account-switcher-blueprint): Static open-state blueprint of an account switcher panel listing three accounts with the current one checked and an add-account row.
- [Activity Summary Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/activity-summary-card): Activity card with an inline SVG contribution heatmap, monthly event count, and three recent items.
- [Away Status Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/away-status-card): Status setter card with four presence options, a custom message field, a clear-after duration picker, and a note on when Do Not Disturb actually silences alerts.
- [Change Password Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/change-password-card): A three field password form beside a live requirements checklist, a segmented strength meter, the last changed date, and a passkey suggestion.
- [Connected Identities Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/connected-identities-card): Sign-in identities panel listing Google, GitHub, and SSO rows with connected dates, a primary badge, and a disconnect guard.
- [Danger Zone Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/danger-zone-card): Ruled destructive rows for transfer, deactivate, and delete, each with its consequence, a sole owner guard, and an export reminder above.
- [Data Download Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/data-download-card): Personal data export card listing exactly what is included, the zip plus JSON delivery format, a minutes-not-days timing promise, and a not-collected reassurance section.
- [Edit Profile Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/edit-profile-form): Settings form with avatar change, name and headline inputs, bio with char count, and a save bar.
- [Email Addresses Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/email-addresses-card): Ruled rows for each account email with primary and verification badges, resend and remove actions, and an inline add address form below.
- [Login History Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/login-history-table): A sign-in audit table with timestamp, method, device, location, IP, and a result badge, plus a failed-attempt callout and a CSV export action.
- [Notification Badge Row](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/notification-badge-row): Profile notification summary strip with linked cards for Mentions, Assigned, and Reviews showing unread counts derived from a single array and a digest timing note.
- [Preferences Summary](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/preferences-summary): Read-only ruled summary of six personal settings including theme, language, timezone, and notification level with inline edit links.
- [Profile Completion Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/profile-completion-card): Profile setup progress card with a 70% bar, three remaining steps with quick-action buttons, and completed steps struck through.
- [Profile Header](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/profile-header): Profile header band with avatar, name, role, bio, fact chips, and Message and Edit profile actions.
- [Public Profile Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/public-profile-card): Compact profile card with avatar, name, headline, a three stat strip, and a Follow button.
- [Sessions List Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/sessions-list-card): Active sessions card listing every signed-in device with browser, location, last active time, per-row revoke, and a sign-out-everywhere action.
- [Two Factor Status Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/profile-account/two-factor-status-card): Two-factor authentication status panel showing the active method, backup codes remaining, and an enrollment prompt with the security case for new accounts.

### Reports

Browse 13 Application Pro report blocks for shadcn/ui. Report builders, scheduled reports, summary headers, and export options.

- [Cohort Retention Grid](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/cohort-retention-grid): A retention heatmap with weekly signup cohorts as rows, weeks since signup as columns, shaded cells, a shade legend, and a methodology note.
- [Dashboard Grid Layout](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/dashboard-grid-layout): Editable dashboard canvas with a KPI tile, bar chart frame, plan revenue list, stat tile, and an add widget affordance.
- [Export Options Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/export-options-card): Export settings card with format radio rows, a current view versus all rows scope choice, a headers toggle, and a button that labels the exact row count and format.
- [Metric Detail Drilldown](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/metric-detail-drilldown): Drill-in view for a KPI click showing a headline metric, period context, and a segment breakdown table with share bars.
- [Report Annotations Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/report-annotations-panel): An annotated trend chart with numbered markers pinned to dates beside a side rail listing each annotation with author, date, note, and an add control.
- [Report Builder](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/report-builder): Self-serve report panel with metric and dimension selects, a date-range chip, visualization toggle, and a live stub preview area.
- [Report Comparison View](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/report-comparison-view): A period over period comparison with two period chips, a swap control, a metrics summary line, and a table of current, previous, and change values.
- [Report Filters Bar](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/report-filters-bar): Report filter strip with a removable date-range chip, three dimension selects, a compare to previous period toggle, and an apply button showing the live matching row count.
- [Report Run History](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/report-run-history): A run history log with a summary strip above a table of runs showing status badges, start times, durations, row counts, and trigger sources.
- [Report Summary Header](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/report-summary-header): Saved report header showing the title, removable filter chips echoing active date range and dimensions, last-refreshed time, and export and share actions.
- [Saved Reports List](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/saved-reports-list): Table of saved reports with creator, last run time, a schedule chip when scheduled, and per-row run, share, and options actions.
- [Scheduled Report Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/scheduled-report-form): Form to schedule a report delivery with frequency, run time, a tag-style recipient list, format radios, and a no-reply address notice.
- [Scheduled Reports Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/reports/scheduled-reports-table): Table of workspace delivery schedules with recurrence, recipient avatar stacks, format badges, last sent times, and run or edit actions per row.

### Settings

Browse 25 Application Pro settings blocks for shadcn/ui. Profiles, workspaces, notifications, security, API keys, and danger zones.

- [Api Keys Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/api-keys-panel): API keys list with prefix-masked values, environment badges, created and last used dates, and a Revoke action.
- [Appearance Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/appearance-settings): Theme tile selector, accent color swatches, interface density toggle, and a reduce-motion Switch for personal look-and-feel.
- [Audit Log Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/audit-log-settings): Audit log configuration with a retention period select, an admins-only access note, a CSV export with recent export history, and an immutability callout.
- [Billing Alerts Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/billing-alerts-settings): Spend alert switches at 80 and 100 percent of plan, a hard-cap option with stated consequence, and a recipient email field.
- [Branding Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/branding-settings): Workspace branding panel with logo upload, accent color swatches, a subdomain field, and an honest note on where branding actually appears.
- [Connected Apps Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/connected-apps-settings): Ruled list of OAuth apps with scope badges, connected date, authorizing member, and an instant Revoke action per row.
- [Danger Zone Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/danger-zone-card): Three escalating workspace actions stating exactly what each destroys and what survives, with outline buttons.
- [Data Retention Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/data-retention-settings): Per-data-type retention period Selects with export and deletion consequence panels, a legal hold note, and a save bar.
- [Email Domain Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/email-domain-settings): Sending domain panel with a monospace DNS record grid, per-record verified badges, a from-address field, and a deliverability fallback note for unverified domains.
- [Guest Access Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/guest-access-settings): A guest access panel with an allow guests switch, a permitted email domain list, default permission options, and an active guest count row.
- [Import Export Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/import-export-settings): Data portability panel with an export card listing every included data type and an import dropzone with a dry-run promise before any write.
- [IP Allowlist Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/ip-allowlist-settings): An IP allowlist panel with an enforcement switch, a list of CIDR ranges with owners and last match times, and an add range form.
- [Language Region Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/language-region-settings): Language and timezone selects with a live date and number format preview row and a first-day-of-week toggle.
- [Member Roles Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/member-roles-table): Six permissions across three roles, with the honest custom roles roadmap note.
- [Notification Preferences](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/notification-preferences): The email and in app switch matrix with the billing row locked on, honestly.
- [Plan and Usage Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/plan-usage-settings): A plan and usage panel with a current plan row, metered usage bars with per limit notes, a near limit badge, and a policy note.
- [Profile Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/profile-settings): Profile panel with avatar upload, name and email inputs, a read-only timezone row, and a save bar.
- [SCIM Provisioning Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/scim-provisioning-settings): A SCIM provisioning panel with sync stats, the base URL and masked bearer token, an attribute mapping grid, and deprovisioning options.
- [Security Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/security-settings): Security panel with password row, two factor status, and a ruled active sessions list with per device revoke.
- [Session Timeout Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/session-timeout-settings): Session control panel with an idle timeout selector, a remember this device toggle, and a sign out all sessions action with its consequences listed.
- [Sso And Domain Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/sso-and-domain-settings): Verified domain, IdP metadata, and the enforce switch with its full consequence.
- [Team Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/team-settings): Team identity panel with name and identifier fields, a default member role Select, who-can-invite radio rows, and a discoverable toggle with its privacy consequence spelled out.
- [Two Factor Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/two-factor-settings): 2FA settings panel with authenticator app, SMS fallback, and backup codes rows plus a workspace-wide require 2FA toggle.
- [Webhooks Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/webhooks-settings): Webhook endpoint list with mono URLs, event Badges, per-row delivery status, a masked signing secret with reveal and roll actions, and retry policy prose.
- [Workspace General Settings](https://www.shadcn-ui-blocks.com/blocks/application-pro/settings-pages/workspace-general-settings): Workspace identity panel with name, slug, URL preview, rename warning, logo upload, and default role select.

### Stat Cards

Browse 26 Application Pro stat blocks for shadcn/ui. KPI rows, sparkline cards, goal meters, and comparison tiles.

- [Big Number Tiles](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/big-number-tiles): Four oversized tiles for wallboards, deploys, incidents, latency, queue depth.
- [Bullet Chart Cards](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/bullet-chart-cards): Three stat cards, each with a label, value, delta, and a bullet chart bar showing actual against qualitative bands and a target tick.
- [Comparison Stat Cards](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/comparison-stat-cards): Three cards comparing This month and Last month side by side with a computed delta footer per metric.
- [Delta List Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/delta-list-card): Compact card listing five metrics as ruled rows each with a tabular value and an up or down delta chip for a multi-metric movers panel.
- [Donut Stat Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/donut-stat-card): Stat card with an inline SVG donut showing a 2 to 3 part breakdown beside the headline number and a ruled legend, no chart library.
- [Forecast Stat Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/forecast-stat-card): A forecast card with the month to date value, a cumulative line turning dashed past today, and a footer of close, target, and range.
- [Funnel Stat Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/funnel-stat-card): Acquisition funnel card with four shrinking horizontal bars, step conversion percentages, and an end-to-end rate headline.
- [Goal Progress Cards](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/goal-progress-cards): Three Q2 goal cards each with a progress bar, current vs target value, and a projected pace line.
- [Heatmap Stat Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/heatmap-stat-card): Activity heatmap card with a CSS grid of cells shaded by foreground opacity across hours and days, no chart lib.
- [Kpi Cards Row](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/kpi-cards-row): Four headline metrics with deltas and the context line that stops misreadings.
- [Live Counter Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/live-counter-card): An active user counter with a pulsing dot, a static sparkline, and an honest refresh cadence footnote.
- [Metric With Target Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/metric-with-target-card): A single metric versus its target on a horizontal progress track with the gap and pace stated plainly.
- [Multi Metric Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/multi-metric-card): One card holding three related metrics in a row with vertical dividers, each showing a value, label, and small delta.
- [North Star Metric Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/north-star-metric-card): One hero metric with a sparkline and a versioned definition against drift.
- [Percentile Stat Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/percentile-stat-card): A latency card with the p95 headline, a distribution track marking each percentile, and a ruled row per percentile with a magnitude bar and value.
- [Progress Ring Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/progress-ring-card): Stat card with a centered inline SVG progress ring showing a single percentage, a used of total sub-line, and a plan limit footer row.
- [Segmented Stat Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/segmented-stat-card): A headline total with a stacked horizontal bar and legend showing the breakdown by source or category.
- [Sparkline Grid Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/sparkline-grid-card): A card with a 2x2 grid of compact metrics each paired with an inline SVG sparkline, no chart library.
- [Stat With Breakdown List](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/stat-with-breakdown-list): One wide card with a headline user count and a ruled breakdown list by plan with counts and share percentages.
- [Stats With Sparklines](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/stats-with-sparklines): Four stat cards with decorative inline SVG sparklines showing value, delta, and trailing 7 week trend.
- [Status Tiles Row](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/status-tiles-row): Ops summary strip of four Badge-styled status tiles showing service counts for Operational, Degraded, Partial outage, and Maintenance.
- [Streak Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/streak-card): A consistency card showing a current streak count, an inline SVG week-row of filled and empty day cells, and supporting stats.
- [Team Leaderboard Stats](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/team-leaderboard-stats): Five teammates ranked by tickets closed, equal styling, a quality caveat footer.
- [Threshold Alert Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/threshold-alert-card): A stat card in breach state showing a live metric against its configured threshold with a calm next-action line.
- [Trend Comparison Tiles](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/trend-comparison-tiles): Two side by side tiles comparing the same metric across two segments with values, deltas, and a summary read.
- [Waterfall Stat Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/stat-cards/waterfall-stat-card): An MRR movement card with a headline total, offset horizontal bars for each gain and loss, a color legend, and an axis note.

### Status and Health

Browse 14 Application Pro status blocks for shadcn/ui. Status pages, incident timelines, uptime grids, and maintenance windows.

- [Component Status List](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/component-status-list): Editable internal status list with a per-row Select for Operational, Degraded, Partial outage, or Down and a publish to status page action.
- [Dependency Map Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/dependency-map-blueprint): Static architecture health map with service nodes on an SVG grid, connecting lines, and a degraded dependency highlighted.
- [Error Budget Burndown](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/error-budget-burndown): An SLO panel with a header badge, a four stat budget and burn rate row, and a line chart tracking remaining budget against ideal burn.
- [Incident Banner](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/incident-banner): Slim dismissible incident alert bar with the incident start time, a status page link, and a subscribe affordance.
- [Incident Timeline](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/incident-timeline): Incident detail card with a resolved header, a four-phase chronological update rail, and a postmortem link at the foot.
- [Incident Update Composer](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/incident-update-composer): An incident update form with a header, a status phase radio group, a message field, component checkboxes, notification switches, and post actions.
- [Maintenance Window Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/maintenance-window-card): Scheduled maintenance notice showing the UTC window, timezone conversions, affected services, and a remind-me email affordance.
- [Past Incidents List](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/past-incidents-list): Resolved incidents grouped by month with duration, impact summary, and a postmortem link per row.
- [Regional Status Matrix](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/regional-status-matrix): A table matrix with services as rows and four regions as columns, each cell showing a status dot and latency, with a legend below.
- [Service Health Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/service-health-table): Internal ops table listing services with status badges, p95 latency, error rate, last incident time, and the on-call engineer avatar.
- [Sla Summary Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/sla-summary-card): SLA card showing the uptime target, actual this period, error budget bar, and the last published breach record.
- [Status Page](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/status-page): Public status page with an overall operational banner, per-service uptime badges, 90-day tick strips, and a subscribe affordance.
- [Synthetic Checks Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/synthetic-checks-panel): A panel listing probe rows, each with a status dot, check name and target, type badge, region, interval, median latency, and a run result strip.
- [Uptime Grid](https://www.shadcn-ui-blocks.com/blocks/application-pro/status-health/uptime-grid): 30-day per-service reliability grid with each cell shaded by status using foreground opacity tokens and a per-row uptime figure.

### Tasks and Todos

Browse 15 Application Pro task blocks for shadcn/ui. Task lists, checklists, my-day panels, recurring tasks, and detail blueprints.

- [Assigned To Me List](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/assigned-to-me-list): Personal task queue grouped by Overdue, Today, and This week, each row showing a project badge, checkbox, and due date.
- [Assignee Workload](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/assignee-workload): A team workload panel with one row per teammate showing avatar, open task count, a capacity bar, scheduled hours, and a load badge.
- [Blocked Tasks Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/blocked-tasks-panel): A blocked tasks panel where each row shows a waiting task with priority and due date, then an indented blocker line and a ready action.
- [Checklist Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/checklist-card): Compact checklist card with six items, a Progress bar at 3 of 6, and a note that checklists do not block task completion.
- [Completed Log](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/completed-log): A completed tasks log grouped by day, each row with a check icon, title, project badge, completer avatar, and time, beside a weekly bar strip.
- [My Day Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/my-day-panel): Personal daily plan card grouped into Morning, Afternoon, and No time sections with time chips and a free gap callout.
- [Priority Matrix](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/priority-matrix): Eisenhower-style 2x2 grid with task chips in each urgency and importance quadrant, per-quadrant counts, and a note that Do Now should be the emptiest column.
- [Recurring Task Row](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/recurring-task-row): Recurring task list showing each rule summary badge, the next three occurrence dates, and a note that past occurrences are never retroactively changed.
- [Subtask Tree](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/subtask-tree): Nested subtask view with two levels of indented checkboxes, expand chevrons on parent nodes, and a progress bar that rolls up only leaf-node completion.
- [Task Board Compact](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/task-board-compact): Dense three column task board with one line cards showing a checkbox dot, truncated title, and assignee avatar for sidebar or split pane use.
- [Task Comments Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/task-comments-panel): Task discussion thread with avatar bubbles, timestamps, emoji reactions, an inline status-change event, and a composer with mention and task-link hints.
- [Task Detail Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/task-detail-blueprint): Static blueprint of an open task detail panel with meta rows, a subtask checklist with Progress, an activity strip, and a comment composer.
- [Task Filters Bar](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/task-filters-bar): Interactive filter toolbar with assignee, status, priority, and due chips, active-filter tokens, a saved-view dropdown, and a live task count.
- [Task List](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/task-list): Ruled task list with label badges, assignee avatars, due dates, a done count header, and muted overdue signaling.
- [Task Quick Add](https://www.shadcn-ui-blocks.com/blocks/application-pro/tasks-todos/task-quick-add): Quick add composer with a highlighted capture line, a parsed chip row for due date, project, priority, and assignee, and a keyboard hint footer.

### Teams and Orgs

Browse 13 Application Pro org blocks for shadcn/ui. Org charts, team directories, role assignment, and team switchers.

- [Domain Verification Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/domain-verification-card): A verified domains card showing each domain's auto join behavior and member count, with a pending domain that expands into a DNS record panel.
- [Guest Access Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/guest-access-panel): A guest access panel listing external collaborators with avatar and email, the projects they can reach, an expiry date, and convert or remove actions.
- [Invite Members Form](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/invite-members-form): Bulk invite form with a tag email input, role select, optional message, and seat consequence note before sending.
- [Member Offboarding Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/member-offboarding-panel): A member offboarding card with the departing member, a transfer ownership selector, a checklist of owned items to reassign, and a deactivate action.
- [Membership Activity Log](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/membership-activity-log): A day grouped membership timeline of joins, role changes, invites, and removals, each with an event icon, actor avatar, detail line, and timestamp.
- [Org Chart](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/org-chart): An org chart showing two levels of the Engineering hierarchy with avatar cards and border connectors, no chart library required.
- [Pending Invites List](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/pending-invites-list): Table of outstanding invites with email, role, sent date, sender avatar, days until expiry, and per row resend and revoke actions.
- [Permissions Matrix](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/permissions-matrix): Role permissions table with Check and Minus cells across Viewer, Member, Admin, and Owner columns and the current role highlighted.
- [Role Assignment Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/role-assignment-panel): A panel for editing a workspace member role with a role selector listing permission descriptions, a scope list, and an effective immediately callout.
- [Seat Allocation Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/seat-allocation-card): Seat usage panel showing total, used, and free seats with a per-team breakdown and an honest end-of-cycle removal note.
- [Team Detail Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/team-detail-card): A team profile card with purpose statement, lead avatar, member avatar stack with overflow count, quick links, and a join request action.
- [Team Directory](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/team-directory): A searchable grid of member cards with avatar, role, team badge, and online status dot for finding people across the workspace.
- [Team Switcher Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/teams-orgs/team-switcher-blueprint): A static open state blueprint of a team switcher panel listing four teams with role and member count, rendered as plain markup for stable preview screenshots.

### Timeline and Roadmap

Browse 12 Application Pro roadmap blocks for shadcn/ui. Roadmaps, gantt rows, release timelines, and milestone trackers.

- [Changelog Feed](https://www.shadcn-ui-blocks.com/blocks/application-pro/timeline-roadmap/changelog-feed): A vertical changelog timeline grouped by month, each entry showing a type badge, a title, a summary line, and the date with affected area.
- [Dependency List](https://www.shadcn-ui-blocks.com/blocks/application-pro/timeline-roadmap/dependency-list): Roadmap item dependency panel with blocked-by and blocking sections, each row showing status and an inline blocking note.
- [Gantt Rows](https://www.shadcn-ui-blocks.com/blocks/application-pro/timeline-roadmap/gantt-rows): CSS-grid Gantt chart with a task-name column, week-column timeline, positioned duration bars with in-progress fills, and a today line.
- [Launch Plan](https://www.shadcn-ui-blocks.com/blocks/application-pro/timeline-roadmap/launch-plan): A launch countdown with a summary header and a two column grid of T minus phases, each a checklist of tasks with owners and states.
- [Milestone Tracker](https://www.shadcn-ui-blocks.com/blocks/application-pro/timeline-roadmap/milestone-tracker): Vertical stepper of four milestones with done, in-progress, and upcoming status, owner avatars, target dates, and progress bars.
- [Now Next Later](https://www.shadcn-ui-blocks.com/blocks/application-pro/timeline-roadmap/now-next-later): Compact roadmap list with three sections each showing initiative rows with a confidence chip and an honest status note per item.
- [Plan Vs Actual](https://www.shadcn-ui-blocks.com/blocks/application-pro/timeline-roadmap/plan-vs-actual): Twin planned and actual bars for each initiative on a shared six month grid, each with a slip badge, above on time and late totals.
- [Quarter Planner](https://www.shadcn-ui-blocks.com/blocks/application-pro/timeline-roadmap/quarter-planner): Q3 roadmap grid with CSS span bars, capacity hints, and status badges for 8 initiatives across 5 teams.
- [Release Timeline](https://www.shadcn-ui-blocks.com/blocks/application-pro/timeline-roadmap/release-timeline): Horizontal release rail showing shipped, current, and upcoming version markers each with a date and a one-line scope note.
- [Roadmap Board](https://www.shadcn-ui-blocks.com/blocks/application-pro/timeline-roadmap/roadmap-board): Product roadmap board with Now, Next, and Later columns showing initiative cards with team badges, quarter chips, and progress bars.
- [Sprint Timeline](https://www.shadcn-ui-blocks.com/blocks/application-pro/timeline-roadmap/sprint-timeline): Sprint at-a-glance panel with a capacity versus committed summary, a ten-day CSS-grid task board, and a today line across all rows.
- [Theme Lanes](https://www.shadcn-ui-blocks.com/blocks/application-pro/timeline-roadmap/theme-lanes): Three strategic themes as stacked lanes, each with an owner, a progress bar, and initiative rows carrying a status dot, quarter chip, and note.

### Workflow and Automation

Browse 12 Application Pro automation blocks for shadcn/ui. Automation builders, trigger-action rows, run history, and canvases.

- [Approval Queue](https://www.shadcn-ui-blocks.com/blocks/application-pro/workflow-automation/approval-queue): A human approval queue where each card names the automation, the action awaiting sign off, context chips, the requester, and approve or decline actions.
- [Automation Builder](https://www.shadcn-ui-blocks.com/blocks/application-pro/workflow-automation/automation-builder): Vertical trigger, filter, and action step editor with dashed connectors, a Draft badge, and Save automation for a single linear flow.
- [Automation Error Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/workflow-automation/automation-error-card): Failed automation card with the error in plain words, a retry meter showing attempts used and remaining, and a payload replay affordance.
- [Automation Templates Grid](https://www.shadcn-ui-blocks.com/blocks/application-pro/workflow-automation/automation-templates-grid): Template gallery with six categorised automation cards, use counts, a search field, and a start-from-scratch tile.
- [Automation Usage Stats](https://www.shadcn-ui-blocks.com/blocks/application-pro/workflow-automation/automation-usage-stats): An automation analytics panel with four stat tiles for runs, success rate, time saved, and active count above a runs per day bar chart.
- [Condition Branch Card](https://www.shadcn-ui-blocks.com/blocks/application-pro/workflow-automation/condition-branch-card): Branch decision panel with an If row of field, operator, and value chips, Then and Else path summaries, and an add condition affordance.
- [Connection Health Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/workflow-automation/connection-health-panel): A connected apps panel where each row shows the account, a status badge, dependent automation count, and a reconnect action for broken connections.
- [Run Detail Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/workflow-automation/run-detail-panel): Automation run debugger showing the run header, a per step status list, and the input and output of the failed step expanded.
- [Run History Table](https://www.shadcn-ui-blocks.com/blocks/application-pro/workflow-automation/run-history-table): Automation execution log with timestamp, automation name, status badge, duration, items affected, and inline error text on failed rows.
- [Schedule Trigger Panel](https://www.shadcn-ui-blocks.com/blocks/application-pro/workflow-automation/schedule-trigger-panel): A schedule trigger configuration card with frequency chips, day of week toggles, time and timezone rows, and a preview of the next queued runs.
- [Trigger Action Row](https://www.shadcn-ui-blocks.com/blocks/application-pro/workflow-automation/trigger-action-row): Automations index with ruled rows summarising each automation as trigger to action text, a live Switch, last run time, and run count.
- [Workflow Canvas Blueprint](https://www.shadcn-ui-blocks.com/blocks/application-pro/workflow-automation/workflow-canvas-blueprint): Static node-graph canvas with four positioned cards connected by dashed SVG lines, parallel branches, a merge node, and a zoom toolbar.

## Portfolio

Standard tier. 752 blocks in 40 groups. Browse: https://www.shadcn-ui-blocks.com/blocks/portfolio-pro

Build a portfolio with 752 Portfolio blocks for shadcn/ui. Heroes, work grids, case studies, about, services, and contact sections for creatives and studios.

### Prebuilt Pages

Browse 12 Portfolio Pro prebuilt pages for shadcn/ui. Full portfolio pages assembled from sibling blocks, ready to swap and reorder.

- [About Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/prebuilt-pages/about-page): A full about page composing a long form personal story, skills list, process steps, and testimonial cards into one ready to deploy page.
- [Contact Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/prebuilt-pages/contact-page): A minimal contact page composing a split section that shows the inquiry form and contact details side by side without scrolling.
- [Developer Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/prebuilt-pages/developer-page): A full developer portfolio page composing a terminal intro hero, project repos, tech stack detail, and contact footer from sibling blocks.
- [Freelancer Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/prebuilt-pages/freelancer-page): A full freelancer hire-me page composing an availability hero with a next opening month, services list, featured work grid, hire me band, and contact footer from sibling blocks.
- [Home Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/prebuilt-pages/home-page): A full portfolio homepage composing a name and role hero, featured work grid, about split, testimonial cards, and hire me band into one ready to deploy page.
- [Link In Bio Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/prebuilt-pages/link-in-bio-page): A minimal two-block link-in-bio page composing the link-in-bio social links block and a minimal signoff footer for a single-URL creator landing page.
- [Photographer Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/prebuilt-pages/photographer-page): A full photographer portfolio page composing a photo hero, series grid, print shop, and contact footer from sibling blocks.
- [Project Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/prebuilt-pages/project-page): A full case study page composing a project hero, problem and approach split with a named constraint, and a quantified results band.
- [Services Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/prebuilt-pages/services-page): A full services page composing a scoped services list, engagement cards with rates, process steps, and a hire me band into one ready to deploy page.
- [Studio Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/prebuilt-pages/studio-page): A full studio site page composing a studio hero, named team grid, services list with explicit exclusions, and contact footer from sibling blocks.
- [Work Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/prebuilt-pages/work-page): A dedicated work page composing a featured work grid and masonry grid with a hire me band so visitors see selected and full work in one flow.
- [Writer Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/prebuilt-pages/writer-page): A full writer portfolio page composing a writing hero, featured essay, published list, publications wall, and contact footer from sibling blocks.

### About

Browse 29 Portfolio Pro about blocks for shadcn/ui. Bios, story sections, photo splits, and value statements.

- [About Long Form](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/about-long-form): A reading-width essay about with three prose paragraphs covering career origin, what shaped the practice, and where the work stands now.
- [About Split](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/about-split): An about split with a portrait, a point of view bio, and three grounding facts including a human one.
- [About With Image Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/about-with-image-row): An about section with a two-column bio and ruled facts grid above a row of three labelled Placeholder tiles showing workspace, process, and a close detail.
- [About With Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/about-with-stats): A two-column about pairing a short bio and a facts list with a four-card stat strip covering years, projects, clients, and one human metric.
- [Approach About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/approach-about): An about section that presents three to four named working principles in a numbered ruled list beside a heading and setup paragraph.
- [Elsewhere About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/elsewhere-about): Heading and intro above a ruled list of talks, podcasts, essays, and teaching, each with a year, format, title, venue, and note.
- [Expectations About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/expectations-about): Heading and intro above two bordered lists side by side, what a client can expect from you and what you ask of them in return.
- [FAQ About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/faq-about): An about told as five ruled intro call questions with honest answers, beside a heading and a card inviting anything not covered.
- [Full Width Statement](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/full-width-statement): A centered bordered panel containing a single large belief sentence at heading scale and one supporting line attributing the principle to the practice.
- [Influences About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/influences-about): Heading and intro above a two column ruled grid of four cards, each pairing a type badge with an influence title and a lesson.
- [Journey About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/journey-about): A ruled vertical list of three dated milestones tracing the career path from first role to going independent, each with a year, heading, and body.
- [Letter About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/letter-about): A card-framed signed note with three personal paragraphs and a ruled sign-off naming the designer and their location.
- [Manifesto About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/manifesto-about): A numbered list of craft beliefs each paired with a clarifying sentence, for a practitioner with a genuine position on their work.
- [Now Page About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/now-page-about): A dated snapshot of current projects, learning, and availability with a side column showing location and next opening.
- [Off Hours About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/off-hours-about): A four-card grid of pursuits away from the desk, each with an honest note, closed by a line tying them back to the craft.
- [Photo Collage About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/photo-collage-about): A two-column about with a mixed aspect ratio three-image collage beside a short bio and facts list, designed for photographers and makers who lead with their environment.
- [Press Bio About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/press-bio-about): Heading, intro, and a portrait with usage notes beside three labelled cards holding ready to paste bios at one line, short, and full lengths.
- [Principles About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/principles-about): Three principle cards each split into the belief and its honest cost, naming the tradeoff that following the principle requires in practice.
- [Quote And Bio](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/quote-and-bio): An about section that leads with a personal philosophy quote at heading size, then follows with a short bio paragraph and a ruled fact strip.
- [Split With List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/split-with-list): A two-column about split with a portrait Placeholder beside a bio heading, a paragraph, and a five-item checklist that names capabilities and explicitly lists what is not taken on.
- [Stats And Bio](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/stats-and-bio): A two-column section pairing a career bio paragraph with a 2x2 grid of four concrete career figures in large tabular numerals.
- [Studio About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/studio-about): A two-column studio about with a founding narrative, three named avatar team cards showing name and role, and a single belief line beneath the team.
- [Then And Now About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/then-and-now-about): A ruled comparison list of four topics, each pairing an early career belief with the replacement a decade of practice produced.
- [Three Things About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/three-things-about): A scannable about section with three bordered cards covering what the person does, how they work, and what they care about.
- [Timeline About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/timeline-about): A career told as a vertical ruled timeline with a year and a concrete sentence per chapter from first job to now.
- [Tools And Setup About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/tools-and-setup-about): A grouped card grid listing the hardware and software this person uses day to day with a short honest note per tool.
- [Typical Week About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/typical-week-about): A two-column about showing the shape of a working week as five ruled day rows beside a heading and three working facts.
- [Values List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/values-list): 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.
- [What I Do About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/about-sections/what-i-do-about): Three discipline cards each naming a practice area and describing the approach taken, defining the work by activity rather than by job title or deliverable.

### Availability and Hire

Browse 16 Portfolio Pro availability blocks for shadcn/ui. Booking status, hire-me cards, capacity notes, and waitlists.

- [Availability FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/availability-faq): A two-column block answering common booking questions in an accordion beside a short intro, response meta rows, and a direct contact button.
- [Availability Statement](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/availability-statement): A centered availability statement with a large headline naming the open window, a supporting line, two actions, and a ruled three column facts strip.
- [Booking Calendar](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/booking-calendar): 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.
- [Booking Status](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/booking-status): 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.
- [Capacity Breakdown](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/capacity-breakdown): A two-column block with a stacked weekly capacity bar and legend beside commitment rows naming each engagement, its share, and the open day.
- [Capacity Note](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/capacity-note): A two-column block with a candid workload statement and a last-updated timestamp on the left, and four expectation rows covering response time and start dates on the right.
- [Engagement Matrix](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/engagement-matrix): An availability table, one row per engagement type showing scope, length, next start, and status, with a heading above and a booking action below.
- [Hire Me Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/hire-me-card): A two-column block listing engagement types as ruled rows beside availability, location, and rate detail rows, with a referral note for when the calendar is full.
- [Next Opening Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/next-opening-card): A two-column split showing the next available start date with slot details and a three-step claim process ending in a contact action.
- [Open For Work Banner](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/open-for-work-banner): A slim top-of-page band with a green status dot, an availability statement naming the open month, and a contact button for an immediate above-the-fold signal.
- [Project Slots](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/project-slots): A two-column availability block showing 3 named project slots with open or taken status, engagement details, and a claim action.
- [Quarter Outlook](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/quarter-outlook): A row of four quarter panels, each with a segmented slot meter, status line, and focus note, closed by an update line and booking action.
- [Retainer Days](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/retainer-days): A two-column block with a weekday strip marking committed and open days beside retainer detail rows and a reserve-a-day contact action.
- [Status Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/status-band): A slim card stating current booking status, next opening month, and response time with a direct contact button in one horizontal strip.
- [Timezone Overlap](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/timezone-overlap): A two column block pairing an async policy intro and schedule rows with a timezone overlap chart plotting each city against your business hours.
- [Waitlist Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/availability-sections/waitlist-card): A two-column block explaining the first-refusal waitlist mechanic in three numbered steps, with current list stats as ruled rows and an email join form on the right.

### Awards and Recognition

Browse 20 Portfolio Pro awards blocks for shadcn/ui. Award lists, press features, certifications, and speaking history.

- [As Featured In](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/as-featured-in): A centred press strip with eight publication wordmarks and a dated context line per entry showing what kind of coverage was given.
- [Awards And Press](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/awards-and-press): A two-column recognition block listing formal awards with body and category on the left and press features with outlet and headline on the right.
- [Awards By Project](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/awards-by-project): Heading and intro above ruled rows grouped by project, each pairing a name and summary with the list of honours that work earned.
- [Awards By Year](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/awards-by-year): An awards ledger grouped by year with each year as a large left numeral beside that year's wins, bodies, and projects in ruled rows.
- [Awards List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/awards-list): A ruled list of award wins naming the award, the project it recognised, the awarding body, and the year.
- [Certifications Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/certifications-row): A row of compact credential cards each naming the certification, the issuing organisation, and the year.
- [Feature Quotes](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/feature-quotes): A three-card grid of short press pull quotes each attributed to a named publication with its date.
- [Interviews List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/interviews-list): Heading and intro above ruled rows of media appearances, each with a format badge, the show, episode title, year, and a listen or watch link.
- [Judging Roles](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/judging-roles): A ruled table of invited jury seats with columns for the awarding body, the role held, the category judged, and the year.
- [Nominations And Wins](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/nominations-and-wins): A ruled list of award submissions where an outcome badge marks each entry as won, shortlisted, or an honourable mention beside its year.
- [Press Features](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/press-features): A ruled list of press coverage naming the publication, the article headline, the date, and a read link.
- [Press Logo Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/press-logo-row): A heading and lede above a single ruled grid of six publication wordmarks where the practice has been featured.
- [Press Quote Spotlight](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/press-quote-spotlight): Two column layout pairing a large pull quote from a publication with its attribution on the left beside a ruled card of further press mentions.
- [Recognition Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/recognition-band): A slim border-y strip listing award wins and press features with their source and year in a compact horizontal flow.
- [Recognition Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/recognition-grid): A four-card grid mixing awards, press features, and honours each tagged by kind with its source and year.
- [Recognition Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/recognition-stats): A four-column stat band summarising awards won, press features, jury invitations, and years of practice with a source line under each number.
- [Repeat Wins](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/repeat-wins): Heading over three cards, each an awarding body led by a large win count numeral above a ruled list of its individual wins by year.
- [Single Award Feature](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/single-award-feature): A two-column block spotlighting one award with a ruled context list on the left and a large award callout card on the right.
- [Speaking List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/speaking-list): A ruled list of conference talks naming the event, the talk title, the year, and an optional recording link.
- [Timeline Awards](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/awards-recognition/timeline-awards): A vertical connected timeline listing awards most recent first, each tied to a specific project and awarding body.

### Blog and Writing

Browse 22 Portfolio Pro blog blocks for shadcn/ui. Post grids, featured posts, article headers, and recent writing lists.

- [Archive By Year](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/archive-by-year): A chronological archive grouping posts under large year labels with post counts, each year holding a ruled list of titles, dates, and read times.
- [Article Body](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/article-body): A reading-width prose column with h2 sections, body paragraphs, a pull-quote, and an inline Placeholder image demonstrating long-form typographic rhythm.
- [Article Series](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/article-series): Two article series cards with status badges, descriptions, numbered part rows showing read times or a coming soon badge, and start reading links.
- [Article Table of Contents](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/article-toc): A long form article layout pairing a sticky numbered table of contents and publish meta with a prose column of titled sections.
- [Author Bio Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/author-bio-card): A compact end-of-article card with an avatar, name, role line, a two-sentence bio, and a subscribe link for the foot of a blog post.
- [Blog Categories](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/blog-categories): A six-card topic index with post counts and a one-line description per category so readers can find the threads that match their interests.
- [Blog Post Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/blog-post-grid): A six-post writing index in a three-column card grid, each card showing a Placeholder cover, category, title, date, and read time.
- [Blog Post Header](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/blog-post-header): An article page opener with a category label, h1-scale post title, author avatar and meta, and a wide Placeholder cover image.
- [Blog Sidebar Layout](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/blog-sidebar-layout): A post list with thumbnail and meta on the left and a sidebar of about bio, category counts, and email subscribe on the right.
- [Featured And List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/featured-and-list): A writing landing with one promoted post shown at full width with a cover image and excerpt above a ruled list of four recent posts.
- [Featured Post](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/featured-post): A writing section with one large featured post carrying a cover, excerpt, and meta beside a ruled list of three recent posts.
- [Link Roundup](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/link-roundup): A curated reading digest grouping shared links under month headings, each row carrying the title, source domain, and a one line note.
- [Magazine Blog Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/magazine-blog-grid): An editorial two-column layout with one large featured post and a divided stack of three secondary posts beside it.
- [Most Read List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/most-read-list): A split section with archive stats rows and a browse link beside a ranked list of five posts with large ordinals, category, and read counts.
- [Newsletter Issues](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/newsletter-issues): A newsletter archive with a subscribe panel on the left showing cadence stats and an email field beside a ruled list of past issues.
- [Post List Rows](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/post-list-rows): A minimal image-free writing archive as ruled rows showing publish date, post title with inline category, and read time.
- [Published Elsewhere](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/published-elsewhere): A guest writing section grouping essays by publication, each pairing an SVG mark and wordmark with a ruled list of pieces, dates, and links.
- [Read Next Posts](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/read-next-posts): An end of article footer with previous and next post cards carrying excerpts and meta, above a short ruled list of related reading.
- [Recent Writing](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/recent-writing): A homepage writing teaser showing three recent posts as compact rows with category, title, and date, plus a link to the full archive.
- [Tag Filter Blog](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/tag-filter-blog): A writing index with tag chips (All, Design, Career, Process) that filter six post rows via client-side state and show a live article count.
- [Three Card Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/three-card-row): Three equal blog post cards each with a Placeholder cover, title, date, and reading time in a responsive three-column grid.
- [Writing With Topics](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/blog-sections/writing-with-topics): A three-column writing index that groups posts under topic headings, each column holding a ruled list of two to three post rows.

### Case Studies

Browse 29 Portfolio Pro case study blocks for shadcn/ui. Project breakdowns, problem and outcome layouts, and process walkthroughs.

- [Annotated Screen Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/annotated-screen-case): A single product screen as a Placeholder with numbered markers keyed to a side list naming the design decision behind each area.
- [Before After Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/before-after-case): A redesign case study with two Placeholder images side by side, each followed by a paragraph that names the problem or outcome and one unresolved edge case.
- [Case Study Cover](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/case-study-cover): A case study opening with a full-width Placeholder hero and a bordered panel showing the project title, subtitle, and a meta table of client, role, duration, and year.
- [Case Study Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/case-study-hero): A fold-filling project page opener with the project name large, a one-line outcome summary, a four-cell meta row of client, role, year, and deliverables, and a wide cover image.
- [Case Study Index](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/case-study-index): A ruled list of four navigable case study rows each carrying a thumbnail, a one-line problem statement, a result figure, and a category tag.
- [Case Study Pager](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/case-study-pager): An end of case study pager with previous and next project cells carrying thumbnails, summaries, and result lines, plus an all work link.
- [Case Study Split](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/case-study-split): A case study split telling problem, what I did, and the constraint, with a sticky result strip.
- [Challenge Solution](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/challenge-solution): 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.
- [Constraints Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/constraints-case): Four fixed project constraints in a ruled list, each typed and explained by the mark it left on the design, with a candid closing note.
- [Decision Log Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/decision-log-case): A ruled log of four project decisions, each row pairing the chosen path with the rejected alternative and the reason it lost.
- [Deliverables Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/deliverables-case): A six-cell grid counting everything shipped to the client, each cell naming the count, format, and where it lives, closed by a handoff note.
- [Full Bleed Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/full-bleed-case): A case study section with a full-width container image and an attached ruled panel carrying the title, summary, and outcome figures.
- [Gallery Case Study](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/gallery-case-study): A vertically sequenced case study of three numbered Placeholder images with captions that name the specific decision visible in each screen.
- [Goals vs Outcomes](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/goals-vs-outcomes): Four ruled rows pairing each kickoff target with its measured outcome and a status pill, closed by an honest note on the goal that missed.
- [Impact Summary](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/impact-summary): A case study closing section with a four-cell tabular figure strip and a reflection paragraph that names the specific scheduling or process mistake the designer would change.
- [Intro and Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/intro-and-gallery): A case study section with a short project intro paragraph followed by a captioned gallery of process frames in a three-column grid.
- [Iteration Rounds Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/iteration-rounds-case): Three columns tracking one screen across three usability rounds, each with a version frame, what testing showed, and a ruled list of changes made.
- [Long Form Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/long-form-case): A full written case study with an intro, five titled prose sections including a constraint, inline Placeholders, and a results strip.
- [Metrics Grid Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/metrics-grid-case): A 2x2 grid of outcome figures each with a context line and measurement window, plus a candid attribution note below the grid.
- [Outcome First Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/outcome-first-case): A case study that leads with the result at display size before a ruled divider reveals the problem and approach in two equal columns.
- [Process Walkthrough](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/process-walkthrough): A numbered sequence of project steps each with a large step number, title, duration, paragraph, and a Placeholder showing the artefact.
- [Quote Led Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/quote-led-case): A case study that opens with a client testimonial in a ruled blockquote before the work narrative and a results strip.
- [Research Insights Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/research-insights-case): A four-cell method stat strip above three numbered research insights, each pairing a finding, a participant quote, and the design response it produced.
- [Results Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/results-band): A ruled metric strip of four figures with one context line each and an honest attribution note naming any confounding changes in the same window.
- [Role Breakdown](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/role-breakdown): Two ruled lists side by side naming what the author owned versus what named teammates contributed, with honest framing about the credit split.
- [Sticky Summary Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/sticky-summary-case): A case study layout with project facts and result figures fixed in a sticky left column while the prose writeup scrolls on the right.
- [Testimonial In Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/testimonial-in-case): A single attributed client quote in a ruled panel placed between the work body and results sections of a case study.
- [Two Column Writeup](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/two-column-writeup): A dense case study section with the project narrative split across two prose columns and a four-figure result strip below.
- [Visual Process](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/case-study-sections/visual-process): A vertical sequence of numbered process phases each pairing a Placeholder artefact frame with a short paragraph naming the concrete finding or decision from that phase.

### Clients and Logos

Browse 20 Portfolio Pro client blocks for shadcn/ui. Logo walls, trusted-by rows, client lists, and notable clients.

- [Animated Logo Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/animated-logo-row): Eight client wordmarks as muted semibold text at varied type sizes arranged in a single wrapping bordered panel.
- [Client Grid Detailed](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/client-grid-detailed): Six client cards each showing the wordmark, sector, the actual deliverable delivered, and the year of engagement.
- [Client List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/client-list): A ruled-row roster of ten clients each showing the company name, the kind of work delivered, and the year, the complete scannable client history.
- [Client Results Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/client-results-row): Three columns each attributing a large tabular-nums result figure and a one-line context sentence to a named client, the outcomes-by-client proof strip.
- [Client Spotlight](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/client-spotlight): A split layout pairing one anchor client panel with scope, fact rows, and an outcome against a ruled six row list of further clients.
- [Client Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/client-timeline): A heading and lede above ruled year bands, each pairing a large year label and note with the clients signed and work delivered.
- [Clients By Service](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/clients-by-service): Three bordered discipline columns each with a service description, a stacked list of client wordmarks, and a client count per column.
- [Confidential Clients](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/confidential-clients): A split layout pairing an NDA explanation and shareable detail rows with a grid of dashed anonymized cards naming client, work, and sector.
- [Engagement Lengths](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/engagement-lengths): A ruled panel of clients ordered by how long each engagement ran, every row pairing company and year span with a proportional bar and months figure.
- [Global Clients](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/global-clients): Three stacked region bands each pairing a region label and client count with a wrapped set of client names and home cities.
- [Industries Served](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/industries-served): A six-tile sector grid showing project counts and example client types per industry to demonstrate breadth without a logo grid.
- [Logo Grid With Quote](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/logo-grid-with-quote): Eight client wordmarks in a bordered grid on one side and one attributed client testimonial on the other, pairing breadth with a specific endorsement.
- [Logo Wall](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/logo-wall): A grid of ten client wordmarks styled as muted text in varying sizes, with a heading and lede, showing the full breadth of past clients at a glance.
- [Logos And Testimonial](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/logos-and-testimonial): A ruled wordmark row of seven clients above one attributed pull quote that names a specific deliverable and outcome.
- [Logos With Count](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/logos-with-count): A centred headline figure above a twelve-cell client wordmark grid that proves practice scale with a count and a longevity line.
- [Notable Clients](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/notable-clients): Four client cards each naming the company, a paragraph on the scope of work, and a concrete one-line outcome, the selected engagements with results attached.
- [Referral Chain](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/referral-chain): A split layout pairing a large referral share figure and fact rows with a ruled list naming who introduced whom, the work, and the year.
- [Repeat Clients](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/repeat-clients): Ruled rows of five returning clients each pairing the company and a one line history with a right aligned project count and year span.
- [Trusted By Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/trusted-by-row): A compact single-line strip of five client wordmarks with a small uppercase label, placed beneath a hero to add proof without interrupting page flow.
- [Two Row Logos](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/clients-and-logos/two-row-logos): A centered heading with a client count above two even ruled rows of five client wordmarks each, covering ten names across two sectors.

### Coaching and Mentoring

Browse 16 Portfolio Pro coaching blocks for shadcn/ui. Offerings, session booking, packages, mentorship cards, and office hours.

- [Between Sessions](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/between-sessions): Four channel rows with response expectations beside a sample fortnight timeline and a single boundary rule, showing the support layer between calls.
- [Book Session](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/book-session): 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.
- [Coaching FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/coaching-faq): A two column FAQ answering common coaching questions in an accordion beside quick facts covering price, engagement length, and reply time.
- [Coaching Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/coaching-hero): A full-fold hero naming the coach, their one-line premise, the next availability date, primary and secondary actions, and a three-cell credential strip.
- [Coaching Offerings](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/coaching-offerings): Three coaching engagement types as cards with included items and a from price so visitors can self-sort before reaching out.
- [Coaching Packages](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/coaching-packages): Three named coaching packages with session counts, durations, prices, and included items, one marked recommended, plus a scoping note confirming fit before payment.
- [Coaching Principles](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/coaching-principles): Five numbered coaching ground rules in a divided list beside an intro, a short origin note, and a three-fact track record panel.
- [Engagement Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/engagement-timeline): A five phase vertical timeline tracing a coaching engagement from free intake call to the one month check-in, plus a strip of what stays after.
- [Focus Areas](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/focus-areas): Six topic cards mapping the territory a coaching practice covers, each pairing a short description with a real client question, plus a booking footer.
- [Group Cohort](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/group-cohort): A six week group program pairing a curriculum list with a cohort card showing start date, schedule, seats left, price, and a reserve action.
- [Meet The Coach](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/meet-the-coach): Split bio pairing a framed portrait and quick-fact rows with a first person career account, a four-line role history, and credential chips.
- [Mentee Outcomes](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/mentee-outcomes): A summary stat row and three outcome cards pairing then and now role panels with mentee quotes, avatars, and engagement lengths.
- [Mentorship Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/mentorship-card): A free or low-cost mentorship offer naming who it is for, the monthly cadence, the pay-what-you-can cost, and a four-step application process.
- [Office Hours](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/office-hours): Open weekly slots with a spots-remaining count, a good-for list, a not-the-right-fit list, and a how-it-works breakdown for free 25-minute advice calls.
- [Session Anatomy](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/session-anatomy): Minute by minute breakdown of a sixty minute coaching session as a four segment list beside panels for what clients send before and receive after.
- [Session Formats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/coaching-mentoring/session-formats): Four format cards for video, async review, voice notes, and in person days, with best-when lists and a how-to-choose strip.

### Collaborations

Browse 16 Portfolio Pro collaboration blocks for shadcn/ui. Collab grids, partner rows, featured collaborations, and brands worked with.

- [Brands Worked With](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/brands-worked-with): 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.
- [Collab Availability](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/collab-availability): A split layout pairing an explanation of how slots are booked with a ruled ledger of four seasons, each showing the format and a booking status.
- [Collab Cta](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/collab-cta): A two-column band listing four genuine collaboration types in a ruled list with explicit exclusions and a direct contact email button.
- [Collab Disciplines](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/collab-disciplines): A heading, intro, and count line above a grid of six discipline cells, each with a working note, a joint project count, and a frequent partner.
- [Collab Faq](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/collab-faq): A two-column FAQ answering five questions studios ask before a joint project, beside a heading and a three-row list of fixed terms.
- [Collab Formats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/collab-formats): Three engagement format cards, each with a summary, a ruled facts list of length, team shape, and fit, plus a recent partner example.
- [Collab Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/collab-gallery): A heading and intro above three joint project cards, each with a Placeholder image, the project name, the partner and field, a role split line, and the year.
- [Collab Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/collab-grid): A four-card grid of joint projects each naming the partner, their discipline and location, the deliverable, and the year.
- [Collab Logos](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/collab-logos): A four-column wordmark grid of collaborated companies each showing the brand name and the type of engagement as a secondary line.
- [Collab Process](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/collab-process): Four numbered stage cards from first call to shipped work, each with a timing line, over a three cell band of working agreements.
- [Collab Split](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/collab-split): A heading and intro above two ruled columns setting out what the studio carries and what the partner carries, closed by a three cell band of shared duties.
- [Collab Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/collab-timeline): A year-by-year ruled ledger of five joint projects, each entry naming the partner, the shared deliverable, and the role split.
- [Featured Collab](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/featured-collab): A split block spotlighting one joint project with a Placeholder image, a two-paragraph story including a constraint named, and a five-row facts list.
- [Partner Quotes](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/partner-quotes): Two large quote cards from past collaborators with avatar attribution and a footer row naming the shared project and their side of the split.
- [Partners Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/partners-row): A divided wordmark grid of eight collaborators each showing the name and a one-word discipline label under a section heading.
- [Repeat Partners](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/collaborations/repeat-partners): A ruled ledger of four returning collaborators, each row pairing discipline and a working note with a tabular count of projects and years.

### Comparisons

Browse 17 Portfolio Pro comparison blocks for shadcn/ui. Why-work-with-me, freelance-versus-agency, and what-makes-me-different layouts.

- [AI vs Hiring Me](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/ai-vs-hiring-me): Five design tasks stacked as cards, each pairing what AI tools honestly deliver against what hiring me adds, with one task conceded outright.
- [Am I the Right Fit](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/am-i-the-right-fit): Two honest panels of fit signals, a good fit checklist beside reasons to look elsewhere, each item backed by a one line detail.
- [Before And After](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/before-and-after): Five paired before and after panels joined by arrows, each labelled by the dimension that changed, selling outcomes rather than deliverables.
- [By the Numbers](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/by-the-numbers): Five project metrics as paired horizontal bars comparing a typical engagement with mine, each metric captioned and labelled with plain values.
- [Comparison Table](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/comparison-table): Nine criteria rows comparing this person against a typical alternative using check and minus icons, with honest gaps on both sides.
- [Expectations Vs Reality](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/expectations-vs-reality): Five assumptions about hiring a solo designer paired row by row with what actually happens, including one the block admits is true.
- [Freelance Vs Agency](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/freelance-vs-agency): A three-column table comparing freelance and agency across seven criteria including cost, speed to start, and institutional knowledge.
- [Freelance Vs Inhouse](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/freelance-vs-inhouse): A three-column table of five signals arguing honestly for hiring a freelancer or building in-house across project length, budget, and team structure.
- [Process Comparison](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/process-comparison): Two engagement timelines side by side, a typical studio process against mine, with five numbered steps, timing labels, and an honest closing note.
- [Project vs Retainer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/project-vs-retainer): Two engagement models compared down a central spine of six criteria, closed by paired pick this when lists so a prospect can self select.
- [Shortlist Questions](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/shortlist-questions): Four questions to ask every designer you are comparing, each card pairing the question and why it matters with my answer below a divider.
- [Should You Hire Me](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/should-you-hire-me): A four step decision path where each numbered question branches into yes and no outcomes, ending in a short verdict panel.
- [Specialists vs Generalist](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/specialists-vs-generalist): A roster of four priced specialists beside my single generalist panel, where a three dot coverage meter rates my depth per discipline.
- [Template Vs Custom](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/template-vs-custom): Two decision panels weighing a bought template against custom work, each with cost and timeline facts plus the signs it is the right call.
- [What Makes Me Different](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/what-makes-me-different): Three distinctive approach points each paired with an explicit tradeoff so the block reads as credible rather than promotional.
- [What You Actually Pay](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/what-you-actually-pay): Two itemised cost ledgers pricing the same project through an agency and through me, with line notes, plain totals, and an honest caveat.
- [Why Work With Me](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/comparison-sections/why-work-with-me): Four honest reasons as cards, each pairing a direct claim with the substance that makes it verifiable, the differentiation block.

### Contact

Browse 24 Portfolio Pro contact blocks for shadcn/ui. Contact forms, details panels, and inquiry layouts.

- [Availability And Form](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/availability-and-form): An availability strip showing current status and four project criteria sits above a name plus email plus message form so visitors self-qualify before writing.
- [Booking Window Strip](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/booking-window-strip): A six month availability strip of status dot cells, plus a footer pairing an earliest start note with a reserve by email action.
- [Brief Upload Form](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/brief-upload-form): A two column brief intake with submission facts on the left and a form pairing contact fields, a static upload zone, and a link field.
- [Calendar Embed Blueprint](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/calendar-embed-blueprint): A static booking widget blueprint showing a month grid with available and selected dates, a time-slot row, and a confirm button beside a call fact strip, ready to wire to a real scheduler.
- [Centered Contact](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/centered-contact): A centred narrow column with a heading, a framing sentence, and a name plus email plus message form with a reply-time note below the button.
- [Contact By Inquiry Type](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/contact-by-inquiry-type): A three card contact router splitting inquiries by intent, each card pairing an icon, a description, a dedicated email, and a reply time note.
- [Contact Card Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/contact-card-grid): Six reach channels laid out as linked cards in a three-column grid, each naming the platform, the handle, and what that channel is best for.
- [Contact Details Panel](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/contact-details-panel): A text-only ruled list of email, location, availability, and response time rows with social links beneath, no form required.
- [Contact Faq Combo](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/contact-faq-combo): A contact form beside three pre-emptive FAQ answers covering rates, timeline, and availability so common objections are resolved before the message is sent.
- [Contact Form](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/contact-form): A centred name, email, and message form with a send button and an explicit two-business-day reply commitment below the submit action.
- [Contact Split](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/contact-split): A two-column contact section with a warm intro, ruled detail rows, and social links on the left and a name, email, and message form on the right.
- [Contact With Availability](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/contact-with-availability): A contact section that opens with a status dot, availability label, and a four-row capacity table before presenting the inquiry form.
- [Contact With Map Blueprint](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/contact-with-map-blueprint): A studio contact panel beside a bg-muted inline SVG map surface with a centred MapPin marker and a location chip, no third-party embed.
- [Contact With Testimonial](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/contact-with-testimonial): A name plus email plus message form beside a bordered client testimonial panel with a quote, avatar attribution, and two relationship facts.
- [Copy Email Contact](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/copy-email-contact): A centered formless contact block with one email in a bordered field, a copy button, a mailto link, and a three cell fact strip.
- [Email And Socials](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/email-and-socials): A centred minimal contact block with the email address rendered large as a mailto link and a row of social platform links with brand icons beneath.
- [Email Brief Checklist](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/email-brief-checklist): A large mailto link and a no forms pitch beside a checklist card covering the five details a useful first email should include.
- [Full Contact Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/full-contact-page): A two-column contact section with a warm intro, ruled details list, availability block naming exclusions, social links, and a complete inquiry form.
- [Inquiry Form](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/inquiry-form): 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.
- [Office Hours Booking](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/office-hours-booking): Three recurring office hour slots as ruled rows naming session, audience, schedule, and length, each with a book button and an email fallback.
- [Process And Form](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/process-and-form): A numbered three step outline of the reply, intro call, and written proposal sits beside a name plus email plus message form.
- [Simple Contact Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/simple-contact-row): A single bordered row with a mailto email link on the left and three social icon and text links on the right, sized for footer-adjacent placement.
- [Social Contact Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/social-contact-grid): A grid of six destination cards covering email, LinkedIn, GitHub, X, Instagram, and a calendar booking link, each with a description of what lives there.
- [Two Column Contact](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/contact-sections/two-column-contact): A contact form on the left balanced against a ruled detail list of email, location, timezone, availability, and social links on the right.

### Calls to Action

Browse 23 Portfolio Pro CTA blocks for shadcn/ui. Hire me bands, get in touch prompts, and availability calls.

- [Availability Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/availability-band): A ruled availability list naming real months and booking statuses with a get-in-touch action for the one open September slot.
- [Availability CTA Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/availability-cta-band): A bordered card that states the next opening month as a heading and pairs it with a single action button linking to the contact section.
- [Book A Call Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/book-a-call-band): 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.
- [Client Logos CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/client-logos-cta): A bordered closer with a centered heading, one line pitch, and primary action above a ruled four cell strip of client wordmarks.
- [Download Resume Cta](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/download-resume-cta): A resume prompt with a lede, a ruled meta strip covering last-updated date and page count, and dual actions for downloading the PDF and viewing it online.
- [Email Capture CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/email-capture-cta): A centered heading with an inline email input and submit button that collects addresses for a one-email availability notification.
- [Engagement Paths CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/engagement-paths-cta): A heading above three bordered engagement cards, each naming a way to work together with a scope note, a terms line, and its own action button.
- [FAQ CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/faq-cta): A two column closer with a heading, lede, and primary action beside a ruled list of four common questions each answered in a sentence.
- [Featured Work CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/featured-work-cta): A bordered closer with a heading, lede, and two actions beside a featured project card showing a cover image, title, meta, and outcome.
- [Full Bleed Cta](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/full-bleed-cta): A bold section-filling heading with a concrete availability line and a single primary button, no gradient and no overlay.
- [Get In Touch Cta](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/get-in-touch-cta): A contact band with a pill-shaped email chip and three social icon links that lets visitors follow or reach out without committing to a message.
- [Hire Me Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/hire-me-band): A bordered conversion band with a confident heading, a one-line capacity note, and a single primary action that closes a portfolio page.
- [Lets Talk Split](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/lets-talk-split): A two-column contact split with a warm heading on the left and a bordered card carrying response time, fit criteria, and preferred start date on the right.
- [Newsletter Cta](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/newsletter-cta): A centred subscribe band with a heading naming the cadence, an honest pitch describing the content and what it excludes, and an inline email form.
- [Next Steps CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/next-steps-cta): A centered closer with three numbered steps covering the first message, a short intro call, and a written proposal, ending in one primary action.
- [Project Inquiry Cta](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/project-inquiry-cta): 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.
- [Simple Contact Cta](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/simple-contact-cta): A minimal closer with a single centered heading and one large email link at heading scale, nothing else, for visitors who have already decided to reach out.
- [Split Availability Cta](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/split-availability-cta): A two-column CTA with booking criteria and an availability dot on the left and what to send plus a project brief button on the right.
- [Start Project Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/start-project-band): A single bordered card with a confident heading, a one-line on how to begin, and a primary email action that names the response time commitment.
- [Starting Rate CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/starting-rate-cta): A bordered closer with a heading, lede, and primary action beside a rate card stating the starting price and a checked list of inclusions.
- [Stats CTA Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/stats-cta-band): A centered band with a heading, a primary button, and a ruled three cell stat strip proving years of practice, shipped projects, and returning clients.
- [Testimonial CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/testimonial-cta): A two column closer pairing a heading and dual actions with a bordered client quote card carrying an avatar, attribution, and an outcome line.
- [Two Action Cta](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/cta-sections/two-action-cta): A centered band with a heading and two equal-weight buttons offering distinct paths for visitors browsing work and visitors ready to reach out.

### Design Portfolio

Browse 19 Portfolio Pro design blocks for shadcn/ui. Brand showcases, UI walls, before-and-afters, and design system displays.

- [Annotated Screen](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/annotated-screen): A single captioned product screen beside five numbered decision notes, each naming a screen region and the reasoning behind the call.
- [Before After Design](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/before-after-design): A redesign proof with side-by-side Placeholder visuals and a ruled change table naming the constraint and three specific before-and-after decisions.
- [Brand Showcase](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/brand-showcase): A brand identity case showing logo mark, theme-token colour swatches, typography panel, and three application mockups for one project.
- [Case Study Design](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/case-study-design): A design case study with a sticky screen stack and result strip on the left and a four-section narrative (problem, approach, constraint, outcome) on the right.
- [Concept Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/concept-grid): A process-transparency grid of six unexplored or unshipped design directions, each with a Placeholder tile and an honest reason it was set aside.
- [Design Directions](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/design-directions): Three visual directions for one project as tiles with trait rows for type, color, and feel, a verdict line, and the selected pick marked.
- [Design Principles](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/design-principles): A ruled three-column grid of six numbered working principles, each pairing a short titled belief with an honest explanation of its impact.
- [Design Process](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/design-process): A five-step design process block with numbered rows each carrying a title, duration, Placeholder illustration, and an honest description of the step output.
- [Design System Display](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/design-system-display): A systems-work section showing a shared design system as colour token swatches, a six-step type scale, and three component documentation cards.
- [Featured Project](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/featured-project): A flagship project split with a full-height Placeholder screen beside a summary, five ruled spec rows, and three measured outcome stats.
- [Iteration Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/iteration-timeline): One product screen across four dated design rounds in a ruled grid, each pairing a snapshot with the round name, date, and a change note.
- [Logo Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/logo-grid): An eight-mark logo portfolio grid with centred monogram overlays on Placeholder tiles, each labelled by client name and mark kind.
- [Project Index](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/project-index): A ruled archive table of every project by year with client sector and deliverable columns and a row-level arrow link to each case.
- [Research Decisions](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/research-decisions): Three ruled rows pairing a real research quote with the exact design change it drove and the measured result after shipping.
- [Responsive Pairs](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/responsive-pairs): Three projects each shown as a paired desktop and mobile frame with a note explaining the specific adaptation decision behind the small screen.
- [Screens Carousel Blueprint](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/screens-carousel-blueprint): A static carousel blueprint of five app screens with prev and next affordances, dot indicators, and a thumbnail strip with one slide active.
- [UI Wall](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/ui-wall): A six-screen product interface grid with state-level captions showing the full range of a design system from empty states to dense data views.
- [Visual Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/visual-grid): A dense nine-item square grid of design shots with minimal captions for explorations and process fragments that did not fit a case study.
- [Work Showcase](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/design-portfolio/work-showcase): A four-project design grid where each card names the client type, the role, the year, and the specific deliverables the designer owned.

### Developer Portfolio

Browse 19 Portfolio Pro developer blocks for shadcn/ui. Project repos, code snippets, open source lists, and tech stacks.

- [ADR Log](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/adr-log): A single column architecture decision log of ruled rows, each pairing a record id and date with the decision, reasoning note, and status chip.
- [Api Project Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/api-project-card): A two-column backend project card pairing a project description and stack chips with a static mono panel showing a sample endpoint path and a formatted HTTP response.
- [Career Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/career-timeline): Reverse chronological engineering roles as ruled rows pairing period and tenure with role, company, summary, a shipped highlight, and stack tags.
- [Code Snippet](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/code-snippet): A production function displayed in a mono bg-muted editor panel with a filename tab, gutter line numbers, and a caption explaining the technical tradeoff the snippet demonstrates.
- [Contributions Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/contributions-grid): An activity heatmap showing 1654 contributions across 52 weeks using theme-token opacity squares with a streak note and quarterly commit breakdown.
- [Engineering Principles](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/engineering-principles): Six numbered engineering principles in an editorial three column grid, each pairing a mono index with a short title and a first person note.
- [Github Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/github-stats): A four-figure contribution stat strip above a 52-week CSS-grid heatmap built with theme-token opacity squares and a deterministic seed, with no green color scale.
- [Incident Postmortem](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/incident-postmortem): A two column incident retro pairing the story, root cause, and follow up changes with a static minute by minute timeline panel.
- [Now Building](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/now-building): A stacked list of 3 projects currently in development, each with a status badge, technical description, and a dated progress note.
- [Open Source List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/open-source-list): A ruled-row list of open-source contributions each naming the project, a specific description of the work done, a tabular star count, and a Maintainer or Contributor role badge.
- [Performance Wins](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/performance-wins): A single column list of optimization stories as ruled rows, each pairing the narrative and an improvement chip with before and after metric bars.
- [Project List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/project-list): A ruled-row developer projects index with stack chips, a one-line summary, and separate repo and live links per project.
- [Project Repos](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/project-repos): 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.
- [Published Packages](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/published-packages): A ruled list of maintained npm packages, each row with the name, version, license, weekly downloads, a short description, and an install command.
- [Pull Request Showcase](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/pull-request-showcase): 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.
- [Skills and Projects](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/skills-and-projects): A two-column block with the technology stack organised into labelled chip categories on the left and a ruled list of representative projects on the right.
- [System Design Case](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/system-design-case): A case study split pairing the problem, numbered architecture decisions, and outcome metrics with a blueprint panel tracing the ingest and read paths.
- [Tech Stack Detail](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/tech-stack-detail): A four-column grid of technologies grouped under Languages, Frameworks, Infrastructure, and Tools, each item showing a two-letter mark and a short honest context note.
- [Terminal Intro](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/developer-portfolio/terminal-intro): A full-viewport hero split with an h1 and lede on the left and a static mono terminal panel on the right showing a whoami command with structured key-value output and a static cursor.

### Experience

Browse 17 Portfolio Pro experience blocks for shadcn/ui. Work history, career timelines, role highlights, and current position.

- [Career Chapters](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/career-chapters): The full history grouped into three named eras as columns, each with a year range, a first person narrative, and a ruled list of roles.
- [Career Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/career-timeline): A vertical connected timeline of key roles and turning points with year markers and short narrative descriptions of how each move built on the last.
- [Client Engagements](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/client-engagements): Freelance work listed as a ruled index, each row pairing client and sector with a one line deliverable, an engagement type badge, and the year.
- [Compact History](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/compact-history): A ruled list of roles showing company, title, and year range in tabular-nums, fitting five positions into a minimal footprint.
- [Current Position](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/current-position): A two-column card stating the present role with company, title, focus rows, and a plain note on what the person is and is not open to.
- [Experience Accordion](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/experience-accordion): An accordion work history where each ruled row shows company, title, and years, expanding to a first person summary, highlights, and a departure note.
- [Experience Detail](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/experience-detail): A single role expanded with company, tenure, scope, a not in scope list, and key project cards each naming the work done and the measured outcome.
- [Experience Tabs](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/experience-tabs): A vertical rail of companies switches a detail panel showing the role title, a first person summary, what you owned, and a stat row.
- [Experience With Logos](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/experience-with-logos): A ruled history list where each role leads with an inline SVG company wordmark alongside title, date range, and a one-line summary.
- [Growth Matrix](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/growth-matrix): Areas of responsibility as rows and career levels as columns, with filled, faded, and empty dots marking what was owned or contributed at each stage.
- [Highlights Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/highlights-band): A four-cell bordered grid strip presenting standout career moments each with a bold label and a concrete outcome sentence.
- [Positions List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/positions-list): A compact ruled index of every role with company, title, employment type, and year range and no descriptions by design.
- [Promotion Path](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/promotion-path): 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.
- [Role Highlights](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/role-highlights): Cards for the two or three most consequential roles, each with a context sentence and bulleted achievements that include concrete numbers.
- [Role References](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/role-references): A three card work history pairing each role with a short quote from the manager or founder who was in the room, credited beneath.
- [Tenure Spans](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/tenure-spans): A tenure chart drawing every role as a horizontal bar across a shared year axis, with a legend separating full time roles from freelance work.
- [Work History](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/experience-sections/work-history): A ruled list of every role with company, title, date range, and a one-sentence summary covering the full employment record.

### FAQ

Browse 19 Portfolio Pro FAQ blocks for shadcn/ui. Working FAQs, pricing questions, process questions, and two column layouts.

- [Anchored FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/anchored-faq): A FAQ with a sticky anchor rail listing three topic sections beside always open ruled answers, keeping long lists navigable without accordions.
- [Availability Faq](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/availability-faq): An availability FAQ that states the real next opening month in the lede and answers five questions about lead time, rush work, waiting list, and start date slippage.
- [Centered Faq](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/centered-faq): A centered heading and lede above a narrow max-w-2xl accordion of six working-together questions with specific policy answers.
- [Faq Accordion](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/faq-accordion): A six-question general FAQ accordion covering how to start, revisions, time zones, file ownership, and NDA signing, with the first item open by default.
- [Faq Three Column](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/faq-three-column): Nine questions and answers laid out in three equal columns as plain text blocks for at-a-glance scanning without interaction.
- [Faq With Contact](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/faq-with-contact): A five-question accordion beside a sticky contact nudge card so visitors whose question is not listed can reach out without leaving the page.
- [Grouped Faq](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/grouped-faq): A FAQ block that organizes questions into three topic groups (Process, Pricing, Working together) each rendered as a collapsible accordion.
- [Inline Faq List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/inline-faq-list): A FAQ block that shows all questions and answers as always-open ruled rows in a two-column grid with no accordion.
- [Myth FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/myth-faq): A left aligned heading over a ruled stack of five two column rows, each pairing a quoted assumption with the reality that corrects it.
- [Numbered FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/numbered-faq): An editorial FAQ of six always open questions in a single narrow column, each led by a large index numeral and separated by ruled dividers.
- [Numbers FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/numbers-faq): A left aligned heading above a three column grid of six rule topped cards, each pairing a question with a large number and detail.
- [Objections FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/objections-faq): A centered heading over a chat styled thread of four exchanges, each a right aligned objection bubble answered by a reply beside a designer avatar.
- [Pricing Faq](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/pricing-faq): A five-question pricing FAQ stating project cost ranges, payment installments, delay responsibility, refund policy, and retainer terms without hedging.
- [Process Faq](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/process-faq): A five-question process FAQ covering revision rounds, how to give feedback, handoff deliverables, source file ownership, and how design disagreements are handled.
- [Tabbed FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/tabbed-faq): A tabbed FAQ that splits questions into Projects, Pricing, and Logistics tabs, each revealing its own accordion of answers below a centered heading.
- [Timeline FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/timeline-faq): A vertical numbered timeline of three project stages, each node carrying a stage title and two always open questions with paragraph answers.
- [Two Column Faq](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/two-column-faq): A two-column FAQ with a heading and quick-facts strip on the left and a five-question accordion on the right in a balanced split layout.
- [Working Faq](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/working-faq): A five-question collaboration FAQ answering how often you will talk, what the client needs to provide, scope changes, feedback format, and typical timelines.
- [Yes No FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/faq-sections/yes-no-faq): A rapid FAQ of nine questions in a three column card grid, each led by a Yes, No, or Depends badge above a short answer.

### Footers

Browse 22 Portfolio Pro footer blocks for shadcn/ui. Contact footers, social rows, and sign offs.

- [Awards Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/awards-footer): A full width recognition ledger of ruled rows pairing each award with its body, project, and year, above a bar with copyright and social icons.
- [Big Cta Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/big-cta-footer): A conversion footer with a status line, a heading, a qualifier sentence, and a large email link filling the card, with compact links and a copyright line below.
- [Big Name Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/big-name-footer): A footer centred on the name and a tagline set at heading scale, with a ruled divider separating a short page link row and a copyright line.
- [Centered Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/centered-footer): A fully centered footer with the name mark, a row of nav links, a row of social icon links, and a copyright line separated by a top border.
- [Colophon Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/colophon-footer): A colophon footer pairing a name and site note with a ruled definition list of typefaces, stack, tools, and last update, above a copyright line.
- [Columns And Social Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/columns-and-social-footer): A three-column footer with a brand bio, a navigation column, and a contact column, topped by a social icon row and copyright bar.
- [Contact Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/contact-footer): A contact footer with a large email address as the centrepiece, social icon links, a compact site nav, and a copyright line inside a rounded card.
- [Elsewhere Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/elsewhere-footer): A grid of four bordered profile tiles, each with a platform icon, handle, and posting note, above a bar with nav and copyright.
- [Footer With Availability](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/footer-with-availability): A two-column footer pairing the name, positioning line, and email on the left with a toggling availability status card and social icons on the right.
- [Footer With CTA Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/footer-with-cta-band): A footer that opens with a bordered card holding a lets-work heading and action button, then closes with nav links, social icons, and a copyright line.
- [Footer With Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/footer-with-nav): A footer with four labelled link columns covering Work, About, Contact, and Social, the studio name and tagline above, and a copyright bar below.
- [Footer With Newsletter](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/footer-with-newsletter): A footer pairing contact details and social icons with an inline newsletter subscribe form inside a bordered card above a copyright bar.
- [Footer With Now](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/footer-with-now): A now panel of three ruled cells reporting what the owner builds, where they are based, and current interests, above a nav and copyright bar.
- [Latest Writing Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/latest-writing-footer): A footer pairing a brand column with a ruled list of recent essays, each titled and dated, plus a view all link and copyright bar.
- [Minimal Link Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/minimal-link-footer): A single centered row of text nav links above a copyright line, the smallest possible footer for pages that close with a strong CTA section.
- [Minimal Signoff Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/minimal-signoff-footer): A single ruled line carrying the name and copyright year on one side and a made-with location line on the other, with no nav or social links.
- [Quote Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/quote-footer): A large centered client quote with an avatar attribution, closed by a ruled bar carrying nav links, social icons, and a copyright line.
- [Recent Work Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/recent-work-footer): A footer opening with three latest project thumbnails, closed by a ruled bar carrying the copyright, a compact nav, and a row of social icons.
- [Sitemap Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/sitemap-footer): A complete portfolio footer with the name set at heading scale and five link columns covering Work, Writing, About, Contact, and Social.
- [Social Row Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/social-row-footer): A centred footer showing the name at heading scale, a one-line tagline, a row of social icon links, and a copyright line with no other navigation.
- [Stats Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/stats-footer): A ruled band of four practice numbers, each a large numeral with a label and detail line, above a bar with copyright, email, and nav.
- [Three Column Footer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/footers/three-column-footer): A three-column footer with a brand and tagline column, a navigation links column, and a contact and social column, plus a full-width copyright bar.

### Galleries

Browse 21 Portfolio Pro gallery blocks for shadcn/ui. Photo grids, masonry, lightbox blueprints, and captioned galleries.

- [Album Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/album-grid): A collections index of six named photography series, each card showing a cover image, album title, photo count, and date range.
- [Alternating Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/alternating-gallery): An alternating editorial gallery of full width rows that swap the image left and right beside a series title, story, and bordered facts list.
- [Before After Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/before-after-gallery): Three retouching pairs showing a before and after image side by side with a technical note naming the specific technique applied to each.
- [Captioned Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/captioned-gallery): Four photographs each paired with a full documentary caption naming where, when, and the story behind how the frame was made.
- [Columns Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/columns-gallery): A four-column uniform grid of twelve captioned Placeholder tiles showing project name and client for a large body of work.
- [Contact Sheet](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/contact-sheet): A ring framed sheet panel with a roll header above a dense grid of numbered mono frames, two ringed as picks marked for print.
- [Filmstrip Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/filmstrip-gallery): A horizontally scrolling row of wide film frames with mono frame codes and captions beneath each, plus roll metadata beside the heading.
- [Frame Study](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/frame-study): A single frame study pairing one large photograph with its title, story, and a bordered list of camera, exposure, film, and print details.
- [Full Bleed Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/full-bleed-gallery): Four large edge-to-edge images stacked vertically with a sentence caption and location plus date beside each frame for immersive editorial presentation.
- [Full Width Rows](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/full-width-rows): Large images stacked at full container width with a title, a context-naming caption, and a two-digit series counter beneath each.
- [Grid With Filters](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/grid-with-filters): A client-rendered gallery with category chips that filter image tiles via useState and a live count showing how many images are visible.
- [Index Preview Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/index-preview-gallery): A numbered list of works with medium and year on the left beside a large preview of the highlighted row with its caption and counter.
- [Lightbox Blueprint](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/lightbox-blueprint): A static open-state lightbox layout showing a centered large image with prev/next controls, a frame counter, caption, and thumbnail strip over a dark scrim.
- [Mosaic Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/mosaic-gallery): A mosaic gallery with one large anchor frame spanning two columns and two rows beside eight square supporting tiles, above a view all link.
- [Photo Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/photo-grid): A three-column grid of nine square photography frames with hover captions showing location, date, and subject for each shot.
- [Photo Masonry](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/photo-masonry): A CSS-columns masonry gallery of twelve Placeholder images in mixed aspect ratios that form a dense visual wall of travel photography.
- [Spotlight Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/spotlight-gallery): A large main image with a captioned location and date above a five-thumbnail strip with the active selection ringed.
- [Thumbnail Strip](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/thumbnail-strip): A compact responsive grid of square Placeholder thumbnails labelled with a series name and year for browsing a photographic archive.
- [Triptych Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/triptych-gallery): A triptych gallery where each work is a row of three tall panels under a title and edition line, with one shared caption beneath.
- [Two Up Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/two-up-gallery): An editorial two-column image layout pairing photographs by series with title and medium captions beneath each image.
- [Year Archive Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/gallery-sections/year-archive-gallery): Work grouped into bordered rows by year, each pairing a large year heading, frame count, and note with a four image row of selects.

### Heroes

Browse 29 Portfolio Pro hero blocks for shadcn/ui. Name and role intros, statement heroes, and split heroes for creative sites.

- [Availability Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/availability-hero): A freelancer hero that centres a card showing the next open project slot, the slot count, and the typical engagement length beside a get-in-touch action.
- [Awards Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/awards-hero): Split hero with a first person intro and actions beside a two by two grid of award cells, each naming the issuer, honour, and year.
- [Big Type Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/big-type-hero): A fold-filling hero that renders the name at oversized typographic scale with a discipline line, lede, two actions, and a three-cell grounding facts grid.
- [Career Timeline Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/career-timeline-hero): A split hero with name, lede, actions, and availability note beside a bordered timeline panel listing each chapter with years, role, and detail.
- [Centered Statement Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/centered-statement-hero): A symmetric portfolio opener with everything centered around a single strong positioning sentence, a quiet role lede, and one action button.
- [Client Quote Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/client-quote-hero): A hero with name, role lede, and two actions above a full width client quote strip carrying the quote, an avatar, and attribution.
- [Cta Focused Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/cta-focused-hero): A conversion-first hero with a single confident headline, a start-a-project button, and a four-figure trust signal strip at the base of the fold.
- [Featured Case Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/featured-case-hero): A split hero with name, positioning lede, detail strip, and actions beside a single featured case study panel showing a thumbnail and outcome rows.
- [Hero With Marquee](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/hero-with-marquee): A fold-filling hero with a declarative h1, lede, two actions, a static row of service chips as a skills strip, and a three-cell availability facts grid.
- [Inquiry Form Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/inquiry-form-hero): Split hero with a first person invitation and expectations strip on the left beside a labelled inquiry form for name, email, company, and project.
- [Intro Paragraph Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/intro-paragraph-hero): A hero that opens with a first-person paragraph above the name and headline, followed by a single action button and a three-field detail strip.
- [Intro With Socials](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/intro-with-socials): A personal portfolio hero with a name, role lede, two actions, and a branded social icon row that moves profile links into the first viewport.
- [Left Aligned Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/left-aligned-hero): A left-anchored editorial hero with name and role in the h1, a studio lede, two actions, and a four-row ruled metadata strip covering role, studio, availability, and clients.
- [Minimal Name Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/minimal-name-hero): A fully reduced centered hero with the name in the h1, a role line below it, and a small set of plain text navigation links and nothing else.
- [Name And Role Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/name-and-role-hero): A name and role hero with a positioning line, a three fact strip, and an honest availability note.
- [Photo Grid Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/photo-grid-hero): A hero built around a 2x2 photo tile grid with the photographer name and credential facts in a height-balanced side panel.
- [Portrait Right Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/portrait-right-hero): A split hero with a name, lede, actions, and three grounding facts on the left beside a tall portrait placeholder on the right.
- [Process Steps Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/process-steps-hero): A hero with a first person intro, lede, and two actions above a numbered three step strip showing how an engagement runs end to end.
- [Project Index Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/project-index-hero): 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.
- [Quote Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/quote-hero): A hero that opens with a craft philosophy sentence as the heading and the practitioner name and studio in a quieter line below.
- [Role And Clients Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/role-and-clients-hero): A portfolio hero that pairs a name and role statement with an inline row of past client wordmarks placed between the lede and the action buttons.
- [Scrolling Roles Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/scrolling-roles-hero): A hero that stacks every discipline this person works in as a static role list with one role emphasised and a facts panel beside it.
- [Service Menu Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/service-menu-hero): Split hero pairing a first person intro and availability facts with a bordered service menu panel listing each offering, its scope, and starting price.
- [Split Portrait Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/split-portrait-hero): A two-column hero with a name, positioning lede, and ruled availability strip on the left and an aspect-4/5 portrait placeholder on the right.
- [Statement Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/statement-hero): A stripped-back hero with one confident h1 sentence, a single lede, and one primary action directing visitors to the work.
- [Studio Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/studio-hero): A small-agency opener with a studio name, a we-voice lede naming what the team does not offer, two actions, and a three-fact founding strip.
- [Two Disciplines Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/two-disciplines-hero): A hero for a dual-practice creator with an h1 naming both disciplines, a lede connecting them, and two cards each pointing at one body of work.
- [Video Reel Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/video-reel-hero): A hero that leads with a large video frame and play affordance, then names the director and their availability below it.
- [Work Preview Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/hero-sections/work-preview-hero): A hero that leads with the name and role then immediately shows three labelled work thumbnails with role and year below each.

### Music and Audio

Browse 15 Portfolio Pro music blocks for shadcn/ui. Discographies, track lists, listen cards, album features, and gig lists.

- [Album Feature](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/album-feature): A split layout pairing a large Placeholder album cover with a full ruled tracklist, meta line, short release note, and platform links.
- [Booking Panel](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/booking-panel): A live booking split pairing a ruled list of set formats with a details card of availability, a rider link, and a request button.
- [Discography Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/discography-grid): A six-album grid with Placeholder covers, titles, years, and track counts spanning a full catalogue from debut to latest release.
- [Gig List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/gig-list): Upcoming shows as ruled rows with date, venue, city, and a tickets link, followed by muted past shows as an archive beneath.
- [Listen Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/listen-card): A featured track card with a Placeholder cover, static div-bar waveform in theme tokens, and text links to four streaming platforms.
- [Live Sessions](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/live-sessions): A three card grid of filmed live sessions, each with a still, song title, venue and year line, and a watch link with duration.
- [Music Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/music-hero): A fold-filling hero with a sentence h1, album lede, play and releases CTAs, a three-stat strip, and a Placeholder album cover beside it.
- [Press Kit](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/press-kit): A press kit section pairing an approved short bio and press pull quotes with two photos and a ruled list of downloadable assets.
- [Releases Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/releases-row): A four-column grid of recent album and EP cards each with a Placeholder cover, title, year, format, and a listen link.
- [Session Credits](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/session-credits): A ruled credit table listing year, artist and record, and role for each session, closed by an availability note and a full credits link.
- [Song Story](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/song-story): A two column split pairing a lyric excerpt card with the written story of a song, closed by a ruled credits list and a listen link.
- [Streaming Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/streaming-stats): A four stat strip of listener and stream totals above a split of most streamed tracks with bars and a ranked list of top cities.
- [Studio Services](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/studio-services): Three service cards for mixing, mastering, and production, each with a rate, a checklist of what is included, and a turnaround line.
- [Sync Placements](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/sync-placements): Selected sync licensing credits in three columns for film and television, advertising, and games, each a ruled list with a licensing link below.
- [Track List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/music-audio/track-list): A ruled list of ten tracks with tabular-numeral durations, track numbers, and a static play affordance for an album or EP.

### Navbars

Browse 22 Portfolio Pro navbar blocks for shadcn/ui. Minimal headers, name marks, and menu bars for portfolio sites.

- [Announcement Bar Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/announcement-bar-nav): A header topped by an inverse announcement strip with a booking note, inline arrow link, and dismiss button, above the name mark and page links.
- [Centered Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/centered-nav): An editorial header with the name mark pinned to the absolute center and two nav links split symmetrically on each side.
- [Compact Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/compact-nav): A slim 12-unit header with a name mark on the left and three minimal text links on the right, nothing else.
- [Divided Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/divided-nav): Full width header where the name mark and each page link occupy their own border separated cell, ending in a solid inverse contact cell.
- [Logo Center Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/logo-center-nav): A navbar with the name mark centered and two navigation links flanking it on each side, plus a contact button on the far right.
- [Mega Panel Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/mega-panel-nav): A desktop header shown with its Work menu open, a full width panel laying out three category cards with thumbnails, counts, and a footer row.
- [Minimal Name Navbar](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/minimal-name-navbar): A minimal personal-site header with the name mark on the left and three nav links on the right, nothing else.
- [Name And Menu](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/name-and-menu): A mobile-first header shown in its open-menu state with four large stacked links and zero-padded index numbers.
- [Nav With Availability Dot](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/nav-with-availability-dot): A navbar with name, centred links, and a pulsing emerald dot beside an availability month label on the right.
- [Nav With Cta](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/nav-with-cta): A conversion header with the name mark, three nav links, and a primary Get in touch button on the right.
- [Nav with Location and Time](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/nav-with-location-time): Header with a name mark on the left, centered page links, and a location readout showing the city and a local time label on the right.
- [Nav With Resume](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/nav-with-resume): A site header with a name mark and nav links on the left and a download CV button on the right for portfolios where recruiters need direct resume access.
- [Nav With Socials](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/nav-with-socials): A connected header with the name mark and nav links on the left and a row of GitHub, LinkedIn, and Instagram icon links on the right.
- [Nav With Theme Toggle](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/nav-with-theme-toggle): A navbar with the name mark on the left, four nav links in the center, and a static sun and moon theme toggle button on the right.
- [Numbered Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/numbered-nav): Header with a name mark on the left, horizontal links each carrying a zero padded index number, and a small index caption on the right.
- [Pill Links Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/pill-links-nav): Header with a name mark, page links inside a bordered rounded pill segmented control with the active one highlighted, and a quiet arrow link.
- [Side Rail Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/side-rail-nav): A fixed left rail with the name mark and role, stacked section links with an active highlight, and a bottom row of social icons.
- [Sticky Minimal Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/sticky-minimal-nav): A slim sticky header with frosted background, the name mark, three nav links, and an emerald availability dot.
- [Transparent Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/transparent-nav): A background-free header with the studio name on the left and anchor links on the right, designed to float over a hero section.
- [Two Row Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/two-row-nav): A stacked two-row header with the name and social icons on the top row and a six-link section nav on the second row for content-rich portfolios.
- [Underline Tabs Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/underline-tabs-nav): A header whose page links behave like full height tabs, the active one carrying a bottom border that sits flush against the header rule.
- [Wide Nav](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/navbars/wide-nav): A full-width header with the name mark on the left, five centred navigation links, and a contact button on the right in a generous 16-unit bar.

### Newsletter

Browse 19 Portfolio Pro newsletter blocks for shadcn/ui. Signup cards, subscribe bands, latest issues, and archives.

- [Author Note](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/author-note): Centered newsletter signup framed as a first person letter in a bordered note, signed with avatar, name, and role above a labeled email form.
- [Centered Signup](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/centered-signup): A centered heading, pitch, and email-and-button form with a cadence note naming the send dates, frequency, and unsubscribe policy.
- [Greatest Hits](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/greatest-hits): Centered newsletter signup leading with a two by two grid of the most opened issues, each with a topic badge, summary, and open rate.
- [Inbox Preview](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/inbox-preview): A two column newsletter signup pairing a pitch and labeled email form with a drawn inbox mockup listing five recent issues by subject and date.
- [Inline Newsletter Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/inline-newsletter-band): A slim bordered subscribe band with a one-line pitch and inline email input designed for mid-page placement between content sections.
- [Issue Anatomy](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/issue-anatomy): Two column newsletter signup pairing a pitch and labeled email form with a numbered breakdown of the four recurring segments, each with a read time.
- [Latest Issue](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/latest-issue): A two-column block showing a preview card of the most recent newsletter issue beside a subscribe form with cadence note.
- [Newsletter FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/newsletter-faq): A two column newsletter signup pairing the pitch and labeled email form with a bordered list of five short questions and plain answers.
- [Newsletter Feature](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/newsletter-feature): A two-column newsletter signup with value props and cadence on the left and recent issue previews on the right.
- [Newsletter Signup](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/newsletter-signup): A newsletter signup section with a heading, a one-sentence pitch, an email and subscribe form, and an exact cadence note naming the send dates.
- [Newsletter Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/newsletter-stats): A two-column newsletter signup block pairing an email form with three proof figures including subscriber count, open rate, and issues published.
- [Newsletter Tiers](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/newsletter-tiers): A two tier newsletter signup pairing side by side Reader and Supporter cards, one carrying the email form and the other a feature list.
- [Newsletter With Archive](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/newsletter-with-archive): A newsletter signup block that lists the three most recent issues as titled linked rows before showing the subscribe form, letting visitors sample the content first.
- [Reader Quotes](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/reader-quotes): A centered newsletter signup above a three card row of short reader quotes, each attributed with avatar art, a name, and a role.
- [Sidebar Subscribe](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/sidebar-subscribe): A compact subscribe card sized for a sidebar with a short pitch, email form, and subscriber count.
- [Simple Subscribe](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/simple-subscribe): A minimal horizontal band with a single line of copy and an inline email input and subscribe button, sized for placement directly above a footer.
- [Split Newsletter](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/split-newsletter): A two-column block with the pitch and four dated recent issue titles on the left and a signup form card with cadence and reader count on the right.
- [Subscribe Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/subscribe-card): A compact bordered card with a newsletter pitch, a subscriber count and frequency stats strip, and an email form sized for a sidebar or narrow column.
- [Topic Picker](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/newsletter-sections/topic-picker): Centered newsletter signup card with a checkbox list of three letters, each with a description and cadence, above a labeled email form.

### Now and Uses

Browse 11 Portfolio Pro now blocks for shadcn/ui. Now pages, uses pages, currently cards, reading lists, and gear lists.

- [App Defaults](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/now-uses/app-defaults): Two ruled columns pairing twenty everyday categories with the single app that wins each job, a dot flagging any default changed this year.
- [Currently Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/now-uses/currently-card): A compact ruled card of six status rows covering building, reading, listening, learning, availability, and location as a live snapshot.
- [Desk Tour](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/now-uses/desk-tour): Split desk tour pairing a square workspace photo with six numbered callout rows naming each item and the reason it earned its place.
- [Gear List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/now-uses/gear-list): Kit organised into category groups as cards with a placeholder visual, a model name, and a sentence on why each piece earned its place.
- [Learning Log](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/now-uses/learning-log): Vertical timeline of five skills with month stamps, status badges covering progress and pauses, and short notes on what each skill changed.
- [Media Diet](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/now-uses/media-diet): Four category cards for listening, watching, playing, and following, each holding three titled items with meta notes and one highlighted pick.
- [Now Archive](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/now-uses/now-archive): Dated snapshots of a now page, each pairing a date column with a three column panel of what started, stopped, and kept going.
- [Now Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/now-uses/now-page): A dated snapshot across Work, Learning, and Life sections with specific items so the page reads as a live signal rather than a static bio.
- [Paid Tools](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/now-uses/paid-tools): Ruled rows of the subscriptions behind an independent practice, each showing the tool, its plan, a monthly price, closing on a total row.
- [Reading List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/now-uses/reading-list): Books listed as ruled rows with title, author, a one-line connection to current practice, and a reading, finished, or queued status badge.
- [Uses Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/now-uses/uses-page): Daily gear and software listed across Desk Setup, Software, and Everyday Carry groups, each item with a model name and a one-line why.

### Photography

Browse 15 Portfolio Pro photography blocks for shadcn/ui. Series grids, full-bleed sets, print shops, and shoot detail layouts.

- [Category Tiles](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/category-tiles): A browse-by-genre block with 4 Placeholder tiles for Portrait, Landscape, Street, and Studio, each labelled with a genre name, image count, and a hover descriptor.
- [Commission Brief](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/commission-brief): Three commission types with day rates and inclusions beside a booking panel walking four steps from enquiry to delivery with an availability note.
- [Contact Sheet](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/contact-sheet): A proof-sheet block with 12 small Placeholder frames in a dense grid labelled by roll and frame number, with a footer naming the camera, film stock, and lab.
- [Edit Breakdown](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/edit-breakdown): The raw scan and final print file side by side, four numbered edit steps, and a closing note on what the retouching never includes.
- [Exhibition History](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/exhibition-history): Two ruled lists set side by side, selected exhibitions with venue, city, and year beside publications naming each outlet, piece, and date.
- [Full Bleed Set](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/full-bleed-set): A full-bleed editorial photo set with 3 edge-to-edge Placeholder images and ruled caption rows carrying location, date, and a field note between each frame.
- [Photo About](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/photo-about): A photographer profile split with a Placeholder portrait beside a bio, three approach sections, and a gear table.
- [Photo Book](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/photo-book): A book cover and three spread thumbnails beside the monograph story, a full specifications table, a stockist list, and a direct order button.
- [Photo Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/photo-hero): A fold-filling photography hero with a large Placeholder image above a two-column text panel carrying the photographer name, focus, commission note, and a four-row meta strip.
- [Print Pricing](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/print-pricing): A photography print pricing block listing multiple series as cards with size and price tables, edition counts, remaining inventory, and framing notes.
- [Print Shop](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/print-shop): A print sales block with 4 limited-edition print cards each showing a Placeholder image, a size-to-price table, edition size, and an honest shipping and duties note.
- [Series Feature](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/series-feature): A photography series feature with a large lead frame, a four-still strip with location captions, and a series note naming the shooting constraint and frame count.
- [Series Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/series-grid): A photo series grid showing 6 Placeholder images grouped under a series title, year span, and intro paragraph with per-frame location captions.
- [Shoot Detail](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/shoot-detail): A single-shoot case block with a lead Placeholder image, a one-sentence brief, a ruled meta strip of six rows, and a supporting row of three smaller frames.
- [Two Column Photos](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/photography/two-column-photos): A two-column photo layout with six captioned frames at mixed aspect ratios that lets a photographer contrast subject, light, or location side by side.

### Press Kit

Browse 12 Portfolio Pro press kit blocks for shadcn/ui. Press kits, media assets, mentions, bios, and download rows.

- [Brand Bio](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/press-kit/brand-bio): Three approved bio lengths in copyable cards with word counts, followed by a key facts list for journalists to cite without follow-up.
- [By the Numbers](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/press-kit/by-the-numbers): Heading and lede above a hairline grid of eight large stat tiles with labels and notes, closed by a verification footnote.
- [Download Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/press-kit/download-row): A compact border-y strip of outline download buttons each labelled with file format and tabular size for press kit, CV, brand guide, logo pack, and case studies.
- [Headshot Gallery](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/press-kit/headshot-gallery): Heading with a download button, three headshot crops in a grid with resolution and use captions, and a required photo credit panel.
- [Interview Topics](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/press-kit/interview-topics): Six numbered cards pitching subjects a founder can speak about, with a formats band covering podcasts, panels, and written Q&A.
- [Logo Guidelines](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/press-kit/logo-guidelines): Wordmark demo tiles on plain and reversed surfaces with size and format specs beside ruled lists of approved and prohibited uses.
- [Media Assets](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/press-kit/media-assets): A four-card grid of downloadable brand assets each showing a Placeholder preview, a format and resolution note, a file size, and a download button.
- [Press FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/press-kit/press-faq): Two column press FAQ with a heading and response time list beside an accordion answering the questions journalists ask before covering a studio.
- [Press Inquiry](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/press-kit/press-inquiry): Two column press inquiry with a heading and what to include checklist beside a labeled contact form for outlet, deadline, and request.
- [Press Kit Page](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/press-kit/press-kit-page): A consolidated press section with a studio bio, five key facts, three downloadable assets with format notes, and a press contact card.
- [Press Mentions](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/press-kit/press-mentions): A ruled list of editorial coverage showing publication name, article headline, date, and an external read link for each mention.
- [Quick Facts](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/press-kit/quick-facts): A ruled definition list of ten key editorial facts covering name, location, focus, notable work, and a clickable press contact email.

### Pricing

Browse 16 Portfolio Pro pricing blocks for shadcn/ui. Tier cards, rate cards, project estimates, and retainer pricing.

- [Add-On Pricing](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/add-on-pricing): Two category panels list a la carte extras as divided rows, each pairing a name and one line description with a plainly stated price.
- [Budget Guide](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/budget-guide): Three stacked budget bands pair a price range and engagement with a good fit list and a keep in mind list, the middle band flagged.
- [Hourly Rate Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/hourly-rate-card): An hourly rate stated plainly with included and excluded item columns, a four-hour minimum, and a ruled list of three scenarios where hourly billing makes more sense than a fixed scope.
- [Package Comparison](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/package-comparison): A three-package comparison table with Check and Minus feature rows, prices, and per-package CTAs in a scrollable layout.
- [Payment Schedule](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/payment-schedule): Three numbered payment stages with percentage splits sit beside a worked example panel that breaks a project fee into three payments with terms.
- [Pricing Tiers](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/pricing-tiers): Three package cards with price-from amounts, durations, and included item lists, with a recommended tier highlighted and an honest scoping note below the grid.
- [Pricing With Faq](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/pricing-with-faq): Two tier cards with from prices and included lists beside three plainly answered pricing questions that remove common objections.
- [Project Estimate Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/project-estimate-card): 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.
- [Rate and FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/rate-and-faq): A prominent day rate panel with a breakdown of half-day and retainer rates beside three plain-answer billing FAQ pairs.
- [Retainer Pricing](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/retainer-pricing): Three monthly retainer cards with hour counts, prices, and cover items, plus a ruled panel explaining minimum terms, hour rollover policy, and when to switch off a retainer.
- [Simple Rate Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/simple-rate-band): A minimal pricing block with three from-price rows and a qualifying note beside a heading and a single contact CTA.
- [Single Package Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/single-package-card): One clearly presented package with a from price, a bulleted included list, a not-included list, and a call to action button.
- [Three Tier Pricing](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/three-tier-pricing): Three project tiers with from-prices, durations, and feature checklists where the middle tier is marked Recommended.
- [Usage Licensing](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/usage-licensing): A formula strip showing creation fee times usage multiplier equals final fee sits above four license tier cards, closed by notes on exclusivity.
- [Value Pricing Note](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/value-pricing-note): 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.
- [Whats Included Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/pricing-sections/whats-included-card): Side-by-side included and not-included cards for a design package, followed by a ruled assumptions panel covering brief quality, feedback rounds, content readiness, and stakeholder access.

### Process

Browse 20 Portfolio Pro process blocks for shadcn/ui. How I work steps, timelines, and engagement flows.

- [Checklist Process](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/checklist-process): Four project stages in a two-column card grid each listing the deliverables as checked items so scope is unambiguous.
- [Discovery Call Steps](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/discovery-call-steps): A first-call explainer listing the four agenda items of a free 30-minute discovery call alongside a fact strip covering duration, format, cost, and commitment.
- [Engagement Flow](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/engagement-flow): Five steps from first call to handoff presented as a two-column you and me table that names the mutual responsibilities at every stage.
- [Four Step Process](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/four-step-process): A four-step process block showing Discover, Define, Design, and Deliver as numbered cards, each with a plain sentence describing the work at that stage.
- [Handoff Checklist](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/handoff-checklist): A checked list of six deliverables the client receives at project close alongside a ruled notes strip and a card naming what the handoff does not include.
- [Horizontal Steps](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/horizontal-steps): A centered heading above four numbered steps on a connected rail, each marker with a title and short description that stacks on small screens.
- [How I Work Steps](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/how-i-work-steps): Four numbered cards each naming a stage title, what happens, and the concrete artifact the client receives at the close of that stage.
- [Numbered Process](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/numbered-process): Three large-numbered phase cards showing Discover, Make, and Ship with a description and typical duration for each phase.
- [Phase Allocation](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/phase-allocation): A heading and intro above a segmented proportional bar, with a ruled legend listing each phase, its percentage share, and what the time buys.
- [Phases Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/phases-grid): Four project phases in a two-column card grid, each card naming what happens, the concrete deliverable, and the typical duration.
- [Principles Process](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/principles-process): A principles-led process block presenting three working principles as wide cards, each with an explanatory sentence and an explicit named tradeoff.
- [Process Comparison](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/process-comparison): A heading and intro above a two column comparison table, contrasting the usual studio approach with how I work across five ruled aspect rows.
- [Process With Deliverables](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/process-with-deliverables): Four stage cards each split into a process description on the left and the named artifact it produces on the right, from the brief to the spec.
- [Revision Rounds](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/revision-rounds): A heading and intro above three feedback round cards, each naming its scope and an example note, plus a two panel footer on process.
- [Three Phase Process](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/three-phase-process): A two-column split with design philosophy and three belief statements on the left and three numbered phases as a ruled list on the right.
- [Timeline Process](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/timeline-process): A vertical timeline rail with five milestones each carrying a week range, day count, and the exact deliverable produced at that stage.
- [Timeline With Art](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/timeline-with-art): A four-step vertical timeline with a Placeholder thumbnail per step and a named deliverable line under each description.
- [Two Column Process](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/two-column-process): A working philosophy in three paragraphs on the left balanced against four numbered process steps in a ruled card on the right.
- [Vertical Steps](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/vertical-steps): Five numbered stages stacked in a ruled list each with a title and a description that names a concrete commitment.
- [Working Together Steps](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/process-sections/working-together-steps): A day-by-day breakdown of the first two weeks with honest expectations listed beside the Week 1 and Week 2 ruled day cards.

### Project Cards

Browse 24 Portfolio Pro project card blocks for shadcn/ui. Single project tiles, hover cards, and detail teasers.

- [Before After Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/before-after-card): Two redesign cards in a grid, each pairing captioned before and after thumbnails side by side with a name, meta line, and result figure.
- [Bordered Project Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/bordered-project-card): A bordered card grid showing project thumbnails with name, role, year, skill tags, and a view link per entry.
- [Case Study Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/case-study-card): A project teaser card showing a Placeholder image, a one-line problem statement, a headline result figure, and a read-case-study link.
- [Compact Grid Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/compact-grid-card): A dense four-column archive grid showing eight project thumbnails each with a name and year in a tight baseline row.
- [Duo Tone Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/duo-tone-card): A project card grid where each tile pairs a thumbnail with a muted caption panel in a contrasting surface tone, no gradient.
- [Featured Project Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/featured-project-card): A single project given full-width treatment with a wide aspect-16/10 Placeholder, a heading-scale project name, a two-sentence description naming the problem and outcome, and a view-case link.
- [Hover Reveal Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/hover-reveal-card): A project card rendered in its revealed state as a blueprint, showing the name, role, and arrow in an overlay strip with an outcome caption and year below the image.
- [Image Stack Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/image-stack-card): A project card showing two or three Placeholder images layered at offsets to suggest depth, with the project name and role below.
- [Minimal List Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/minimal-list-card): Projects as quiet ruled rows with a small thumb, name, role, and year, for a text forward work index.
- [Minimal Project Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/minimal-project-card): A four-up project grid with a portrait Placeholder image, project name, and a single muted role line per card, nothing else.
- [Next Project Teaser](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/next-project-teaser): A full-width bordered band at the foot of a case study page with a Placeholder thumbnail, the next project name and meta, a forward link, and a back-to-all link.
- [Numbered Project Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/numbered-project-card): A vertical project stack where each entry is led by a large muted editorial index number beside a Placeholder image with the name, role, and year below.
- [Overlay Caption Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/overlay-caption-card): A two-column project grid where each full-bleed thumbnail carries a frosted bottom strip naming the project and role.
- [Project Card With Tags](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/project-card-with-tags): 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.
- [Project List Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/project-list-row): 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.
- [Quote Project Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/quote-project-card): Two project cards in a grid, each pairing a thumbnail with a short client quote attributed by avatar, name, role, and a view link.
- [Split Project Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/split-project-card): A full-width horizontal card featuring one project with a Placeholder on the left and the name, description, discipline tags, and a case study link on the right.
- [Stat Project Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/stat-project-card): An imageless three column grid where each card leads with a large metric and context line, then the project name, meta, summary, and link.
- [Tag Heavy Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/tag-heavy-card): A three-column project grid where each card leads with a prominent row of skill and tool tags before the description, for technical work where the stack signals as much as the outcome.
- [Tall Project Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/tall-project-card): A four-column grid of portrait-format project cards each showing a Placeholder at aspect-4/5 with the name, role, and a concrete two-sentence outcome description below.
- [Text Only Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/text-only-card): A typographic work index of ruled rows, each naming the project, role, year, and a one-sentence outcome with no thumbnail.
- [Timeline Project Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/timeline-project-card): A vertical rail grouped by year, each project a compact row with a square thumbnail, name, role, and a one line outcome.
- [Wide Project Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/wide-project-row): A full-width bordered project row with a Placeholder on one side and the name, description, tags, and view link on the other.
- [Year Badge Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/project-cards/year-badge-card): A project card grid with a pill chip marking the year on each thumbnail, plus the project name, client type, and role below.

### Resume and CV

Browse 17 Portfolio Pro resume blocks for shadcn/ui. Summaries, experience timelines, education, and downloadable CV cards.

- [Certifications and Awards](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/certifications-awards): 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.
- [Compact Resume](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/compact-resume): A tight single-column CV with a positioned summary, three bulleted roles, and a two-column skills and education grid.
- [Cover Letter](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/cover-letter): A centered letter with a name and contact letterhead, date and recipient lines, three body paragraphs, a signed sign off, and an enclosures footer.
- [Cv Download Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/cv-download-band): A slim card showing the last updated date beside a Download CV button for the linked PDF resume.
- [Cv Header](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/cv-header): A print-friendly CV header band showing name large, title, and an inline contact and social strip with email, location, site URL, and brand icon social links.
- [Download Cv Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/download-cv-card): A bordered card with a heading, a one-line document description, a last-updated date, a primary download PDF button, and a secondary view-online text link.
- [Education List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/education-list): A ruled list of education entries showing institution, qualification, year range, and an optional contextual note per row.
- [Experience Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/experience-timeline): A vertical work history timeline listing four roles most recent first, each with company, title, date range, a short description, and a concrete result set off by a left border rule.
- [Printable CV](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/printable-cv): A single-column CV with a contact header, experience, education, and grouped skills sections optimised for both screen and print.
- [Publications and Talks](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/publications-talks): A heading and intro above a single ruled list of writing and speaking, each row with a year, title, venue, and a format badge.
- [References Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/references-row): A heading and intro above three reference cards, each with an avatar, name, role, a note, and a relationship and overlap meta footer.
- [Resume Summary](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/resume-summary): A CV opener with a name and title header, a two-sentence professional summary, and a three-cell quick-facts strip covering location, years of experience, and primary focus area.
- [Resume With Photo](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/resume-with-photo): A CV header pairing a square Placeholder portrait with the name, contact details, and summary before experience and skills follow below.
- [Skills And Tools Cv](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/skills-and-tools-cv): A ruled skills table grouping six disciplines with a proficiency level label and chip tags so a hiring manager can scan breadth in one pass.
- [Skills Resume](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/skills-resume): A resume skills section presenting four skill categories as chip rows in a two-column grid, each with a short proficiency note and no bar charts or percentage scores.
- [Timeline Resume](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/timeline-resume): A vertical connected timeline of four career roles with company, title, period, and bullet outcomes for a resume or about page.
- [Two Column Resume](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/resume-cv/two-column-resume): A two-column CV with a main experience and education column and a fixed sidebar for skills, contact, and brand icon links.

### Services

Browse 24 Portfolio Pro services blocks for shadcn/ui. Service lists, offering cards, and what I do sections.

- [Availability Services](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/availability-services): A services block that leads with a four-row availability table showing current status and next opening before the services detail.
- [Capabilities Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/capabilities-grid): Six capability tiles in a three-column grid each with a label and one sentence describing the concrete output, suited to generalist or multi-discipline practices.
- [Detailed Service List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/detailed-service-list): A ruled two-column services layout with a scope paragraph and a bulleted deliverables list per service.
- [Engagement Comparison](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/engagement-comparison): A heading and intro above a scrollable table that compares three engagement types row by row across fit, length, communication, and pricing.
- [Engagement Types](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/engagement-types): Three ways to work together as cards each showing a commitment level, a summary, and a fit line naming the ideal client situation.
- [Icon Services Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/icon-services-grid): A services grid of four cards each with a lucide icon, a service name, and one sentence naming what is included and what is not.
- [Not Offered Note](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/not-offered-note): A ruled list of four things this practice does not offer, each paired with a specific redirect to who can help instead.
- [Numbered Services](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/numbered-services): An editorial services list of large-numbered ruled rows each carrying a service title and a plain description with a stated scope limit.
- [Packages Overview](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/packages-overview): Three engagement package cards showing a starting price, duration, and included items with a written-proposal footnote.
- [Process And Services](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/process-and-services): A two-column services block that maps each service to its engagement phase so clients see the flow before they reach out.
- [Process Services Split](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/process-services-split): A two-column block with four services on the left and four numbered process phases on the right showing both the offer and the method.
- [Service Cards](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/service-cards): Three service cards each with a Lucide icon, a one-sentence description, and a bullet list of included deliverables.
- [Service Detail Split](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/service-detail-split): A single service explained in depth with two paragraphs and a six-row deliverables table beside a sticky Placeholder visual.
- [Service Faq Combo](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/service-faq-combo): A services block with three ruled service rows followed by three direct answers to the questions clients most commonly ask before contacting.
- [Service Outcomes](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/service-outcomes): A heading and intro above a ruled list of services, each pairing a scope description with a large result stat and its context line.
- [Service With Pricing](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/service-with-pricing): A ruled list of services each paired with a from-price and a short deliverable list so prospects can self-qualify before reaching out.
- [Services and CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/services-and-cta): A two-column block pairing a concise services table on the left with a get-in-touch card on the right that names availability and prompts enquiry.
- [Services By Audience](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/services-by-audience): A heading and intro above three columns, one per client type, each naming who it serves and listing the services most relevant to them.
- [Services List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/services-list): A scannable ruled list of four services each with a title and a sentence describing what the engagement delivers.
- [Services Tabs](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/services-tabs): A heading and intro above a tabbed explorer where each service tab opens a two column panel with scope, meta rows, and a deliverables list.
- [Services With Faq](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/services-with-faq): A services block listing four offerings in a ruled table followed by three answered questions clients commonly ask before reaching out.
- [Three Services Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/three-services-row): Three equal service cards each with an icon, a name, and a one-sentence scope, giving visitors an instant read of a focused practice.
- [What I Offer](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/what-i-offer): A two-column split with an intro and honest capacity note on the left and a numbered list of four offerings on the right.
- [Who I Work With](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/services-sections/who-i-work-with): A two-column fit block describing the ideal client by stage and team size alongside an honest list of situations that are a poor fit.

### Shop and Products

Browse 11 Portfolio Pro shop blocks for shadcn/ui. Product grids, digital downloads, shop heroes, and bestseller rows.

- [Bestseller Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/shop-products/bestseller-row): A four-column strip of top-selling products each with a ranked bestseller badge overlaid on a Placeholder thumbnail and a price.
- [Digital Downloads](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/shop-products/digital-downloads): A four-card block of downloadable products each showing a Placeholder, format chip, description, price, and an instant-download note.
- [Featured Product](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/shop-products/featured-product): A two-column split highlighting one digital product with a Placeholder image, price in tabular-nums, description, and an itemised includes list.
- [License Tiers](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/shop-products/license-tiers): Three license cards, each with a name, one time price, scope line, feature checklist, and buy action, the commercial tier flagged as most chosen.
- [Product Bundle](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/shop-products/product-bundle): A two column bundle offer: included product tiles with struck prices beside a pricing column showing the combined value, bundle price, and saving.
- [Product Categories](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/shop-products/product-categories): A three-tile category index for a creator shop showing a Placeholder, category name, and product count per format.
- [Product Comparison](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/shop-products/product-comparison): A comparison table for three packs, with prices as column headers, feature rows mixing counts, text, and check marks, and a buy button row.
- [Product Detail Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/shop-products/product-detail-card): A split single-product view with a Placeholder image, price, plain-language description, an itemised includes list, and a buy action.
- [Product Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/shop-products/product-grid): A six-card shop grid listing products with a Placeholder thumbnail, name, from-price, and a format chip for each item.
- [Product List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/shop-products/product-list): A dense shop list inside one bordered panel, each row with a thumbnail, product name, one line description, format chip, price, and a view action.
- [Shop Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/shop-products/shop-hero): A shop opener with a heading, studio lede, and a featured row of three Placeholder product tiles showing name, from-price, and format.

### Skills and Tools

Browse 23 Portfolio Pro skills blocks for shadcn/ui. Skill lists, tool stacks, expertise meters, and capability grids.

- [Badge Cloud](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/badge-cloud): A wrapped chip cloud that renders core disciplines larger and bolder so the primary expertise registers at a glance.
- [Capability Cards](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/capability-cards): Three capability cards each with a title, a plain-language approach sentence, and a ruled method list covering Product design, Design systems, and Front-end implementation.
- [Certifications Skills](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/certifications-skills): A two-column card grid pairing four formal credentials with the practical skill chips each one produces so visitors see qualification and capability together.
- [Core And Tools](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/core-and-tools): A ruled list of core disciplines each with a plain-language description and a chip row of the supporting tools used.
- [Disciplines Split](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/disciplines-split): Three equal discipline columns for a multi-discipline creative, each with a heading, a grounding sentence, and a ruled skill list covering Brand design, Product design, and Creative direction.
- [Expertise Bars](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/expertise-bars): A two-column expertise display with five div proficiency bars filled via theme tokens and plain-language level labels from Foundational to Fluent instead of percentages.
- [Grouped Tool Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/grouped-tool-grid): Three labeled columns of tool tiles covering Design, Development, and Collaboration, each tile showing a two-letter mark and the tool name.
- [Now Learning](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/now-learning): A skills block listing four topics currently in progress, each with a reason and an honest status line showing where the learning stands.
- [Proficiency List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/proficiency-list): A ruled list of skills with an honest level word per row and a one-sentence note that qualifies what the level includes and what it does not.
- [Skill Bars Grouped](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/skill-bars-grouped): Twelve skills across three discipline columns each with a div bar and a word level from Foundational to Fluent rather than a percentage.
- [Skill Categories](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/skill-categories): Four category cards in a two-column grid organizing specific skills by project phase from Discovery through Delivery for a senior product designer.
- [Skills In Practice](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/skills-in-practice): A heading and lede above a ruled list where each row pairs a skill with the project that proved it, its outcome, and the year.
- [Skills List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/skills-list): A three-column grouped skills block with Design, Research, and Front-end category headings and bordered chip pills for a product designer or creative generalist.
- [Skills Matrix](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/skills-matrix): A heading and lede above a bordered table pairing skill rows with three engagement columns, one filled dot per row marking lead, build, or refer.
- [Skills Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/skills-timeline): A heading and lede above a dotted vertical timeline where each entry marks the year a skill arrived, its status word, and a note.
- [Specialties Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/specialties-row): Three card tiles each naming a core specialty with a focused sentence that states the scope and what falls outside it.
- [Stack With Context](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/stack-with-context): A three-column card grid showing six core tools each paired with a sentence explaining why it is in the stack rather than an alternative.
- [T-Shaped Skills](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/t-shaped-skills): An asymmetric split pairing one deep discipline, unpacked as a ruled card of facets, with a breadth column of two labeled skill chip groups.
- [Tech Stack Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/tech-stack-row): A bordered horizontal strip showing a full-stack developer technology choices in three labeled rows: Frontend, Backend, and Infrastructure.
- [Tool Stack Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/tool-stack-grid): A four-group grid of tool tiles with two-letter mark badges covering Design, Development, Research, and Delivery tools used day to day.
- [Tools Marquee](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/tools-marquee): A static wrap strip of twelve tool chips each showing a name and a one-word category, giving an at-a-glance view of the full toolkit.
- [Two Column Skills](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/two-column-skills): A two-column skills layout grouping chips by project phase across Research, Design, Systems, and Delivery columns.
- [What I Use](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/skills-sections/what-i-use): A ruled list of six daily tools each paired with one sentence explaining why that tool earned its place over the alternatives.

### Social and Links

Browse 12 Portfolio Pro link blocks for shadcn/ui. Link-in-bio layouts, social rows, and elsewhere lists.

- [Big Type Links](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/social-links/big-type-links): An index of social destinations in oversized type, each ruled row pairing a mono number, a large platform name, a handle, and a hover arrow.
- [Connect Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/social-links/connect-card): A compact centered card with a come-say-hi headline, an email row, a primary social row, and two side-by-side action buttons for a lightweight contact nudge.
- [Elsewhere List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/social-links/elsewhere-list): A ruled list of platforms where this person can be found online, showing the brand icon, handle, and a context-appropriate follow or connect action per row.
- [Featured Links](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/social-links/featured-links): Four high-priority destinations given prominence as large icon cards covering newsletter, shop, open-source project, and booking link.
- [Icon Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/social-links/icon-row): A centered strip of brand-icon links for GitHub, LinkedIn, X, and Instagram with accessible labels and hover transitions.
- [Link In Bio](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/social-links/link-in-bio): A mobile-first link hub with a centered avatar, name, one-line context, and a vertical stack of full-width buttons covering portfolio, newsletter, socials, and contact.
- [Links Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/social-links/links-card): A compact bordered card listing email, social handles, and a newsletter as ruled rows with an icon and platform label per entry.
- [Links Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/social-links/links-grid): A responsive grid of link cards covering portfolio, newsletter, shop, calendar, and social channels, each with an icon, a bold label, and a short destination note.
- [Platform Feeds](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/social-links/platform-feeds): Three platform panels previewing recent posts, each with a brand icon header, handle, and follow action above a ruled list of titles with dates.
- [Platform Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/social-links/platform-stats): A grid of platform cards, each pairing a brand icon and handle with a large audience count, a short note, and a follow action.
- [Reach Guide](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/social-links/reach-guide): A split contact guide ranking channels by reply speed, an intro column of location and hours beside a numbered list of channels with response chips.
- [Social Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/social-links/social-row): A centered horizontal strip of social links pairing a brand icon with a display handle for each platform, sized for embedding at the foot of any section.

### Speaking and Events

Browse 11 Portfolio Pro speaking blocks for shadcn/ui. Talk lists, upcoming events, speaker bios, and keynote features.

- [Booking CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/speaking-events/booking-cta): A speaker booking closer with an invitation heading, a booking checklist, and dual actions beside a ruled card of speaking formats and logistics.
- [Conference Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/speaking-events/conference-grid): A wordmark tile grid of conferences a speaker has appeared at, with a year sub-line per cell and a total count in the header.
- [Keynote Feature](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/speaking-events/keynote-feature): A split highlight of one signature talk with its title, abstract, a ruled venue history, and a watch link beside a portrait placeholder.
- [Organizer Quotes](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/speaking-events/organizer-quotes): Three organizer testimonial cards, each pairing an avatar, name, and role with a quote and the event it refers to in a ruled footer.
- [Past Talks Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/speaking-events/past-talks-grid): A three-column card grid of speaking engagements showing event, talk title, year, and a watch link or a no-recording note.
- [Speaker Bio](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/speaking-events/speaker-bio): A two-column organizer package with a portrait placeholder, short and long bios ready to copy, a detail list, and a speaker kit download link.
- [Speaker Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/speaking-events/speaker-stats): A three-panel ruled strip of headline speaking figures showing talks given, countries visited, and total audience with a context line under each number.
- [Speaking FAQ](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/speaking-events/speaking-faq): A speaking FAQ with a heading and an accordion of organizer questions beside a small ruled card listing what to include in a first invite.
- [Talk Topics](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/speaking-events/talk-topics): A talk topics catalog of numbered ruled rows, each with a title, abstract, and a meta column of format, length, and audience fit.
- [Talks List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/speaking-events/talks-list): A reverse-chronological ruled index of past talks showing event, title, year, and a Watch or Slides link per row.
- [Upcoming Events](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/speaking-events/upcoming-events): A card grid of confirmed future talks showing date, event, city, talk title, and a register link for each appearance.

### Stats

Browse 19 Portfolio Pro stats blocks for shadcn/ui. Number strips, achievement counters, and at a glance facts.

- [Achievement Counters](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/achievement-counters): Three large figures in equal columns covering products shipped, years of practice, and industries deep, each paired with a one-line context note that scopes the number.
- [At A Glance Facts](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/at-a-glance-facts): A 2x2 grid of qualitative fact tiles covering location, focus, availability, and response time so a prospective client has the practical working-with details at a glance.
- [Availability Stat Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/availability-stat-band): A three-figure booking facts band showing response time, current lead time, and next opening month alongside a short enquire CTA card.
- [Before After Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/before-after-stats): A heading and lede above ruled rows that pair each metric and its measurement note with a before figure, an arrow, and an after figure.
- [Big Figures Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/big-figures-band): A three-stat band of oversized tabular-nums figures divided by vertical rules inside a bordered card, anchored by a closing statement.
- [By The Numbers](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/by-the-numbers): Five ruled rows pairing a tabular figure with a plain-language fact that scopes the number, presented as an honest accounting of the practice to date.
- [Career Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/career-stats): A four-number horizontal strip showing years in practice, companies worked with, projects shipped, and active long-term retainers at a glance.
- [Client Logos And Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/client-logos-and-stats): A credibility band combining a row of client wordmarks above a three-figure stat grid covering projects shipped, long-term clients, and on-time delivery rate.
- [Four Up Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/four-up-stats): A 2x2 grid of four stat cards each showing a large figure, a short label, and a context line that earns the number.
- [Headline Stat](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/headline-stat): One oversized centerpiece figure above a heading and a context paragraph, closed by a ruled row of three small supporting figures.
- [Impact Numbers](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/impact-numbers): An outcome figures block showing four measured results from real client work, each with a context line, methodology note, and client attribution.
- [Impact Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/impact-stats): Three outcome figures from real client work, each with an attribution note naming the project type and the measurement method so the result does not overstate.
- [Inline Stats Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/inline-stats-row): A single ruled band of four tabular figures with short labels, the slimmest way to surface career numbers without a card grid.
- [Numbers Strip](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/numbers-strip): A ruled horizontal band of four headline figures covering years, projects shipped, clients, and a retention count, each with a short plain-English label.
- [Projects Per Year](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/projects-per-year): 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.
- [Stats With Context](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/stats-with-context): Three figures each followed by a full sentence naming the client, the quarter, and the measurement method so no result appears without the context that earned it.
- [Stats With Icons](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/stats-with-icons): Four career figures each paired with a small lucide icon and a label in individual cards, making a numbers strip visually scannable.
- [Work Mix Split](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/work-mix-split): A heading and lede above a single segmented distribution bar showing how billed time splits across four kinds of work, with a percentage legend beneath.
- [Years And Projects](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/stats-sections/years-and-projects): A two-column split with a positioning heading on the left and two ruled figures on the right covering years of independent practice and total projects shipped.

### Studio and Team

Browse 12 Portfolio Pro studio blocks for shadcn/ui. Team grids, member cards, studio stats, culture sections, and studio heroes.

- [Culture Section](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/studio-team/culture-section): A split block presenting three studio working principles as border-left blurbs beside a placeholder image.
- [Extended Team](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/studio-team/extended-team): A heading and intro above a two column grid of collaborator cards, each with avatar, discipline, project count and tenure, plus a credit note.
- [Founders Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/studio-team/founders-row): A three-column grid of studio founder cards each with a named avatar, role, and a single concrete bio line.
- [Open Roles](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/studio-team/open-roles): A heading above a two column layout: a ruled list of open roles with salary bands beside a numbered hiring process and application card.
- [Studio Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/studio-team/studio-hero): A full-viewport studio opener with a we-voice headline, two actions, and a three-fact credential strip below.
- [Studio Services](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/studio-team/studio-services): Four studio service cards each listing a discipline, a scope statement, and a bulleted includes list in a two-column grid.
- [Studio Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/studio-team/studio-stats): A four-figure horizontal strip showing a studio founded year, team size, projects completed, and clients served.
- [Studio Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/studio-team/studio-timeline): Two column layout with a heading and founder quote card on the left beside a ruled list of year marked studio milestones on the right.
- [Studio Week](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/studio-team/studio-week): Two column layout with a heading, exceptions list and note on the left beside a ruled five day breakdown of the studio's working week.
- [Team Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/studio-team/team-grid): A six-member team grid showing avatar, name, role, and a one-line bio per card for a design or development studio.
- [Team Member Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/studio-team/team-member-card): A single studio member profile with avatar, bio, a ruled focus-area list, and an availability date in a split layout.
- [Team Values](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/studio-team/team-values): Four numbered studio principles each with a plain description and a ruled cost section naming the honest downside of holding to that principle.

### Testimonials

Browse 26 Portfolio Pro testimonial blocks for shadcn/ui. Client quotes, recommendation cards, and praise walls.

- [Avatar Quote Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/avatar-quote-row): Three short quote cards in a row each opening with the avatar and name before the quote, for fast scannable social proof across a range of client types.
- [Client Interview](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/client-interview): A two column testimonial with a client and engagement summary card on the left and four honest question and answer pairs on the right.
- [Client Logo Quotes](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/client-logo-quotes): Three client cards each pairing a styled wordmark badge with a quote tied to a concrete outcome and an avatar attribution.
- [Client Quotes Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/client-quotes-row): Three brief punchy client quotes in a three-column row, each attributed with avatar and name, designed to be scanned in seconds.
- [Clients Say Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/clients-say-grid): A 2x2 grid of four client quotes each with an avatar, name, role, and company, giving a compact and scannable proof block on a single page section.
- [Featured Quote Band](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/featured-quote-band): A single client quote at display scale inside a full-width bordered band with a small avatar and attribution row below.
- [Grid of Six](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/grid-of-six): Six short client quotes in a three-column card grid with avatars and named role and company attribution per card.
- [Logo And Quote](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/logo-and-quote): Two client company wordmarks each paired with one attributed quote in a side-by-side row, leading with the brand name before the person.
- [Logos And Praise](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/logos-and-praise): A row of five client wordmarks above two attributed quote cards, combining brand recognition with personal praise in a single section.
- [Long Form Testimonial](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/long-form-testimonial): A four-paragraph client recommendation with a sticky attribution card naming the person, role, company, and working relationship.
- [Praise Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/praise-timeline): A vertical timeline rail of four short client quotes from one project, from kickoff through six months after launch, each with an avatar.
- [Praise Wall](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/praise-wall): Six short testimonials in a two-column masonry-feeling grid with mixed quote lengths and small attributions showing breadth of trust.
- [Quote Marquee](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/quote-marquee): A static 3-col grid of six short attributed client quotes presenting a scannable horizontal band of social proof without animation.
- [Quote With Stats](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/quote-with-stats): A client quote paired with a ruled table of four project result figures giving the measurable outcomes behind the praise.
- [Rating Scorecard](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/rating-scorecard): A two column scorecard with an average rating and per criterion bars on the left and two supporting client quotes on the right.
- [Recommendation Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/recommendation-card): A centered card holding a long first-person endorsement with avatar, name, title, and a relationship line naming the project and year.
- [Scrolling Quotes](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/scrolling-quotes): A horizontal overflow strip of five fixed-width quote cards each attributed with avatar, role, and company.
- [Single Spotlight](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/single-spotlight): A two-column split with a long detailed quote at heading scale on one side and the recommender, a context image, and an engagement line on the other.
- [Single With Photo](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/single-with-photo): A single detailed client quote beside a context image and a ruled attribution card naming the role and engagement.
- [Testimonial Cards](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/testimonial-cards): Three testimonial cards in a grid, each quoting a specific measurable outcome with avatar, name, role, and company.
- [Testimonial Quote](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/testimonial-quote): A single large client quote set at heading scale with an avatar, name, role, and company beneath it, for spotlight social proof.
- [Testimonial Tabs](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/testimonial-tabs): An interactive switcher showing one featured client quote at large scale above a row of avatar tabs that flip between four clients.
- [Testimonial With Result](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/testimonial-with-result): A testimonial block pairing each client quote with the concrete outcome figure from that engagement, proof and praise shown side by side in a single card.
- [Three Column Quotes](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/three-column-quotes): Three equal client quote cards each anchored to a named project outcome and attributed with avatar and role.
- [Two Up Testimonials](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/two-up-testimonials): Two equal quote cards side by side each with an avatar and full attribution, presenting two clients and two distinct proof points at the same visual weight.
- [Video Testimonial Blueprint](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/testimonials/video-testimonial-blueprint): A static video testimonial layout with an aspect-video Placeholder frame, a play affordance, client attribution, and a pull-quote caption ready to wire to a real video embed.

### Video and Motion

Browse 14 Portfolio Pro video blocks for shadcn/ui. Reels, video grids, showreel heroes, and project breakdowns.

- [Client Reel List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/client-reel-list): A ruled list of commissioned films each showing a thumbnail, client name, deliverable description, runtime, year, and a watch link.
- [Discipline Columns](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/discipline-columns): Three columns splitting work by discipline, each with a thumbnail, film count, positioning line, three titles with runtimes, and a link.
- [Episode Playlist](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/episode-playlist): A series layout with a large play frame and synopsis for the current episode beside a card listing every episode with numbers and durations.
- [Featured Video](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/featured-video): A single video piece highlighted as a full-width play frame above a two-column panel with the description, creative constraint, and a ruled credits list.
- [Festival Laurels](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/festival-laurels): A split section pairing an award-winning film play frame and its logline with a ruled list of festival selections, categories, years, and result badges.
- [Filmography Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/filmography-timeline): A chronological filmography grouped by year, each year a large tabular numeral beside ruled rows listing film title, format, client, and runtime.
- [Motion Breakdown](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/motion-breakdown): A three-stage process section showing one project from storyboard to final, each frame captioned with the motion technique applied.
- [Play Feature](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/play-feature): A two-column project detail with a video frame and play button on one side and description, discipline pills, and named crew credits on the other.
- [Reel Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/reel-grid): A three-column grid of video work thumbnails each with a centred play button, a duration badge, and a client and year line.
- [Reel Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/reel-hero): A fold-filling hero with a large video frame, play button, and director identity column showing name, discipline, three stats, and two CTAs.
- [Showreel Card](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/showreel-card): A single featured reel in a full-width card with a play button, description, discipline tags, duration, year, and a named watch link.
- [Video Case Study](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/video-case-study): A single project told through a Placeholder video frame, a stat strip of production figures, and a three-column brief, approach, and result narrative.
- [Video Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/video-grid): A three-column tile grid of six video commissions, each with a play affordance, duration badge, title, client type, and year.
- [Video List Rows](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/video-motion/video-list-rows): A ruled-row videography index listing each film with a small thumbnail, title, client name, duration, year, and a watch link.

### Work Grids

Browse 25 Portfolio Pro work blocks for shadcn/ui. Project galleries, masonry grids, filterable work, and featured rows.

- [Alternating Rows](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/alternating-rows): A work layout of full-width two-column rows that flip image and detail sides on each project, with a constraint-led description, a ruled deliverables list, and a case study link per row.
- [Archive Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/archive-grid): A full-archive grid of nine project tiles with a total count badge and an honest lede noting that older work shows the range.
- [Bento Work Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/bento-work-grid): An asymmetric four-column project grid where two tiles span two columns at a wide aspect ratio and four sit at standard size, each captioned with category, role, and year.
- [Category Sections Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/category-sections-grid): A work grid divided into discipline sections each with a ruled label and a row of project tiles naming the role and year.
- [Featured And Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/featured-and-grid): One large lead project with a real summary above a supporting grid of three more, the pick plus the catalog.
- [Featured Three](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/featured-three): Three equal project tiles each with a full-width image, client type, role, year, a one-line outcome description, and a case study link.
- [Featured Work Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/featured-work-grid): A selected work grid of project tiles that each name the client type, the role, and the year.
- [Filterable Work Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/filterable-work-grid): A filterable work grid with category chips and a live count that narrows six project tiles by discipline, naming the kind, role, and year per tile.
- [Grid With Categories](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/grid-with-categories): A work index that groups project tiles under discipline category headings, each with a scope description and an archive link, so visitors navigate directly to the work type they need.
- [Hover Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/hover-grid): A six-tile work grid with a permanently revealed overlay strip naming the project and role on each thumbnail, plus static kind and year captions below.
- [List With Preview](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/list-with-preview): An interactive work list where selecting a project row swaps the side panel to that project's thumbnail, summary, role, and case study link.
- [Masonry Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/masonry-grid): A masonry work grid with six Placeholder tiles in mixed aspect ratios and medium and year captions, suited to photography and illustration portfolios.
- [Masonry With Captions](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/masonry-with-captions): A CSS-columns masonry of six project tiles at mixed aspect ratios, each captioned with the project name, role, and year.
- [Numbered Work List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/numbered-work-list): A ruled editorial index of projects as large-numbered rows showing name, role, and year with a hover arrow link on each entry.
- [One Big Three Small](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/one-big-three-small): A featured layout with one large project tile carrying a summary sentence and a view case study link, followed by a row of three smaller supporting tiles.
- [Recent Work Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/recent-work-row): A four-card recent work strip with a see-all link at heading level, each card showing a portrait thumbnail, project name, role, and year.
- [Sticky Split Index](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/sticky-split-index): A split work index that pins the heading, intro, and a ruled facts list on the left while project tiles scroll on the right.
- [Three Column Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/three-column-grid): A dense three-column grid of six square project tiles with name and year captions and a full archive link, for breadth-first portfolios.
- [Two Column Work](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/two-column-work): An alternating two-column project list pairing a Placeholder image with a paragraph writeup, role, and year for each engagement.
- [Work Accordion](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/work-accordion): An accordion work index of ruled project rows that each expand to a thumbnail, summary, deliverables list, and case study link.
- [Work By Year](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/work-by-year): Projects grouped under ruled year headings with an inline project count, each tile showing the project name, client kind, and role.
- [Work Index List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/work-index-list): A numbered text list of projects showing project name, kind, and year with a trailing arrow and no images.
- [Work With Quotes](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/work-with-quotes): A two-column work grid where every project tile carries a short client quote with named attribution beneath the thumbnail and caption.
- [Work With Results](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/work-with-results): A two-column project grid where each tile pairs a thumbnail with a one-line outcome carrying a highlighted tabular figure beneath the name and role.
- [Work With Tabs](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/work-grids/work-with-tabs): A work grid with three discipline tabs switching between four-tile project sets via state, for multi-discipline creatives presenting Design, Code, and Writing separately.

### Writing Portfolio

Browse 14 Portfolio Pro writing blocks for shadcn/ui. Published lists, clip grids, bylines, and excerpt layouts.

- [Byline Row](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/byline-row): A centred wordmark row of publications where work has appeared, with a summary strip counting pieces placed, years active, and average read time.
- [Clip Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/clip-grid): A three-column card grid of six writing samples each showing publication, headline, a one-line standfirst, and date.
- [Editor Quotes](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/editor-quotes): A split layout pairing an identity heading and a ruled working record with a stack of testimonial rows from commissioning editors, each with an avatar.
- [Essay List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/essay-list): A ruled-row essays archive with title, publication name, read time, and date per entry for a scannable writing index.
- [Excerpt Cards](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/excerpt-cards): Three writing samples each opened by a pull-quote blockquote before the title, publication, date, and read-full link.
- [Featured Clips](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/featured-clips): Three standout writing pieces as cards with the publication, headline, an excerpt from the argument, and a read link.
- [Featured Essay](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/featured-essay): A two-column spotlight on one essay with a Placeholder, a pull-quote excerpt, and a detail list naming publication, date, read time, topic, and audience.
- [Pitch Process](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/pitch-process): A four step walkthrough of how a commission runs from brief to publication, each step a numbered card with a timing line and deliverable.
- [Publications Wall](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/publications-wall): A dense ruled cell grid of 18 publication names where work has appeared, with a counted heading that distinguishes bylines from mentions.
- [Published List](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/published-list): A ruled list of placed articles and essays showing title, publication, date, and a read link for every byline on record.
- [Topics Covered](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/topics-covered): A six-tile grid mapping the subjects a writer covers with a piece count per topic and a link to each archive.
- [Writing Hero](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/writing-hero): A two-column writer opener combining an identity heading and ruled meta list with a featured piece card showing publication and read time.
- [Writing Services](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/writing-services): Three commission cards naming the kinds of work this writer takes on, each with a pitch, a ruled detail list of length, turnaround, and rate.
- [Year Archive](https://www.shadcn-ui-blocks.com/blocks/portfolio-pro/writing-portfolio/year-archive): Published pieces grouped under large year numerals in a two column ruled layout, each entry carrying its title, publication, and month.

## Marketing

Free tier. 279 blocks in 21 groups. Browse: https://www.shadcn-ui-blocks.com/blocks/marketing

Browse 279 free Marketing blocks for shadcn/ui. Heroes, features, pricing, testimonials, FAQs, blogs, and CTAs you can copy, paste, and ship.

### About Sections

Browse 18 responsive about section blocks for shadcn/ui. Team grids, stats, timelines, mission statements, and values to tell your company story.

- [Achievements](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/achievements): A grid of awards and milestones with icons and short captions. Use it on an about page to prove credibility and show what your team has earned.
- [Animated Stats](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/animated-stats): Headline metrics that count up as they scroll into view. Drop it on an about page to make growth, users, and revenue feel alive and concrete.
- [Brand Values](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/brand-values): 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.
- [Company Culture](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/company-culture): Photos and short blurbs that show how the team works and what daily life feels like. Use it on a careers or about page to attract good people.
- [Company Values](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/company-values): A clean grid of core values, each with an icon, title, and sentence. Use it to explain the beliefs that guide how your company operates daily.
- [Diversity & Inclusion](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/diversity-inclusion): A section pairing a statement on belonging with supporting stats and imagery. Use it to show how your company invests in people and fairness.
- [Founders](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/founders): Portrait cards of the founders with names, roles, and a short bio. Use it on an about page to put faces and a personal story behind the company.
- [Mission Statement](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/mission-statement): A bold single statement of purpose framed as a centered headline. Use it at the top of an about page to anchor everything in one clear idea.
- [Press & Recognitions](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/press-recognitions): A strip of publication logos and pull quotes that show where you have been featured. Use it on an about page to borrow trust from known names.
- [Process](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/process): Numbered steps that walk through how you work, from first contact to final delivery. Use it on an about or services page to set expectations.
- [Simple](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/simple): A minimal about block with a heading and a paragraph of company background. Use it when you want to introduce the business without extra clutter.
- [Stats Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/stats-grid): A tidy grid of key numbers with labels for users, revenue, or reach. Use it on an about page to back up your story with solid figures, fast.
- [Tabs](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/tabs): Tabbed panels that split your story into mission, team, and history. Use it on an about page to pack a lot of context into one compact space.
- [Team Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/team-grid): A responsive grid of headshots with names, titles, and social links. Use it on an about page to introduce the real people behind your product.
- [Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/timeline): A vertical list of dated milestones marking how the company grew. Use it on an about page to walk visitors through your story, year by year.
- [Two Column](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/two-column): A split layout with company text on one side and an image on the other. Use it on an about page to balance a short story with a clear visual.
- [Values](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/values): 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.
- [With Image](https://www.shadcn-ui-blocks.com/blocks/marketing/about-sections/with-image): An about block pairing a paragraph of background with a large photo. Use it to introduce the company while a real image builds warmth and trust.

### Announcement Banners

Browse 6 announcement banner blocks for shadcn/ui. Promote launches, sales, and updates with dismissible bars, countdowns, and clear calls to action.

- [Floating](https://www.shadcn-ui-blocks.com/blocks/marketing/announcement-banners/floating): A banner that floats above page content with rounded corners and a dismiss button. Announce a promotion or update without pushing the layout down.
- [Simple Centered](https://www.shadcn-ui-blocks.com/blocks/marketing/announcement-banners/simple-centered): A slim bar with centered text and a single dismiss control. Share a short notice like free shipping or a new feature across the top of any page.
- [With Action](https://www.shadcn-ui-blocks.com/blocks/marketing/announcement-banners/with-action): A banner pairing a short message with a button so readers can act at once. Use it to drive signups, trial starts, or a link to a new release.
- [With Countdown](https://www.shadcn-ui-blocks.com/blocks/marketing/announcement-banners/with-countdown): A banner with a live countdown timer beside the message. Build urgency for a sale, webinar, or deadline and prompt visitors to act before time runs out.
- [With Image](https://www.shadcn-ui-blocks.com/blocks/marketing/announcement-banners/with-image): A banner that places a thumbnail or icon next to the headline and link. Spotlight a product, event, or article with a visual that draws the eye.
- [With Social Proof](https://www.shadcn-ui-blocks.com/blocks/marketing/announcement-banners/with-social-proof): A banner showing user counts, ratings, or avatars next to the message. Build instant trust at the top of a page and nudge new visitors to convert.

### Blog Sections

Browse 17 blog section blocks for shadcn/ui. Grids, lists, carousels, magazine layouts, and author spotlights to publish articles and keep readers reading.

- [Author Spotlight](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/author-spotlight): A profile block pairing an author photo, bio, and their latest posts. Use it to build trust on a blog and surface more writing from one voice.
- [Carousel](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/carousel): A horizontal slider of article cards with cover images and titles. Use it to feature recent or popular posts in a compact strip readers can swipe.
- [Case Study Showcase](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/case-study-showcase): A grid of case study cards with logos, results, and short summaries. Use it to present customer stories and proof on a results focused blog page.
- [Category Filter](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/category-filter): A post grid paired with category tabs that filter the visible articles. Use it to help readers narrow a busy blog down to the topics they want.
- [Compact List](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/compact-list): A dense vertical list of posts with titles, dates, and short excerpts. Use it to show many articles in little space on an index or archive page.
- [Expert Roundup](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/expert-roundup): A grid collecting quotes and headshots from several contributors. Use it to package an opinion roundup or panel feature into one shareable post.
- [Featured List](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/featured-list): A list led by one large featured article above smaller stacked posts. Use it to spotlight your top story while listing the rest of the feed.
- [Featured With Sidebar](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/featured-with-sidebar): A two column layout with a main article feed beside a sidebar of links. Use it for a blog home that mixes posts with categories and promos here.
- [Hero Focus](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/hero-focus): A full width hero centered on a single article with a large cover image. Use it to launch a flagship post and pull readers straight into it.
- [Interview Format](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/interview-format): 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.
- [Magazine Layout](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/magazine-layout): An editorial grid that mixes large and small story cards across columns. Use it to give a content heavy blog the dense feel of a print magazine.
- [Minimal Blog](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/minimal-blog): A clean list of post titles, dates, and excerpts set in plenty of space. Use it for a writing focused blog where the words carry the whole page.
- [Newsletter Blog](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/newsletter-blog): An article feed combined with an email signup form and short prompt. Use it to grow a subscriber list while showcasing your most recent posts.
- [Podcast List](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/podcast-list): A list of episode cards with cover art, titles, and play controls. Use it to publish a podcast feed where listeners browse and start episodes.
- [Simple Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/simple-grid): An even grid of article cards with cover images, titles, and dates. Use it as a clean, flexible blog index that scales to any number of posts.
- [Timeline Blog](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/timeline-blog): A vertical timeline that orders posts by date with markers and dots. Use it for a changelog, release notes, or a chronological story archive.
- [Video Blog](https://www.shadcn-ui-blocks.com/blocks/marketing/blog-sections/video-blog): 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.

### Careers

Browse 12 careers page blocks for shadcn/ui. Job listings, application forms, benefits, culture, and hiring steps to recruit talent and fill roles fast.

- [Application Form](https://www.shadcn-ui-blocks.com/blocks/marketing/careers/application-form): A job application form with fields for contact details, resume upload, and a cover letter. Lets candidates apply directly from your careers page.
- [Career Path](https://www.shadcn-ui-blocks.com/blocks/marketing/careers/career-path): A career path layout showing role progression, levels, and growth milestones. Helps applicants picture how they advance after joining your team.
- [Company Benefits](https://www.shadcn-ui-blocks.com/blocks/marketing/careers/company-benefits): A company benefits section with icons and short blurbs for perks like health, time off, and remote work. Reassures candidates as they read open roles.
- [Department Positions](https://www.shadcn-ui-blocks.com/blocks/marketing/careers/department-positions): A list of open positions grouped by department, each with a title and location. Helps candidates find the right team and apply to the matching role.
- [Department Showcase](https://www.shadcn-ui-blocks.com/blocks/marketing/careers/department-showcase): A department showcase with cards describing each team, its focus, and people. Helps candidates understand where they fit before browsing open roles.
- [Employee Benefits](https://www.shadcn-ui-blocks.com/blocks/marketing/careers/employee-benefits): An employee benefits grid covering insurance, learning budgets, and flexible hours. Shows candidates the full package while they consider applying.
- [Featured Job Slider](https://www.shadcn-ui-blocks.com/blocks/marketing/careers/featured-job-slider): A horizontal slider of featured job cards with title, team, and location. Spotlights priority roles you want candidates to notice on the careers page.
- [Interview Process](https://www.shadcn-ui-blocks.com/blocks/marketing/careers/interview-process): A step by step interview process timeline running from first application to final offer. Sets expectations so candidates know what each hiring stage involves.
- [Job Board](https://www.shadcn-ui-blocks.com/blocks/marketing/careers/job-board): A searchable job board with filters for team, location, and type. Lets candidates scan every open role and apply to the one that fits them best.
- [Job Details](https://www.shadcn-ui-blocks.com/blocks/marketing/careers/job-details): A single job details page with description, responsibilities, and an apply button. Gives candidates everything they need to decide and submit.
- [Job Listings](https://www.shadcn-ui-blocks.com/blocks/marketing/careers/job-listings): A clean list of job listings with title, location, and a quick apply link. Helps candidates skim available roles and pick one to pursue today.
- [Workplace Culture](https://www.shadcn-ui-blocks.com/blocks/marketing/careers/workplace-culture): A workplace culture section with photos and short stories about daily life. Gives candidates a feel for the team before they decide to apply.

### Changelogs

Browse 11 changelog blocks for shadcn/ui. Timeline, tabbed, grouped, and table layouts to announce releases, fixes, and new features clearly.

- [Basic Changelog](https://www.shadcn-ui-blocks.com/blocks/marketing/changelogs/basic-changelog): A straightforward changelog list with version numbers, dates, and bullet points. Use it to post release notes when you want clarity over visual flourish.
- [Categorized Changelog](https://www.shadcn-ui-blocks.com/blocks/marketing/changelogs/categorized-changelog): Release notes split into Added, Fixed, and Changed sections under each version. Helps readers scan a busy update and jump to the changes they care about.
- [Compact Changelog](https://www.shadcn-ui-blocks.com/blocks/marketing/changelogs/compact-changelog): A dense changelog that packs many versions into a tight column. Ideal when you ship often and want the full history visible without heavy scrolling.
- [Expandable Changelog](https://www.shadcn-ui-blocks.com/blocks/marketing/changelogs/expandable-changelog): Collapsed version entries that open on click to reveal full details. Keeps a long release history short while letting readers drill into any update.
- [Grid Changelog](https://www.shadcn-ui-blocks.com/blocks/marketing/changelogs/grid-changelog): Release entries laid out as cards in a responsive grid. Use it to show recent updates side by side with badges, dates, and short summaries at a glance.
- [Grouped Changelog](https://www.shadcn-ui-blocks.com/blocks/marketing/changelogs/grouped-changelog): Updates clustered by month or release so related entries sit together. Good for products with frequent shipping where context across versions matters.
- [Interactive Changelog](https://www.shadcn-ui-blocks.com/blocks/marketing/changelogs/interactive-changelog): A changelog with filters and clickable entries that reveal more detail. Lets visitors explore updates by type and focus on the releases that matter.
- [Minimalist Changelog](https://www.shadcn-ui-blocks.com/blocks/marketing/changelogs/minimalist-changelog): A pared back changelog with just dates, versions, and one line per change. Use it when you want updates to feel quiet and stay out of the way.
- [Tabbed Changelog](https://www.shadcn-ui-blocks.com/blocks/marketing/changelogs/tabbed-changelog): Release notes organized into tabs by version or category. Lets readers switch between updates without scrolling, keeping each release neatly contained.
- [Table Changelog](https://www.shadcn-ui-blocks.com/blocks/marketing/changelogs/table-changelog): A changelog rendered as a table with columns for version, date, and notes. Use it when readers need to scan and compare many releases quickly.
- [Timeline Changelog](https://www.shadcn-ui-blocks.com/blocks/marketing/changelogs/timeline-changelog): A vertical timeline that plots releases in order with dates and notes. Use it to tell the story of a product as it grows version over version.

### Contact Sections

Browse 3 contact section blocks for shadcn/ui. Center aligned forms, split layouts with details, and map embeds to capture leads and start conversations.

- [Center Aligned](https://www.shadcn-ui-blocks.com/blocks/marketing/contact-sections/center-aligned): A center aligned contact form with heading, supporting text, and stacked fields. Drops onto a simple contact page so visitors can send a message fast.
- [Split With Details](https://www.shadcn-ui-blocks.com/blocks/marketing/contact-sections/split-with-details): A split layout pairing a contact form with a column of details like email, phone, and hours. Use it when people need a quick way to reach the right team.
- [With Map](https://www.shadcn-ui-blocks.com/blocks/marketing/contact-sections/with-map): A contact section that places a form beside an embedded map of your location. Ideal for a storefront or office that wants visitors to find and reach it.

### CTA Sections

Browse 18 call to action blocks for shadcn/ui. Banners, gradient panels, newsletter forms, and split layouts that turn page visitors into signups.

- [Awards CTA](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/awards-cta): A call to action that pairs award badges and recognition logos with a signup prompt. Builds trust before the click on a landing or pricing page.
- [Banner With Background](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/banner-with-background): A full width banner with a background image, headline, and button. Anchors a campaign message across the top or bottom of any marketing page.
- [Case Study CTA](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/case-study-cta): A call to action framed around a customer story with a headline result and link. Use it after proof points to push readers toward booking a demo.
- [Countdown Timer](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/countdown-timer): A call to action with a live countdown clock beside a headline and button. Drives urgency for a sale, launch, or webinar registration deadline.
- [CTA With Testimonial](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/cta-with-testimonial): A call to action that places a customer quote and avatar right next to a signup button. Reinforces social proof at the moment a visitor decides.
- [FAQ CTA](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/faq-cta): A short FAQ list paired with a closing prompt and button. Answers the last objections and nudges readers to convert at the end of a long page.
- [Feature Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/feature-grid): A call to action backed by a grid of feature highlights with icons. Recaps the value of a product before inviting visitors to start a free trial.
- [Gradient CTA](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/gradient-cta): A centered call to action set on a vivid gradient panel with a headline and button. A bright closing section for a homepage or feature page.
- [Image With Text](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/image-with-text): A call to action that sets an image beside a headline, body copy, and button. Use it to show a product shot while inviting the visitor to act.
- [Integrations CTA](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/integrations-cta): A call to action surrounded by logos of supported tools and platforms. Reassures teams about compatibility before they sign up and connect apps.
- [Newsletter Form](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/newsletter-form): A signup section with an email input and subscribe button under a short pitch. Collects leads for a newsletter, waitlist, or product updates.
- [Quick Contact CTA](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/quick-contact-cta): A compact contact prompt with a short form or button to reach the team. Drops into a footer or sidebar so visitors can get in touch fast.
- [Simple Centered](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/simple-centered): A centered call to action with a headline, supporting line, and button. A clean closing section to end a landing page and prompt the next step.
- [Split With Image](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/split-with-image): A two column call to action with copy on one side and an image on the other. Balances message and visual to invite a signup or demo request.
- [Stats CTA](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/stats-cta): A call to action that leads with key metrics like users or uptime, then a button. Uses hard numbers to convince visitors before they commit.
- [Tab CTA](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/tab-cta): A call to action with tabbed content that swaps messages by audience or use case. Lets visitors pick a path before clicking the matching button.
- [Video CTA](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/video-cta): 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.
- [Zigzag CTA](https://www.shadcn-ui-blocks.com/blocks/marketing/cta-sections/zigzag-cta): A call to action with alternating text and image rows that lead into a button. Walks readers through benefits before the final closing prompt.

### FAQ Sections

Browse 13 FAQ section blocks for shadcn/ui. Accordions, grids, tabbed and searchable layouts that answer common questions and reduce support load.

- [Accordion With Background](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/accordion-with-background): An accordion FAQ set against a tinted background panel. Each question expands to reveal its answer, keeping long lists of details tidy and easy to scan.
- [Card Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/card-grid): A grid of question cards, each holding one query and its answer inline. Lays out frequent questions clearly so visitors find what they need at a glance.
- [Center Aligned](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/center-aligned): A centered FAQ column with a heading and stacked accordion items. Keeps focus on the questions and works well as a standalone support section on any page.
- [Code Snippets](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/code-snippets): An FAQ layout with formatted code blocks inside answers. Built for developer docs where responses need syntax examples, commands, or configuration shown.
- [Contact Form](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/contact-form): An FAQ section paired with a contact form, so visitors read common answers and reach out when their question is not covered, all within one tidy section.
- [Image Illustrated](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/image-illustrated): An FAQ section with a supporting illustration beside the question list. Adds visual context and warmth to a help area while answers stay easy to read.
- [Right Aligned](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/right-aligned): A two column FAQ with the heading and intro on the left and accordion items on the right. Balances explanation and detail across a wide support section.
- [Search Filter](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/search-filter): An FAQ section with a search field that filters questions as you type. Helps visitors jump straight to the answer they want across a long question list.
- [Sidebar Navigation](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/sidebar-navigation): An FAQ layout with a sidebar of categories beside the answers. Lets visitors switch topics quickly and keeps large help sections organized and navigable.
- [Simple 2 Cols Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/simple-2-cols-grid): A plain two column grid of questions and answers. A compact way to cover many topics at once, ideal for a quick reference block near a page footer.
- [Simple With Divider And Icon](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/simple-with-divider-and-icon): A clean FAQ list with an icon by each question and dividers between rows. Keeps a long set of answers readable and clearly separated on any support page.
- [Tabbed Categories](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/tabbed-categories): An FAQ section with tabs that group questions by category. Visitors pick a topic and see only relevant answers, keeping a broad help area uncluttered.
- [Timeline FAQ](https://www.shadcn-ui-blocks.com/blocks/marketing/faq-sections/timeline-faq): An FAQ laid out as a vertical timeline, walking visitors through questions in order. Suited to onboarding or step by step guides where sequence matters.

### Feature Sections

Browse 18 feature section blocks for shadcn/ui. Cards, tabs, timelines, stats, and carousels to show what your product does and why people care.

- [3D Cards](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/3d-cards): Feature cards that tilt in 3D as the cursor moves, each holding an icon, title, and copy. Adds depth to a landing page when you want highlights to feel tactile.
- [Card Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/card-grid): A tidy grid of feature cards, each with an icon, heading, and short description. Lays out several product capabilities at once for a clean overview section.
- [Feature Accordion](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/feature-accordion): Stacked feature panels that expand on click to reveal detail and a paired visual. Lets visitors drill into one capability at a time without crowding the page.
- [Feature Chat](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/feature-chat): A feature section styled as a chat thread, pairing message bubbles with copy. Built to show a messaging or support product talking in real conversation.
- [Feature Comparison](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/feature-comparison): Sets two options side by side with checkmarks and notes per row. Use it to contrast your product against an alternative and make the better choice obvious.
- [Feature Stats](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/feature-stats): Feature copy paired with bold metrics like uptime, users, or speed. Backs your claims with numbers and builds trust on a homepage or product overview.
- [Feature Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/feature-timeline): A vertical timeline that walks through features or milestones in sequence. Ideal for telling how a product flow works or how your story unfolded over time.
- [Feature Videos](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/feature-videos): A feature layout built around short video clips, each captioned with a benefit. Best when a moving demo explains the value faster than text alone could.
- [Feature Wizard](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/feature-wizard): A guided, multi step layout that reveals features as the visitor advances. Useful for onboarding copy or walking through a setup flow one screen at a time.
- [Grid Hover](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/grid-hover): A feature grid where each cell reveals more copy and a glow on hover. Keeps the section compact at rest, then rewards visitors who explore each capability.
- [Simple](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/simple): A clean feature section with a heading, supporting text, and a short list of points. Reach for it when you want clarity over decoration on a marketing page.
- [Steps](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/steps): Numbered steps that lay out how your product works from start to finish. Drop it on a homepage to turn a process into an easy three or four part story.
- [Terminal](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/terminal): A feature section featuring a mock terminal with typed commands and output. Built for developer tools where showing real CLI usage sells the value fast.
- [With Carousel](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/with-carousel): Feature highlights in a swipeable carousel, one slide per capability with copy and a visual. Fits many features into a small space without a long scroll.
- [With Comparison](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/with-comparison): A feature block that places before and after states next to each other. Use it to show the change your product brings and let the difference speak plainly.
- [With Images](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/with-images): Alternating rows of feature copy beside supporting images. A reliable pattern for explaining several capabilities while keeping the page lively and balanced.
- [With Stats](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/with-stats): Feature descriptions interleaved with headline numbers and labels. Pairs the what with the proof so visitors trust the results on a product or pricing page.
- [With Tabs](https://www.shadcn-ui-blocks.com/blocks/marketing/feature-sections/with-tabs): Tabbed feature panels that swap content and visuals as visitors switch tabs. Organizes many capabilities into one compact, tidy section that stays readable.

### Footers

Browse 5 footer blocks for shadcn/ui. Link columns, logos, newsletter forms, and legal rows to close any page and guide visitors where they go next.

- [Logo Cloud](https://www.shadcn-ui-blocks.com/blocks/marketing/footers/logo-cloud): A footer with a row of partner and customer logos above the navigation links. Adds social proof and brand trust at the bottom of a landing page.
- [Minimal](https://www.shadcn-ui-blocks.com/blocks/marketing/footers/minimal): A compact footer with a single line of copyright text and a few essential links. Keeps the bottom of an app or docs page quiet and out of the way.
- [Multi Column](https://www.shadcn-ui-blocks.com/blocks/marketing/footers/multi-column): A footer split into grouped link columns for products, company, and resources. Organizes deep site navigation on a large marketing or app homepage.
- [Simple](https://www.shadcn-ui-blocks.com/blocks/marketing/footers/simple): A footer pairing a logo and short tagline with a tidy row of page links. Rounds off a small business or portfolio site without crowding the layout.
- [Subscribe](https://www.shadcn-ui-blocks.com/blocks/marketing/footers/subscribe): A footer with an email newsletter form beside the usual navigation links. Captures signups while visitors are leaving the bottom of your site.

### Gallery

Browse 7 gallery blocks for shadcn/ui. Carousels, grids, filmstrips, and fullscreen layouts to show photos, products, and work that draws the eye.

- [Carousel Gallery](https://www.shadcn-ui-blocks.com/blocks/marketing/gallery/carousel-gallery): A swipeable carousel that steps through images one at a time. Use it to feature product shots or photos in a compact space on any landing page.
- [Filmstrip Gallery](https://www.shadcn-ui-blocks.com/blocks/marketing/gallery/filmstrip-gallery): A horizontal filmstrip of thumbnails with a larger preview above. Ideal for browsing a photo set or product angles while keeping every frame in view.
- [Fullscreen Gallery](https://www.shadcn-ui-blocks.com/blocks/marketing/gallery/fullscreen-gallery): A fullscreen gallery that fills the viewport with one image at a time. Good for immersive photo stories, lookbooks, or a striking visual showcase.
- [Grid Gallery](https://www.shadcn-ui-blocks.com/blocks/marketing/gallery/grid-gallery): A responsive grid of evenly sized image tiles. Use it to display many photos, products, or case studies at once with a clean, scannable layout.
- [Immersive Gallery](https://www.shadcn-ui-blocks.com/blocks/marketing/gallery/immersive-gallery): An edge to edge gallery with large visuals and smooth motion. Use it to surround visitors in your photos or brand imagery on a campaign page.
- [Polaroid Gallery](https://www.shadcn-ui-blocks.com/blocks/marketing/gallery/polaroid-gallery): A scattered set of polaroid style cards with captions and slight tilts. Great for adding a casual, personal feel to an about page or event recap.
- [Portfolio Gallery](https://www.shadcn-ui-blocks.com/blocks/marketing/gallery/portfolio-gallery): A portfolio layout that pairs project images with titles and short notes. Use it to present work, case studies, or a creative showcase to clients.

### Hero Forms

Browse 24 hero form blocks for shadcn/ui. Capture leads, signups, bookings, and demos right at the top of the page with clear fields and strong calls to action.

- [Booking Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/booking-form): 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.
- [Center Aligned Search With Tags](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/center-aligned-search-with-tags): A centered hero built around a search field with popular tags below it. Helps visitors find what they need fast on a directory or marketplace home.
- [Center Aligned With A Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/center-aligned-with-a-form): A centered hero pairing a headline and subtext with a short inline form. Collects an email or signup in one view to start onboarding immediately.
- [Contact Form With Background](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/contact-form-with-background): A hero with a full contact form set over a styled background image. Invites visitors to send a message or request a quote without leaving the top.
- [Contest Entry Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/contest-entry-form): A hero with a contest entry form for name, email, and answer fields. Drives signups and excitement around a giveaway or promotional campaign.
- [Early Access Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/early-access-form): A hero with an early access form and a single email field beside the pitch. Builds a waitlist for an upcoming product before the public launch.
- [Event Registration Countdown](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/event-registration-countdown): A hero combining a registration form with a live countdown timer. Pushes visitors to claim a spot before an event or sale window closes.
- [Feedback Survey Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/feedback-survey-form): A hero with a feedback survey form using ratings and short answers. Gathers visitor opinions on a product or service in a single focused view.
- [Floating Card With Gradient](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/floating-card-with-gradient): A hero with a floating form card resting over a soft gradient backdrop. Highlights a signup field and pulls the eye to one clear action.
- [Free Ebook Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/free-ebook-form): A hero with a free ebook form that trades an email for a download. Grows a mailing list while offering a guide or report as the incentive.
- [Free Trial Signup Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/free-trial-signup-form): A hero with a free trial signup form for email and password fields. Starts new accounts the moment a visitor decides to try the product.
- [Image And Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/image-and-form): A split hero with a product image on one side and a signup form on the other. Balances visual proof with a clear path to start using the product.
- [Job Application Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/job-application-form): A hero with a job application form for contact details and a resume upload. Lets candidates apply right from the top of a careers page.
- [Newsletter Subscription](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/newsletter-subscription): A hero with a newsletter subscription field and a short value pitch. Turns first time visitors into subscribers with one quick email entry.
- [Newsletter With Social Proof](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/newsletter-with-social-proof): A hero pairing a newsletter form with subscriber counts and logos. Uses social proof to convince visitors the list is worth joining today.
- [Product Customizer Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/product-customizer-form): A hero with a product customizer form for options like size and color. Lets shoppers configure their choice and preview it before checkout.
- [Quiz Assessment Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/quiz-assessment-form): A hero with a quiz or assessment form that walks through scored questions. Engages visitors and routes them toward a tailored recommendation.
- [Schedule Demo Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/schedule-demo-form): A hero with a schedule demo form for name, company, and a time slot. Books sales calls with prospects right where they first arrive.
- [Sign Up Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/sign-up-form): A hero with a sign up form for email and password beside the headline. Opens new accounts fast so visitors can start using the product now.
- [Split Screen Multi Step](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/split-screen-multi-step): A split screen hero with a multi step form and a progress indicator. Guides visitors through a longer signup without overwhelming them at once.
- [Subscription Form With Toggle](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/subscription-form-with-toggle): A hero with a subscription form and a monthly to yearly billing toggle. Lets visitors pick a plan and price before they start a paid signup.
- [Two Factor Verification](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/two-factor-verification): A hero with a two factor verification form for a one time security code. Confirms identity during signin to keep new accounts safe and secure.
- [User Feedback Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/user-feedback-form): A hero with a user feedback form for comments, ratings, and contact info. Collects honest input from visitors to guide the next product update.
- [Webinar Registration Form](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-forms/webinar-registration-form): A hero with a webinar registration form for name, email, and session time. Fills seats for a live session straight from the landing page top.

### Hero Sections

Browse 40 hero section blocks for shadcn/ui. Headlines, CTAs, images, video, carousels, and animated layouts to open any landing page and convert.

- [3D Isometric Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/3d-isometric-hero): A hero with a 3D isometric illustration beside a headline and call to action. Adds depth and a modern feel to the top of a product landing page.
- [Animated Features Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/animated-features-hero): A hero that cycles through key features with motion next to a headline and CTA. Use it to show what your product does the moment a visitor arrives.
- [Animated Gradient](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/animated-gradient): A hero set on a slowly shifting gradient backdrop with a centered headline and CTA. A colorful, lively opener for SaaS and creative product pages.
- [Animated Text Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/animated-text-hero): A hero where the headline word swaps through phrases with smooth motion. Highlights several value points in one line at the top of a landing page.
- [Centred With Image](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/centred-with-image): A centered hero with a headline, subtext, and CTA above a wide product image. A balanced, classic opener for marketing and SaaS landing pages.
- [Chat Preview Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/chat-preview-hero): 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.
- [Countdown Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/countdown-hero): A hero with a ticking countdown timer beside a headline and CTA. Builds urgency for launches, sales, webinars, and limited time offer landing pages.
- [Gradient Background](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/gradient-background): A hero on a rich gradient background with a centered headline, subtext, and CTA. A bold, color led opener for product and campaign landing pages.
- [Gradient Mesh Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/gradient-mesh-hero): A hero with a soft mesh gradient behind a centered headline and CTA. Gives a calm, premium backdrop to SaaS, design, and startup landing pages.
- [Image Carousel Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/image-carousel-hero): A hero with a rotating image carousel next to a headline and CTA. Shows several product shots or screens at the top of a landing page in turn.
- [Image With Reviews](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/image-with-reviews): A hero placing a product image alongside short customer reviews and a CTA. Pairs your pitch with proof to win trust on a landing page right away.
- [Interactive Metrics](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/interactive-metrics): 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.
- [Mobile App Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/mobile-app-hero): A hero with a phone mockup, app store badges, and a headline. Built to drive downloads at the top of a mobile app marketing or launch page.
- [Multi-Step CTA Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/multi-step-cta-hero): A hero that guides visitors through a short multi step call to action. Use it to qualify leads or onboard users right from a landing page header.
- [Particles Background Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/particles-background-hero): A hero with animated particles drifting behind a centered headline and CTA. A dynamic, tech forward opener for software and startup landing pages.
- [Product Carousel Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/product-carousel-hero): A hero with a swipeable product carousel beside a headline and CTA. Showcases a range of items or plans at the top of an ecommerce landing page.
- [Progress Tracker Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/progress-tracker-hero): A hero with a step progress tracker next to a headline and CTA. Use it to show a setup flow or journey at the top of an onboarding landing page.
- [Search Bar](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/search-bar): A hero centered on a prominent search bar below a headline and subtext. Ideal for directories, docs, marketplaces, and content heavy landing pages.
- [Simple Centred](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/simple-centred): A clean centered hero with a headline, short subtext, and a single CTA. A minimal, fast loading opener that suits almost any landing page or product.
- [Social Proof Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/social-proof-hero): A hero pairing a headline and CTA with logos, ratings, and user counts. Leads with credibility to reassure visitors at the top of a landing page.
- [Split Content Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/split-content-hero): A hero with a two column split, text and CTA on one side, content on the other. A flexible opener that balances your message and a visual cleanly.
- [Split Image Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/split-image-hero): A hero split into a text column and a full height product image. A direct, balanced opener that pairs your pitch with a visual on a landing page.
- [Split With Video](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/split-with-video): A hero split between a headline with CTA and an embedded product video. Use it to show your product in motion at the top of a landing page.
- [Testimonial Carousel](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/testimonial-carousel): A hero with a rotating carousel of customer testimonials and a CTA. Opens a landing page with real quotes to build trust before the pitch lands.
- [Trust Indicators](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/trust-indicators): A hero leading with security badges, certifications, and partner logos. Reassures cautious buyers at the top of a landing or enterprise sales page.
- [Video Background Hero](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/video-background-hero): 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.
- [With 3D Mockup](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-3d-mockup): A hero featuring a rotating 3D device mockup beside a headline and CTA. Presents your app or product with depth on a modern landing page.
- [With API Preview](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-api-preview): A hero pairing a headline and CTA with a live API request and response preview. Built for developer tools and platforms aimed at technical buyers.
- [With App Showcase](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-app-showcase): A hero showcasing app screens in a layered layout next to a headline and CTA. Use it to highlight the interface on a software product landing page.
- [With Bento Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-bento-grid): A hero with a bento grid of feature tiles below a headline and CTA. Summarizes several capabilities at a glance on a modern SaaS landing page.
- [With Code Preview](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-code-preview): A hero pairing a headline and CTA with a syntax highlighted code snippet. Speaks directly to developers at the top of a tool or library landing page.
- [With Content Tabs](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-content-tabs): A hero with tabbed panels that swap content beneath a headline and CTA. Use it to present several use cases or features in one compact area.
- [With Dashboard](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-dashboard): A hero placing a product dashboard screenshot next to a headline and CTA. Shows your interface and data at the top of a SaaS or analytics page.
- [With Email Input](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-email-input): A hero centered on an inline email capture form below a headline and subtext. Ideal for waitlists, newsletters, and early access landing pages.
- [With Feature Cards](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-feature-cards): A hero with a row of feature cards beneath a headline and CTA. Breaks your key benefits into scannable tiles at the top of a landing page.
- [With Feature Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-feature-timeline): A hero with a feature timeline beside a headline and CTA. Walks visitors through a workflow or roadmap at the top of a product landing page.
- [With Integration Showcase](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-integration-showcase): A hero showing a grid of integration logos beside a headline and CTA. Highlights the tools your product connects to on a platform landing page.
- [With Product Screenshots](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-product-screenshots): A hero with framed product screenshots next to a headline and CTA. Shows the real interface at the top of a software or SaaS landing page.
- [With Team Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-team-grid): A hero pairing a headline and CTA with a grid of team member photos. Adds a human face to about, agency, and company landing pages from the start.
- [With Terminal](https://www.shadcn-ui-blocks.com/blocks/marketing/hero-sections/with-terminal): A hero pairing a headline and CTA with an animated terminal window. Speaks to developers and shows install or usage commands on a tool landing page.

### Icon Sections

Browse 20 icon section blocks for shadcn/ui. Grids, stat tiles, timelines, tabs, and carousels that pair icons with short copy to explain features fast.

- [2 Cols Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/2-cols-grid): A two column grid pairing each icon with a heading and short paragraph. Lays out a handful of product features in a clean, balanced reading layout.
- [Animated Icon Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/animated-icon-grid): A grid of feature icons that animate into view on scroll. Adds motion to a list of capabilities so each benefit catches the eye as users read down.
- [Centred Description With Icon Blocks](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/centred-description-with-icon-blocks): A centred intro paragraph above a row of icon blocks. Frames a section theme, then lists supporting features in tidy, evenly spaced columns.
- [Circle Icons Centre Aligned](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/circle-icons-centre-aligned): 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.
- [Compact Metric List](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/compact-metric-list): A tight vertical list pairing icons with numbers and labels. Shows key metrics in a small footprint, ideal for sidebars or dense feature pages.
- [Description On Left Icon Blocks On Right](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/description-on-left-icon-blocks-on-right): A split layout with a section heading and copy on the left and stacked icon blocks on the right. Pairs a narrative pitch with scannable feature points.
- [Expandable Icon Cards](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/expandable-icon-cards): Icon cards that expand on click to reveal more detail. Keeps the section compact while letting curious visitors dig into any feature they choose.
- [Feature Icon Tabs](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/feature-icon-tabs): Icon tabs that switch between feature panels in place. Lets visitors explore several capabilities without scrolling, one focused view at a time.
- [Horizontal Scrolling Icons](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/horizontal-scrolling-icons): A horizontal strip of icon cards users swipe or scroll through. Fits many features in limited height and reads naturally on mobile screens.
- [Icon Feature Carousel](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/icon-feature-carousel): A carousel rotating through icon features one slide at a time. Highlights a long list of capabilities without crowding the page or overwhelming readers.
- [Icon Stats Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/icon-stats-grid): A grid of stat cards pairing an icon with a bold number and label. Surfaces growth figures and key results to build trust on a marketing page.
- [Icon Tabs Categories](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/icon-tabs-categories): Category tabs marked with icons that filter the features shown below. Helps visitors jump straight to the feature set that matches their needs.
- [Icon Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/icon-timeline): A vertical timeline with an icon at each step. Walks visitors through a process or product journey in clear order, one milestone after another.
- [Icons With Tooltips](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/icons-with-tooltips): A row of icons that reveal a short tooltip on hover. Packs many features into a small space while keeping extra detail one cursor away.
- [Interactive Icon Showcase](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/interactive-icon-showcase): An interactive panel where hovering an icon updates the description beside it. Invites visitors to explore features at their own pace and stay engaged.
- [Metric Cards](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/metric-cards): A set of cards pairing an icon with a headline metric and caption. Presents results, usage, or savings in confident, easy to scan tiles.
- [Minimal Stats Tiles](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/minimal-stats-tiles): Clean tiles showing an icon, a number, and a short label. A spare way to display a few key stats without distracting from the surrounding copy.
- [Radial Icon Layout](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/radial-icon-layout): Icons arranged in a circular, radial pattern around a central label. A distinctive way to show how features connect to one core product idea.
- [Solid Icon With Hover Effect](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/solid-icon-with-hover-effect): Solid filled icons that shift colour or lift on hover. Adds tactile feedback to a feature grid so the section feels responsive as visitors browse.
- [Stacked Cards](https://www.shadcn-ui-blocks.com/blocks/marketing/icon-sections/stacked-cards): Vertically stacked icon cards, each with a title and short blurb. Reads top to bottom on any screen and keeps a long feature list easy to follow.

### Integrations

Browse 5 integrations blocks for shadcn/ui. Logo grids, category tabs, carousels, and API previews to show every app and tool your product connects to.

- [API Preview](https://www.shadcn-ui-blocks.com/blocks/marketing/integrations/api-preview): A code sample panel beside copy that explains your API. Drop it on a developer page to show how integrations connect in only a few short lines.
- [Carousel](https://www.shadcn-ui-blocks.com/blocks/marketing/integrations/carousel): A scrolling row of partner and app logos that loops as visitors watch. Place it under a hero to prove your product fits neatly into an existing stack.
- [Category Tabs](https://www.shadcn-ui-blocks.com/blocks/marketing/integrations/category-tabs): Tabs that sort connected apps by type, so visitors filter integrations to find the one they use. Ideal for a busy marketplace or directory page.
- [Featured Showcase](https://www.shadcn-ui-blocks.com/blocks/marketing/integrations/featured-showcase): A large card spotlighting one key integration with its logo, summary, and a link. Use it to highlight a flagship partner above the full list.
- [Simple Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/integrations/simple-grid): A clean grid of integration logos in even rows and columns. Use it on a connections page to display the apps and services your product supports.

### Masonry Sections

Browse 1 masonry section blocks for shadcn/ui. Staggered card grids that arrange images and content at varied heights for a dynamic page layout.

- [Cards On Images](https://www.shadcn-ui-blocks.com/blocks/marketing/masonry-sections/cards-on-images): A masonry grid of cards layered over images, each with a heading and short text. Showcases a gallery, portfolio, or product collection on a landing page.

### Pricing Sections

Compare 14 pricing section blocks for shadcn/ui. Tiered cards, toggles, calculators, and tables to present plans clearly and turn visitors into buyers.

- [Calculator](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/calculator): A pricing calculator with sliders and inputs that estimate cost from usage. Use it when plans scale by seats, requests, or volume so buyers see real numbers.
- [Cards](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/cards): A row of pricing cards listing plan names, prices, and features with a clear call to action. Drop it on a pricing page to compare tiers at a glance.
- [Custom Builder](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/custom-builder): A plan builder where buyers pick features and quantities to assemble a quote. Use it for modular products where every customer needs a different mix.
- [Enterprise](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/enterprise): A pricing layout pairing standard tiers with a contact sales panel for large accounts. Use it when bigger deals need custom quotes and a human conversation.
- [Feature Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/feature-grid): A pricing table mapping every feature to each plan across rows and columns. Use it when buyers want to confirm exactly what each tier includes before paying.
- [Horizontal](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/horizontal): A wide pricing row that lays plans side by side in a single band. Fits narrow page slots and pages where you want plans visible without much scrolling.
- [Interactive](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/interactive): 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.
- [Minimalist](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/minimalist): A pared back pricing layout with generous spacing, plain type, and one clear price. Use it when a single plan or clean brand needs no visual clutter.
- [Modern](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/modern): A contemporary pricing section with bold cards, soft shadows, and accent gradients. Use it to give a polished, current feel to a product or SaaS page.
- [Seasonal](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/seasonal): A pricing section with promotional banners and limited time discounts on each plan. Use it for holiday sales, launches, and campaigns that push urgency.
- [Simple](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/simple): A clean pricing section showing a few plans with price, features, and a button each. Use it when you want fast comprehension without extra decoration.
- [Stacked](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/stacked): A pricing layout that stacks plan cards vertically for narrow columns and phones. Use it on mobile first pages or sidebars where width is limited.
- [Testimonial](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/testimonial): A pricing section that pairs plan cards with customer quotes and logos. Use it to add social proof right where buyers weigh price and decide to commit.
- [Toggle](https://www.shadcn-ui-blocks.com/blocks/marketing/pricing-sections/toggle): A pricing section with a monthly and yearly switch that updates every plan price. Use it to show annual savings and let buyers pick a billing cycle fast.

### Stats

Browse 20 stats section blocks for shadcn/ui. Counters, metric cards, progress bars, timelines, and comparison layouts that prove traction and build trust.

- [Achievement Bars](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/achievement-bars): Horizontal bars that fill to show milestones reached against a target. Drop it on a results page to visualize goals hit and progress toward each one.
- [Card Group](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/card-group): A cluster of stat cards with a big number, label, and short caption in each. Use it to spotlight key metrics across a landing page in a clean grid.
- [Circular Progress](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/circular-progress): 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.
- [Comparison Metrics](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/comparison-metrics): Two columns of numbers placed side by side to contrast before and after results. Use it to show the lift your product delivers over the old way.
- [Comparison Stats](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/comparison-stats): Paired figures with labels that weigh your offering against a baseline. Great for sales pages that need to make the gain feel concrete and credible.
- [Customer Testimonial](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/customer-testimonial): A quote from a customer next to the numbers their team reached with you. Use it to pair social proof with hard results on a case study page.
- [Funnel Stats](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/funnel-stats): A stepped funnel showing how many visitors move from view to signup to paid. Use it to explain conversion and where users drop off in your flow.
- [Gradient Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/gradient-grid): A grid of stat tiles washed in soft gradients for a vivid, modern look. Use it to display headline metrics when you want the section to feel premium.
- [Growth Timeline](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/growth-timeline): A vertical timeline pairing dates with the numbers you hit at each stage. Use it to chart company momentum on an about page or investor deck.
- [Horizontal With Dividers](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/horizontal-with-dividers): A single row of figures split by thin vertical dividers for a tidy summary. Use it under a hero to surface three or four headline numbers fast.
- [Impact Numbers](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/impact-numbers): Oversized counters that animate upward as the section scrolls into view. Use it to make reach, users, or revenue feel bold and immediate to readers.
- [Interactive Hover](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/interactive-hover): 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.
- [Metric Cards](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/metric-cards): Bordered cards each holding one metric, a label, and a trend note. Use it to report KPIs in a structured layout on a homepage or product page.
- [One Main With Three Follow Ups](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/one-main-with-three-follow-ups): One large headline number anchored by three smaller supporting stats. Use it to lead with your strongest figure and back it with related proof.
- [Progress Bars](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/progress-bars): Labeled bars that fill to a percentage to track adoption or completion. Use it on a status page or report to show how far each goal has come.
- [Simple 3 Cols](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/simple-3-cols): Three evenly spaced columns each with a number and a short label below. Use it for a clean, balanced stats strip on any marketing or about page.
- [Sparkline Stats](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/sparkline-stats): Stat cards that pair a current value with a tiny inline trend chart. Use it to show a number and its recent direction together on a dashboard view.
- [Stats With Icons](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/stats-with-icons): Each figure sits beside an icon that signals what the number measures. Use it to make a stats row scannable and add visual cues to every metric.
- [Timeline Stats](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/timeline-stats): Key numbers plotted along a horizontal timeline of moments and dates. Use it to tell a growth story across quarters on an about or press page.
- [Trust Indicators](https://www.shadcn-ui-blocks.com/blocks/marketing/stats/trust-indicators): A band of proof points like uptime, customers, and ratings in one row. Use it near a signup form to reassure visitors and lift their confidence.

### Subscribe

Browse 8 subscribe and newsletter blocks built for shadcn/ui. Email capture forms, opt in layouts, and signup CTAs to grow your list on any page.

- [Benefits List](https://www.shadcn-ui-blocks.com/blocks/marketing/subscribe/benefits-list): A subscribe form paired with a bulleted list of benefits and an email field. Tells visitors what they get before they sign up to your newsletter.
- [Incentive Center Aligned](https://www.shadcn-ui-blocks.com/blocks/marketing/subscribe/incentive-center-aligned): A centered signup block that offers a clear incentive above the email field. Use it to reward visitors who join your list with a discount or guide.
- [Input Style](https://www.shadcn-ui-blocks.com/blocks/marketing/subscribe/input-style): 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.
- [Newsletter Preview](https://www.shadcn-ui-blocks.com/blocks/marketing/subscribe/newsletter-preview): A signup block showing a small preview of the newsletter content beside the email field. Sets reader expectations before they subscribe to it.
- [Simple Center Aligned](https://www.shadcn-ui-blocks.com/blocks/marketing/subscribe/simple-center-aligned): A clean centered newsletter signup with a heading, short text, and email field. The reliable default for landing pages and blog footers here.
- [Simple Right Aligned](https://www.shadcn-ui-blocks.com/blocks/marketing/subscribe/simple-right-aligned): A signup block with text on the left and the email field aligned right. Fits wide sections where you want the form to balance the supporting copy.
- [Social Proof Center](https://www.shadcn-ui-blocks.com/blocks/marketing/subscribe/social-proof-center): A centered subscribe form topped with subscriber counts or avatars as social proof. Use it when trust nudges visitors to join your mailing list.
- [Split Layout](https://www.shadcn-ui-blocks.com/blocks/marketing/subscribe/split-layout): A two column subscribe block pairing an image or copy on one side with the email form on the other. Adds visual interest to a signup section.

### Team Sections

Browse 9 team section blocks for shadcn/ui. Profile grids, photos, roles, bios, and social links that introduce your people and build trust fast.

- [Alternating Sections](https://www.shadcn-ui-blocks.com/blocks/marketing/team-sections/alternating-sections): A team layout that alternates photos and bios from left to right down the page. Adds rhythm and gives room for longer profiles on an about page.
- [Masonry Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/team-sections/masonry-grid): A team showcase in a staggered masonry grid where photos vary in height. Fills the space naturally and suits a large, photo rich company roster.
- [Simple Cards](https://www.shadcn-ui-blocks.com/blocks/marketing/team-sections/simple-cards): A clean grid of team member cards, each with a photo, name, and role. The fast, tidy way to introduce a small team on an about or company page.
- [With Contact](https://www.shadcn-ui-blocks.com/blocks/marketing/team-sections/with-contact): Team cards that pair each photo and role with an email or phone link. Lets visitors reach the right person directly from your about or contact page.
- [With Filters](https://www.shadcn-ui-blocks.com/blocks/marketing/team-sections/with-filters): A team directory with category filters that sort members by department or location. Helps visitors find the right person inside a large company.
- [With Hover Cards](https://www.shadcn-ui-blocks.com/blocks/marketing/team-sections/with-hover-cards): A team grid where each photo reveals a short bio and social links on hover. Keeps the layout clean while extra detail stays one mouse move away.
- [With Large Images](https://www.shadcn-ui-blocks.com/blocks/marketing/team-sections/with-large-images): Team profiles built around big, full bleed portraits with name and role. Puts faces front and center for a bold, personal about page that feels human.
- [With Skill Badges](https://www.shadcn-ui-blocks.com/blocks/marketing/team-sections/with-skill-badges): Team cards that list each member with badges for their skills and tools. Great for agencies and studios that want to show real expertise at a glance.
- [With Testimonials](https://www.shadcn-ui-blocks.com/blocks/marketing/team-sections/with-testimonials): Team profiles paired with short quotes from each member or their clients. Adds a human voice and social proof to the about page of any company.

### Testimonials

Browse 10 testimonial section blocks for shadcn/ui. Quote cards, customer stories, star ratings, logos, and stats that build trust and prove value.

- [Base](https://www.shadcn-ui-blocks.com/blocks/marketing/testimonials/base): A clean testimonial section with a customer quote, name, role, and avatar. Drop it onto any landing page to add a trusted voice with little effort.
- [Big Image](https://www.shadcn-ui-blocks.com/blocks/marketing/testimonials/big-image): A testimonial paired with a large customer photo beside the quote. Use it when you want a single voice to carry weight and feel personal and real.
- [Cards With Stats](https://www.shadcn-ui-blocks.com/blocks/marketing/testimonials/cards-with-stats): Testimonial cards joined by a row of headline metrics like users and revenue. Pair real quotes with hard numbers to prove your product delivers.
- [Cards](https://www.shadcn-ui-blocks.com/blocks/marketing/testimonials/cards): A grid of testimonial cards, each holding a quote, avatar, name, and title. Show several happy customers at once to build trust across your page.
- [Customer Story Showcase](https://www.shadcn-ui-blocks.com/blocks/marketing/testimonials/customer-story-showcase): A featured customer story with a detailed quote, company logo, and result. Use it as social proof when one account speaks to your ideal buyer.
- [Mini With Dividers In Grid](https://www.shadcn-ui-blocks.com/blocks/marketing/testimonials/mini-with-dividers-in-grid): Compact testimonials arranged in a grid with thin dividers between them. Fit many short quotes into a tidy space without crowding the layout.
- [Short Review With Logo And Stars](https://www.shadcn-ui-blocks.com/blocks/marketing/testimonials/short-review-with-logo-and-stars): A brief review with a star rating and a company logo for instant credibility. Place it near a pricing table to reassure buyers before they commit.
- [Simple Center Aligned With Logo](https://www.shadcn-ui-blocks.com/blocks/marketing/testimonials/simple-center-aligned-with-logo): A single centered quote topped with a company logo and the author below. Keep focus on one strong endorsement on a calm, uncluttered section.
- [Small Image](https://www.shadcn-ui-blocks.com/blocks/marketing/testimonials/small-image): A testimonial with a small rounded avatar set beside a concise quote and name. A friendly, lightweight option for sidebars or quieter page spots.
- [With Stats](https://www.shadcn-ui-blocks.com/blocks/marketing/testimonials/with-stats): A testimonial section blended with key metrics such as customers served and ratings. Combine a quote with proof points to back your claims with data.

## Application

Free tier. 31 blocks in 7 groups. Browse: https://www.shadcn-ui-blocks.com/blocks/application

Explore 31 free Application blocks for shadcn/ui. Forms, logins, dashboards, stats, page headings, and user profiles you can drop into any product UI.

### AI Prompt

Browse 1 AI prompt blocks for shadcn/ui. Input fields, suggestion chips, and welcome screens to start a chat or assistant flow and guide first prompts.

- [Welcome Page](https://www.shadcn-ui-blocks.com/blocks/application/ai-prompt/welcome-page): A welcome screen with a centered prompt field, suggested actions, and a short intro. Greets users and invites the first message in an AI assistant.

### Application Stats

Browse 6 stats blocks for shadcn/ui. Metric cards with badges, colored icons, short descriptions, and progress bars to track dashboard numbers.

- [Simple Cards](https://www.shadcn-ui-blocks.com/blocks/application/application-stats/simple-cards): Clean metric cards that display a label and a single number set side by side. Use across a dashboard header to surface key totals at a glance.
- [With Badges](https://www.shadcn-ui-blocks.com/blocks/application/application-stats/with-badges): Stat cards pairing each number with a small badge that shows change or trend. Use to flag growth or decline next to revenue and signup totals.
- [With Colored Icons](https://www.shadcn-ui-blocks.com/blocks/application/application-stats/with-colored-icons): Metric cards that pair each figure with a tinted icon set in a colored circle. Use to make categories easy to scan on a busy analytics dashboard.
- [With Description](https://www.shadcn-ui-blocks.com/blocks/application/application-stats/with-description): Stat cards that place a short line of context under each number. Use when a raw figure needs explanation, like a comparison to the prior month.
- [With Icons](https://www.shadcn-ui-blocks.com/blocks/application/application-stats/with-icons): Metric cards with a small icon beside every value for quick recognition. Use on overview screens where users skim totals by category very fast.
- [With Progress](https://www.shadcn-ui-blocks.com/blocks/application/application-stats/with-progress): Stat cards that pair a number with a progress bar moving toward a target. Use to show goal completion for revenue, storage, or active user counts.

### Form Layouts

Build 3 form layout blocks for shadcn/ui. Stacked fields, two column grids, and dense multi step forms with labels, inputs, and actions built in.

- [Complex Form](https://www.shadcn-ui-blocks.com/blocks/application/form-layouts/complex-form): A dense form with grouped sections, multiple field types, and a sticky action bar. Use it for detailed settings, account creation, or admin record editing.
- [Stacked](https://www.shadcn-ui-blocks.com/blocks/application/form-layouts/stacked): A single column form with labels stacked above each input and a clear submit action. Ideal for short flows like sign in, contact, or quick profile edits.
- [Two Column](https://www.shadcn-ui-blocks.com/blocks/application/form-layouts/two-column): A form split into two columns of fields with a shared header and footer actions. Use it for longer profiles or billing details that fit a wider screen.

### Login

Browse 1 login page blocks for shadcn/ui. Single column forms, split screens, and social sign in layouts that authenticate users and respect their privacy.

- [Split With Image](https://www.shadcn-ui-blocks.com/blocks/application/login/split-with-image): A two panel login screen pairing a sign in form with a side image. Use it to add brand personality to authentication on web apps and dashboards.

### Page Headings

Browse 6 page heading blocks for shadcn/ui. Titles, actions, stats, tabs, steps, and search filters to top any app screen and orient your users.

- [Simple Centered](https://www.shadcn-ui-blocks.com/blocks/application/page-headings/simple-centered): A centered page title with optional description text, balanced on the screen. Use it on focused app views like settings or a single record detail.
- [With Actions](https://www.shadcn-ui-blocks.com/blocks/application/page-headings/with-actions): A page title paired with buttons on the right for primary and secondary actions. Use it atop list or detail views where users create or edit.
- [With Search Filters](https://www.shadcn-ui-blocks.com/blocks/application/page-headings/with-search-filters): A page title with a search field and filter controls sitting below it. Use it on data heavy screens so users narrow long tables and lists fast.
- [With Stats](https://www.shadcn-ui-blocks.com/blocks/application/page-headings/with-stats): A page title sitting above a row of key metrics like totals and trends. Use it on dashboards to frame the view and surface numbers at a glance.
- [With Steps](https://www.shadcn-ui-blocks.com/blocks/application/page-headings/with-steps): A page title with a numbered step indicator that shows progress. Use it across multi screen flows like onboarding, checkout, or a setup wizard.
- [With Tabs](https://www.shadcn-ui-blocks.com/blocks/application/page-headings/with-tabs): A page title with a row of tabs beneath it for switching sections. Use it on profile or settings screens that split content across many views.

### Reset Password

Browse 4 reset password blocks for shadcn/ui. OTP codes, security questions, tokens, and simple email flows so users can recover their accounts.

- [Email OTP Reset](https://www.shadcn-ui-blocks.com/blocks/application/reset-password/email-otp-reset): A reset password form that emails a one time code, then prompts users to enter the OTP digits before setting a new password. Use for secure email recovery.
- [Security Question Reset](https://www.shadcn-ui-blocks.com/blocks/application/reset-password/security-question-reset): A reset password form that verifies identity with a saved security question and answer before allowing a new password. Use as a passwordless recovery path.
- [Simple Reset](https://www.shadcn-ui-blocks.com/blocks/application/reset-password/simple-reset): A clean reset password form with new password and confirm fields plus a submit button. Use on the final step after a user clicks a recovery link.
- [Token Reset](https://www.shadcn-ui-blocks.com/blocks/application/reset-password/token-reset): A reset password form that reads a token from the recovery link, confirms it, then collects a new password. Use to complete a tokened email reset flow.

### User Profiles

Browse 10 user profile blocks for shadcn/ui. Account headers, settings panels, billing, permissions, and team views you can copy, paste, and ship.

- [Billing](https://www.shadcn-ui-blocks.com/blocks/application/user-profiles/billing): A profile billing view with current plan, payment method, invoice history, and an upgrade prompt. Use it where members manage subscriptions and receipts.
- [Compact List](https://www.shadcn-ui-blocks.com/blocks/application/user-profiles/compact-list): A dense list of user profiles with avatar, name, role, and quick actions per row. Fits admin tables and directories where space stays tight.
- [Developer](https://www.shadcn-ui-blocks.com/blocks/application/user-profiles/developer): A developer profile with API keys, access tokens, connected apps, and usage notes. Use it on settings pages where engineers manage their integrations.
- [Onboarding](https://www.shadcn-ui-blocks.com/blocks/application/user-profiles/onboarding): A guided profile setup with steps for avatar, name, and preferences. Use it right after signup to help new users finish their account quickly.
- [Permissions](https://www.shadcn-ui-blocks.com/blocks/application/user-profiles/permissions): A profile permissions panel listing roles and toggles for what a member can view or edit. Use it where admins grant access across an application.
- [Security Logs](https://www.shadcn-ui-blocks.com/blocks/application/user-profiles/security-logs): A profile security view showing recent sign ins, devices, locations, and times. Use it so members can spot odd activity and protect their account.
- [Simple](https://www.shadcn-ui-blocks.com/blocks/application/user-profiles/simple): A clean profile card with avatar, name, bio, and a few key details. Use it for a focused account summary on dashboards or member directory pages.
- [Tabbed](https://www.shadcn-ui-blocks.com/blocks/application/user-profiles/tabbed): A profile layout split into tabs for account, security, and notifications. Use it to organize many settings without crowding a single long page.
- [Team Grid](https://www.shadcn-ui-blocks.com/blocks/application/user-profiles/team-grid): A grid of teammate profiles with photos, titles, and contact buttons. Use it on an about page or internal directory to introduce the whole team.
- [With Stats](https://www.shadcn-ui-blocks.com/blocks/application/user-profiles/with-stats): A profile header paired with metrics like followers, posts, and reputation. Use it on social or community pages to show a member at a glance.

## Ecommerce

Free tier. 92 blocks in 13 groups. Browse: https://www.shadcn-ui-blocks.com/blocks/ecommerce

Shop 92 free Ecommerce blocks for shadcn/ui. Product features, lists, carts, reviews, upsells, and trust sections built to convert and ready to ship.

### Category Filters

Browse 3 category filter blocks for shadcn/ui. Sidebars, drawers, and toolbars with checkboxes, price ranges, and toggles to narrow product results fast.

- [Filter Demo](https://www.shadcn-ui-blocks.com/blocks/ecommerce/category-filters/filter-demo): A sidebar of category filters with checkboxes, price sliders, and color swatches beside a product grid. Refines large catalogs on a shop listing page.
- [Filter Drawer](https://www.shadcn-ui-blocks.com/blocks/ecommerce/category-filters/filter-drawer): A slide in drawer holding category, price, and rating filters for small screens. Keeps the product grid full width until shoppers tap to refine on mobile.
- [Horizontal Filters](https://www.shadcn-ui-blocks.com/blocks/ecommerce/category-filters/horizontal-filters): A row of filter dropdowns and chips sitting above the product grid. Lets shoppers narrow by category, price, and brand without giving up vertical space.

### Category Preview

Browse 7 category preview blocks for shadcn/ui. Carousels, grids, split layouts, and magazine styles that send shoppers into the right collection.

- [Carousel Preview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/category-preview/carousel-preview): A category preview that slides products through a horizontal carousel, letting shoppers swipe across a collection without leaving the page on mobile.
- [Expandable Preview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/category-preview/expandable-preview): A category preview where each tile expands to reveal more products on click, keeping the storefront tidy while shoppers dig into one collection at a time.
- [Grid Preview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/category-preview/grid-preview): A category preview arranging collections in an even grid of image tiles, giving a clean overview of every department on a busy ecommerce home page.
- [Magazine Preview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/category-preview/magazine-preview): A category preview styled like a magazine spread, mixing large feature tiles with smaller ones to spotlight seasonal collections on a storefront landing page.
- [Scrolling Preview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/category-preview/scrolling-preview): A category preview that scrolls product cards in a continuous strip, ideal for showing many items while keeping a compact footprint on a collection page.
- [Split Preview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/category-preview/split-preview): A category preview split between a featured image and a product list, pairing a strong visual with quick picks at the top of a collection page.
- [Three Column Preview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/category-preview/three-column-preview): A category preview laid out in three balanced columns of image tiles, sorting collections into clear groups for a wide ecommerce navigation page.

### Bundle Upsells

Browse 5 bundle upsell blocks for shadcn/ui. Builders, comparisons, grids, and stacked offers that raise cart value and boost average order size.

- [Builder](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-bundle-upsells/builder): A bundle builder where shoppers pick add on products and watch the total update live. Use it on product pages to grow order value before checkout.
- [Comparison](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-bundle-upsells/comparison): A side view comparing a single item against a bundle, with prices and savings shown. Use it to nudge shoppers toward the better value package.
- [Minimalist Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-bundle-upsells/minimalist-grid): A clean grid of bundle products with images, names, and prices in even cells. Use it to present a curated set of items shoppers add together in one tap.
- [Side By Side](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-bundle-upsells/side-by-side): Two product cards placed next to each other with a plus sign and combined price. Use it to pair complementary items and lift the average order total.
- [Stack](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-bundle-upsells/stack): A vertical stack of bundle items with running totals and one add to cart action. Use it on mobile product pages to offer matching extras as shoppers scroll.

### Cross Sells

Browse 5 cross sell blocks for shadcn/ui. Grids, stacked lists, ratings, and badges that surface related products and lift average order value.

- [Feature Icons](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-cross-sells/feature-icons): Recommended products laid out with an icon, short benefit, and price for each item. Highlights why shoppers should add a related pick to the cart.
- [Simple Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-cross-sells/simple-grid): A clean grid of related products with image, title, and price per card. Drops below the cart or product page to suggest items shoppers may want.
- [Stacked List](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-cross-sells/stacked-list): Suggested products in a vertical stacked list with thumbnail, name, and price. Fits a narrow sidebar or cart drawer to keep cross sells visible.
- [With Badges](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-cross-sells/with-badges): Related products in a card grid where each item carries a badge for sale, new, or low stock. Adds urgency to nudge shoppers toward another buy.
- [With Ratings](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-cross-sells/with-ratings): Recommended products shown with star ratings and review counts beside each price. Uses social proof to push complementary items into the cart.

### Customer Reviews

Browse 6 customer review blocks for shadcn/ui. Rating summaries, review cards, comparisons, and social proof to build trust and lift conversions.

- [Base](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-customer-reviews/base): A starter customer review layout with star ratings, reviewer names, and comment text. Drop it onto a product page to show real shopper feedback fast.
- [Compact Review List](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-customer-reviews/compact-review-list): A tight vertical list of reviews with star ratings and short quotes. Fits narrow sidebars or product pages where space for feedback is limited.
- [Review Cards Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-customer-reviews/review-cards-grid): A grid of review cards showing star ratings, avatars, and short quotes. Use it to display many customer opinions at once on a product detail page.
- [Review Comparison](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-customer-reviews/review-comparison): A side by side view of the highest and lowest rated reviews so shoppers weigh pros and cons. Helps buyers decide quickly on a product detail page.
- [Review Stats Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-customer-reviews/review-stats-overview): A summary panel with average rating, total count, and a bar chart by star level. Gives shoppers a quick read on overall product quality up front.
- [Social Proof Reviews](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-customer-reviews/social-proof-reviews): Featured customer quotes paired with ratings and verified buyer badges. Builds confidence near the buy button to encourage shoppers to checkout.

### Footers

Browse 5 ecommerce footer blocks for shadcn/ui. Link columns, newsletter signups, payment badges, and social icons to close out any storefront.

- [Multi Column](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-footers/muti-column): A footer with several columns of grouped links for shop, support, company, and legal. Organizes a large storefront so customers find any page fast.
- [Simple Links](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-footers/simple-links): A compact footer with a single row of essential links and a copyright line. Keeps the bottom of a small store clean, tidy, and quick to scan for shoppers.
- [With Newsletter](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-footers/with-newsletter): A footer pairing link columns with an email signup field and button. Captures subscribers for promotions and offers while customers browse your store.
- [With Payments](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-footers/with-payments): A footer that displays accepted card and wallet badges beside the usual store links. Reassures shoppers about secure checkout right before they buy.
- [With Socials](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-footers/with-socials): A footer with link columns plus a row of social media icons. Connects shoppers to your brand on Instagram, X, and other channels they already follow.

### Shipping Returns

Browse 5 shipping and returns blocks for shadcn/ui. Accordions, checklists, and icon layouts that explain delivery, costs, and refund policies clearly.

- [Accordion](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-shipping-returns/accordion): An accordion that collapses shipping and returns details into expandable rows. Keeps long policy text tidy on a product page until shoppers tap to read.
- [Checklist](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-shipping-returns/checklist): A checklist that lays out shipping steps and return conditions as ticked items. Helps buyers confirm eligibility before they start a refund request.
- [Full Text](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-shipping-returns/full-text): A full text panel covering delivery times, costs, and the returns process in plain prose. Use on a dedicated policy page where shoppers expect complete detail.
- [Split Columns](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-shipping-returns/split-columns): A split column layout that places shipping on one side and returns on the other. Lets customers compare delivery and refund terms in one quick glance.
- [With Icons](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-shipping-returns/with-icons): An icons layout pairing each shipping and returns point with a small symbol. Makes delivery speed, free returns, and refund windows scannable at a glance.

### Trust Guarantee

Browse 5 trust and guarantee blocks for shadcn/ui. Badges, checklists, quotes, and pillars that reassure shoppers and reduce hesitation at checkout.

- [Badge Row](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-trust-guarantee/badge-row): A horizontal row of trust badges showing secure payment, returns, and warranty icons. Place under an add to cart button to calm buyer worry.
- [Checklist](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-trust-guarantee/checklist): 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.
- [Highlighted Quote](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-trust-guarantee/highlighted-quote): A large pull quote with author name and star rating that features a happy customer. Drop it near pricing to back your claims with real social proof.
- [Icon List](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-trust-guarantee/icon-list): A compact list pairing small icons with guarantee statements like free shipping and easy returns. Fits neatly in a sidebar or below the buy section.
- [Three Pillars](https://www.shadcn-ui-blocks.com/blocks/ecommerce/ecommerce-trust-guarantee/three-pillars): Three equal columns, each with an icon, heading, and a line on quality, security, and support. Builds buyer confidence across the full storefront.

### Product Features

Browse 19 product feature blocks for shadcn/ui. Grids, tabs, carousels, timelines, and comparisons that explain what a product does and why it sells.

- [3D Feature Carousel](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/3d-feature-carousel): A rotating carousel that shows product features on 3D cards with depth and motion. Great for highlighting a few standout capabilities on a landing page.
- [Alternating Features](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/alternating-features): Stacked rows that flip image and text from left to right as you scroll. Walks shoppers through key product benefits one clear section at a time.
- [Animated Features Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/animated-features-grid): A grid of feature cards with icons and motion that triggers as cards enter view. Adds life to a benefits section without burying the message.
- [Before After Comparison](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/before-after-comparison): A slider that wipes between two product images so buyers see the difference at a glance. Ideal for skincare, editing tools, or cleaning results.
- [Carousel Feature Showcase](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/carousel-feature-showcase): A swipeable carousel that steps through product features with image and copy per slide. Fits compact pages where space for many cards is tight.
- [Expandable Features Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/expandable-features-grid): A grid of feature cards that open to reveal more detail on click. Keeps the overview tidy while letting curious shoppers dig into the specifics.
- [Feature Accordion](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/feature-accordion): Stacked panels that expand one feature at a time so each gets full focus. A clean way to present detailed product benefits without a wall of text.
- [Feature Comparison Table](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/feature-comparison-table): A table that lines up features across plans or models with clear check marks. Helps shoppers weigh every option and pick the right product fast.
- [Feature Tabs Navigation](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/feature-tabs-navigation): Tabbed sections that swap feature content as buyers click each label. Organizes a deep feature set into bite sized views on one tidy single panel.
- [Feature Timeline](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/feature-timeline): A vertical timeline that walks through product features in sequence. Useful for showing a setup flow or how capabilities build on each other.
- [Features Testimonial Combo](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/features-testimonial-combo): A layout that pairs product features with a customer quote beside them. Backs each benefit claim with real proof to win hesitant buyers over.
- [Horizontal Scrolling Features](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/horizontal-scrolling-features): A row of feature panels that scroll sideways as the page moves. Shows many product capabilities in a compact, playful strip that invites swiping.
- [Image Hotspot Features](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/image-hotspot-features): A product image dotted with clickable hotspots that reveal each feature in place. Perfect for showing exactly where a capability lives on the item.
- [Interactive Feature Tabs](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/interactive-feature-tabs): Tabs paired with a live preview that updates as buyers select a feature. Lets shoppers explore what each capability looks like before they buy.
- [Simple Feature Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/simple-feature-grid): A clean grid of feature cards with an icon, title, and short blurb each. The reliable choice for listing core product benefits at a quick glance.
- [Split Image Features](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/split-image-features): A two column section with a product photo on one side and feature copy on the other. Balances visual and text to sell a single hero capability.
- [Stats Feature Showcase](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/stats-feature-showcase): A section that pairs product features with hard numbers and metrics. Use it when figures like speed or savings make the strongest case to buy.
- [Timeline Feature Showcase](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/timeline-feature-showcase): A timeline that reveals product features step by step as buyers scroll. Good for guiding readers through a journey from first use to results.
- [Video Feature Showcase](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-features/video-feature-showcase): A section that pairs an embedded product video with supporting feature copy. Shows the item in action when motion sells better than a still.

### Product List

Browse 9 product list blocks for shadcn/ui. Grids, tables, galleries, filters, and comparisons to display catalogs and help shoppers choose.

- [Compact List](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-list/compact-list): A dense list packing each product into a slim row with thumbnail, name, and price. Fits long catalogs and search results where space is tight.
- [Comparison List](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-list/comparison-list): A side by side list lining up products with specs, prices, and features in columns. Helps shoppers weigh options before they commit to a purchase.
- [Featured List](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-list/featured-list): A list spotlighting select products with large imagery, descriptions, and prices. Highlights bestsellers or promotions on a storefront landing page.
- [Filter List](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-list/filter-list): A product list paired with category, price, and attribute filters in a sidebar. Lets shoppers narrow large catalogs and find the right item fast.
- [Gallery List](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-list/gallery-list): An image first list showing products as large photo cards with name and price. Suits visual categories like fashion, home decor, and art prints.
- [Grid List](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-list/grid-list): A responsive grid of product cards with images, titles, prices, and buttons. The standard catalog layout for category and search pages in a store.
- [Masonry List](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-list/masonry-list): A masonry grid fitting product cards of varying heights into tight columns. Works well for mixed imagery in lookbooks and curated collections.
- [Table List](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-list/table-list): A table listing products in rows with columns for image, name, stock, and price. Ideal for dashboards, admin catalogs, and bulk inventory views.
- [Timeline List](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-list/timeline-list): A vertical timeline arranging products or drops by date with images and prices. Good for release schedules, new arrivals, and limited editions.

### Product Overview

Browse 6 product overview blocks for shadcn/ui. Image galleries, pricing, variant pickers, and add to cart controls to sell any product page.

- [Classic Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-overview/classic-overview): A classic product page with a large image on the left, title, price, variant options, and add to cart on the right. Familiar layout shoppers expect.
- [Compact Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-overview/compact-overview): A tight product layout that fits the image, price, options, and buy button above the fold. Built for small screens and quick mobile purchases.
- [Gallery Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-overview/gallery-overview): A product page led by a multi image gallery with thumbnails beside the details. Lets shoppers study every angle before they add the item to cart.
- [Immersive Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-overview/immersive-overview): A full bleed product page with edge to edge imagery, floating details, and a sticky buy bar. Best for premium goods that sell on visual impact.
- [Minimal Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-overview/minimal-overview): A pared back product page with one clean image, title, price, and a single buy button. Keeps focus on the item for simple, low clutter catalogs.
- [Modern Overview](https://www.shadcn-ui-blocks.com/blocks/ecommerce/product-overview/modern-overview): A contemporary product page mixing a bold image grid, accent typography, and clear pricing. Suits fashion and lifestyle brands that want a fresh look.

### Promo Sections

Browse 11 promo section blocks for shadcn/ui. Banners, countdowns, image splits, and offer grids to announce sales and move shoppers to buy.

- [Centered Icon Promo](https://www.shadcn-ui-blocks.com/blocks/ecommerce/promo-sections/centered-icon-promo): A centered promo with an icon, headline, and supporting copy. Highlights a single offer or shipping perk in the middle of a store landing page.
- [Centered Image Grid](https://www.shadcn-ui-blocks.com/blocks/ecommerce/promo-sections/centered-image-grid): A centered promo paired with a tidy grid of product images. Showcases a curated collection or a seasonal lineup right on your shop homepage.
- [Centered Simple Promo](https://www.shadcn-ui-blocks.com/blocks/ecommerce/promo-sections/centered-simple-promo): A clean centered promo with a headline, short message, and button. Drop it onto any store page to push a sale, a discount code, or a new arrival.
- [Countdown Timer Promo](https://www.shadcn-ui-blocks.com/blocks/ecommerce/promo-sections/countdown-timer-promo): A promo block with a live countdown timer, headline, and call to action. Builds urgency around flash sales and limited time offers that expire soon.
- [Fading Background Testimonial](https://www.shadcn-ui-blocks.com/blocks/ecommerce/promo-sections/fading-background-testimonial): A testimonial promo with a soft fading background and a customer quote. Builds trust on a product page while reinforcing the offer you are running.
- [Full Width Large Content](https://www.shadcn-ui-blocks.com/blocks/ecommerce/promo-sections/full-width-large-content): A full width promo with oversized type and a clear button. Commands attention across the whole page for a headline campaign or a seasonal launch.
- [Image Aside](https://www.shadcn-ui-blocks.com/blocks/ecommerce/promo-sections/image-aside): A promo with copy on one side and a product image alongside it. Pairs your offer with a visual so shoppers see exactly what is on sale right now.
- [Large Image Split](https://www.shadcn-ui-blocks.com/blocks/ecommerce/promo-sections/large-image-split): A split promo with a large image filling one half and an offer on the other. Frames a hero product next to a discount and a clear, single button.
- [Multi Column Cards](https://www.shadcn-ui-blocks.com/blocks/ecommerce/promo-sections/multi-column-cards): A promo arranged as several cards in columns, each holding its own offer. Presents multiple deals or categories side by side on one store page.
- [Simple Banner](https://www.shadcn-ui-blocks.com/blocks/ecommerce/promo-sections/simple-banner): A slim promo banner with a short message and a link. Sits at the top of a store to announce free shipping, a running sale, or a fresh discount code.
- [Split Offers](https://www.shadcn-ui-blocks.com/blocks/ecommerce/promo-sections/split-offers): A promo split into two panels, each holding a separate offer and button. Lets shoppers pick between two competing deals within one store section.

### Shopping Cart

Browse 6 shopping cart blocks for shadcn/ui. Drawers, sidebars, and full pages with item lists, quantity controls, and totals to drive checkout.

- [Compact Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce/shopping-cart/compact-cart): A condensed cart panel listing items, quantities, and a running total in tight space. Fits a header dropdown or a narrow column without crowding the layout.
- [Floating Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce/shopping-cart/floating-cart): A cart that floats over the page as a small overlay, showing added items and a subtotal. Lets shoppers review picks without leaving the product they browse.
- [Mini Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce/shopping-cart/mini-cart): A small summary cart with thumbnails, prices, and a checkout button. Pops from a cart icon so shoppers confirm contents fast before moving on to pay.
- [Modern Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce/shopping-cart/modern-cart): A clean cart layout with product images, quantity steppers, and an order summary. Suits a full cart page where shoppers review items before checkout.
- [Sidebar Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce/shopping-cart/sidebar-cart): A cart that slides in from the side as a panel over the page, listing items and totals. Keeps shopping in view while customers adjust quantities and pay.
- [Sticky Cart](https://www.shadcn-ui-blocks.com/blocks/ecommerce/shopping-cart/sticky-cart): A cart summary pinned to the side as you scroll, holding items, totals, and a checkout button. Keeps payment in reach on long product and listing pages.

## Portfolio

Free tier. 100 blocks in 20 groups. Browse: https://www.shadcn-ui-blocks.com/blocks/portfolio

Discover 100 free Portfolio blocks for shadcn/ui. About, skills, case studies, services, hero showcases, and contact sections for personal and studio sites.

### About And Skills

Browse 5 about and skills blocks for shadcn/ui. Bios, skill grids, timelines, education, and resume links to introduce yourself and prove your work.

- [About Me](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-about-and-skills/about-me): An about section pairing a portrait with a short bio, role, and contact links. Tells visitors who you are and why they should hire you on a portfolio page.
- [Education Certifications](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-about-and-skills/education-certifications): A list of degrees, courses, and certifications with issuer, date, and credential. Shows formal training and qualifications on a portfolio or resume page.
- [Resume Download](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-about-and-skills/resume-download): A compact call to action with a download button and file details for your CV. Lets recruiters grab your resume in one click from a portfolio page.
- [Skills Display](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-about-and-skills/skills-display): A grid of skill badges grouped by area with optional proficiency levels. Summarizes the tools and languages you know across a portfolio about page.
- [Timeline Category Skills](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-about-and-skills/timeline-category-skills): A vertical timeline of roles and projects with skills tagged per entry. Maps your career history and the abilities you used at each step you took.

### Awards And Recognition

Browse 5 awards and recognition blocks built for shadcn/ui. Timelines, badge grids, and highlights to showcase honors across any portfolio page.

- [Awards Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-awards-and-recognition/awards-timeline): A vertical timeline listing awards by year with titles and issuers. Use it to walk visitors through your honors in chronological order on a profile.
- [Badge Or Icon Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-awards-and-recognition/badge-or-icon-grid): A responsive grid of award badges or icons with short captions. Displays many certifications and honors at a glance on a portfolio about page.
- [Carousel Of Certifications](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-awards-and-recognition/carousel-of-certifications): A sliding carousel that cycles through certification logos and details. Fits a long list of credentials into a compact, scrollable strip here.
- [Featured Award Highlight](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-awards-and-recognition/featured-award-highlight): A spotlight block centered on a single major award with its name, year, and a short note. Use it to lead with your most impressive recognition.
- [Quote Award Combo](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-awards-and-recognition/quote-award-combo): A block pairing a testimonial quote with an award badge side by side. Combines praise and recognition to build credibility on a portfolio page.

### Blog Writing And Previews

Browse 5 blog and writing preview blocks built for shadcn/ui. Card grids, carousels, and clean lists to surface articles across any portfolio page.

- [Featured Article List](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-blog-writing-and-previews/featured-article-list): A list that leads with one large featured article followed by smaller entries. Use it to spotlight your best post while listing recent writing.
- [Grid Blog Cards](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-blog-writing-and-previews/grid-blog-cards): A responsive grid of blog cards with cover image, title, and excerpt. The standard layout for browsing many articles on a writing index page.
- [Horizontal Blog Carousel](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-blog-writing-and-previews/horizontal-blog-carousel): A horizontal carousel of blog cards that scrolls sideways. Use it to preview recent posts in a tidy row without taking up much vertical space.
- [Masonry Layout Articles](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-blog-writing-and-previews/masonry-layout-articles): A masonry grid of article cards with varied heights for a dynamic feel. Fits posts that mix tall images with short text on a writing showcase.
- [Minimal List Dates](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-blog-writing-and-previews/minimal-list-dates): A plain text list of post titles with publish dates beside each one. Use it when you want a fast, distraction free archive of all your writing.

### Case Studies

Browse 5 case study blocks built for shadcn/ui. Grids, timelines, and visual layouts to present client work and real outcomes on any portfolio page.

- [Accordion Expandable Case Studies](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-case-studies/accordion-expandable-case-studies): An accordion that expands each case study to reveal the full story. Use it to list many projects while keeping the page compact until one is tapped.
- [Grid Case Study Previews](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-case-studies/grid-case-study-previews): A responsive grid of case study cards with thumbnail, title, and summary. The go to layout for browsing a portfolio of client projects at once.
- [Large Visual Focus Case Study](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-case-studies/large-visual-focus-case-study): A case study block built around one large hero image with supporting copy. Use it when the visual result of the project tells the story best.
- [Side By Side Image Story](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-case-studies/side-by-side-image-story): A two column block placing a project image beside its written story. Pairs visuals and narrative to walk readers through a single case study.
- [Timeline Style Case Study](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-case-studies/timeline-style-case-study): A timeline that maps a project across stages from the first brief to outcome. Use it to show your process and results step by step in one case study.

### Contact Sections

Browse 5 contact section blocks for shadcn/ui. Forms, maps, social links, and split layouts so visitors can reach you from any portfolio page.

- [Classic Contact Form](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-contact-sections/classic-contact-form): 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.
- [Map With Contact Info](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-contact-sections/map-with-contact-info): Pairs an embedded location map with address, phone, and email details. Use it when clients need to find your studio or office alongside ways to reach you.
- [Minimal Form With Social](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-contact-sections/minimal-form-with-social): A compact contact form sitting beside a row of social media icons. Fits portfolios that want one simple message field and links to your other profiles.
- [Popup Trigger Contact](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-contact-sections/popup-trigger-contact): A button that opens the contact form in a modal dialog, keeping the page clean. Good for portfolios where you want the form hidden until a visitor asks.
- [Split Layout](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-contact-sections/split-layout): A two column section with intro copy on one side and the contact form on the other. Balances a personal message with a clear path to get in touch.

### Core Services Overview

Browse 5 core services overview blocks for shadcn/ui. Accordions, icon lists, numbered steps, card grids, and split layouts to present what you offer.

- [Accordion Services](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-core-services-overview/accordion-services): An accordion that lists each service as an expandable row with a short summary and details inside. Keeps a long offering compact and easy to scan.
- [Icon List Overview](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-core-services-overview/icon-list-overview): A list of services where each row pairs an icon with a title and one line of supporting text. Communicates your capabilities at a quick glance.
- [Numbered Process Style Services](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-core-services-overview/numbered-process-style-services): A numbered sequence that frames your services as ordered steps with titles and notes. Shows clients how you work and what to expect at each stage.
- [Service Cards Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-core-services-overview/service-cards-grid): A responsive grid of service cards, each with an icon, heading, and short description. Lays out everything you offer in a tidy, balanced overview.
- [Split Layout Feature](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-core-services-overview/split-layout-feature): A split section pairing a single highlighted service with an image on one side and explanatory copy on the other. Spotlights your headline offering.

### CTA Banner

Browse 5 CTA banner blocks for shadcn/ui. Full width, inline, sticky, and photo led layouts to prompt the next step anywhere on a portfolio.

- [Full Width Bold Banner](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-cta-banner/full-width-bold-banner): A wide banner with a large heading and a single prominent button. Use it to span the page and push visitors toward hiring you or booking a call.
- [Inline CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-cta-banner/inline-cta): A slim call to action that sits within page content, pairing one line of copy with a button. Place it between sections to nudge readers without interrupting.
- [Personal Photo CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-cta-banner/personal-photo-cta): A banner combining your portrait with a short pitch and a button. Adds a human face to the ask, ideal for freelancers inviting visitors to connect.
- [Split CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-cta-banner/split-cta): A two column banner with a message on one side and the action button on the other. Keeps the copy and the click target distinct and easy to scan.
- [Sticky CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-cta-banner/sticky-cta): A banner that stays fixed as the visitor scrolls, keeping a button always in view. Useful for long portfolio pages where the offer should stay reachable.

### Email Signup And Newsletter

Browse 5 email signup and newsletter blocks for shadcn/ui. Card, inline, popup, footer, and split layouts to grow a list from any portfolio page.

- [Card Style Signup](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-email-signup-and-newsletter/card-style-signup): A bordered card holding a headline, short pitch, and email field. Use it as a standalone callout inviting visitors to join your mailing list.
- [Footer Integrated Signup](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-email-signup-and-newsletter/footer-integrated-signup): An email field built into the site footer beside links and details. Captures subscribers at the bottom of every page without a dedicated section.
- [Popup Signup Form](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-email-signup-and-newsletter/popup-signup-form): A modal that surfaces an email field over the page, often on exit or after a delay. Use it to catch visitors before they leave your portfolio.
- [Simple Inline Form](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-email-signup-and-newsletter/simple-inline-form): A single row with an email input and a subscribe button. Slots into any section when you want a quick, low friction way to gather addresses.
- [Split Section Signup](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-email-signup-and-newsletter/split-section-signup): A two column section with descriptive copy beside the signup form. Explains what subscribers get while keeping the email field clearly in view.

### Event Speaking And Workshops

Browse 5 event, speaking, and workshop blocks for shadcn/ui. Event grids, featured talks, timelines, and video embeds to show off your stage work.

- [Event Cards Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-event-speaking-and-workshops/event-cards-grid): A grid of cards listing talks and workshops with their title, date, and venue. Use it to present many speaking appearances in one scannable layout.
- [Featured Talk Highlight](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-event-speaking-and-workshops/featured-talk-highlight): A bold featured talk layout pairing a large title with imagery and key facts. Draws extra attention to your most notable conference appearance.
- [Featured Talk](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-event-speaking-and-workshops/featured-talk): A spotlight section for one talk with its title, summary, and event details. Highlights a signature presentation at the top of a speaking page.
- [Timeline Speaking Engagements](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-event-speaking-and-workshops/timeline-speaking-engagements): A vertical timeline charting talks and workshops in date order. Use it to show how your speaking history has grown across many events over time.
- [Video Recording Embed](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-event-speaking-and-workshops/video-recording-embed): A section embedding a recorded talk video alongside its title and context. Lets visitors watch you present without ever leaving your portfolio.

### Featured Work Highlights

Browse 5 featured work blocks for shadcn/ui. Showcase standout projects with carousels, hover reveals, split layouts, and stacked highlight cards.

- [Carousel Of Featured Projects](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-featured-work-highlights/carousel-of-featured-projects): A carousel that slides through featured projects one at a time, each with a cover image and title. Use it to spotlight your best work on a portfolio home page.
- [Interactive Hover Reveal](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-featured-work-highlights/interactive-hover-reveal): 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.
- [Large Hero Project Display](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-featured-work-highlights/large-hero-project-display): A full width hero that frames one flagship project with a big image, title, and short summary. Use it to open a case study or anchor a portfolio.
- [Split Image And Details Layout](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-featured-work-highlights/split-image-and-details-layout): A two column layout pairing a project screenshot with details and a link beside it. Use it to present featured work with room for context and notes.
- [Stacked Highlight Cards](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-featured-work-highlights/stacked-highlight-cards): A vertical stack of project cards, each holding an image, title, and tags. Use it to walk visitors through selected highlights in a clear reading order.

### Hero Showcases

Browse 5 portfolio hero blocks for shadcn/ui. Open your page with carousels, floating visuals, full screen centers, split layouts, and clear calls to action.

- [Carousel Slider](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-hero-showcases/carousel-slider): A hero with a sliding carousel of images behind a headline and short intro. Use it to cycle through signature work the moment a portfolio loads.
- [Floating Elements](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-hero-showcases/floating-elements): A hero with floating shapes and images drifting around a centered headline. Use it to add motion and personality to a creative portfolio landing.
- [Full Screen Centered](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-hero-showcases/full-screen-centered): A full screen hero with a centered name, role, and tagline over a clean background. Use it to make a strong first statement on a personal site.
- [Minimalist CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-hero-showcases/minimalist-cta): A spare hero with a short headline and one prominent call to action button. Use it when you want visitors to reach your work or contact fast.
- [Split Layout](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-hero-showcases/split-layout): A hero split into a text column and an image column side by side. Use it to pair an introduction with a portrait or featured shot at the top of a page.

### Mission And Values

Browse 5 mission and values blocks for shadcn/ui. Share what you stand for with value grids, quote combos, story narratives, pillars, and step timelines.

- [Grid Of Core Values](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-mission-and-values/grid-of-core-values): A grid of cards, each naming one core value with an icon and a short line of detail. Use it to lay out the principles behind your work at a glance.
- [Quote Values Combo](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-mission-and-values/quote-values-combo): A layout that pairs a featured quote with a list of supporting values beside it. Use it to ground your mission in a memorable statement and proof.
- [Story First Narrative](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-mission-and-values/story-first-narrative): A reading focused section that tells your origin story in flowing paragraphs. Use it to explain how a studio or person came to be and what drives it.
- [Three Pillars Layout](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-mission-and-values/three-pillars-layout): Three equal columns, each presenting one guiding pillar with a heading and text. Use it to summarize the ideas your practice is built around.
- [Vertical Step Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-mission-and-values/vertical-step-timeline): 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.

### Process And Approach

Browse 5 process and approach blocks for shadcn/ui. Explain how you work with cycle diagrams, steppers, principle lists, stacked cards, and timelines.

- [Cycle Diagram](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-process-and-approach/cycle-diagram): A circular diagram showing the stages of your process as a repeating loop. Use it to convey an iterative way of working where steps feed back in.
- [Horizontal Stepper](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-process-and-approach/horizontal-stepper): A horizontal row of numbered steps that lead the eye from start to finish. Use it to lay out a linear workflow across a single line on the page.
- [Process Principles](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-process-and-approach/process-principles): A section that lists the principles guiding how you tackle each project. Use it to state the beliefs behind your method alongside short explanations.
- [Stacked Cards](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-process-and-approach/stacked-cards): A vertical stack of cards, each describing one phase of your process in turn. Use it to walk a client through how an engagement unfolds step by step.
- [Vertical Timeline](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-process-and-approach/vertical-timeline): 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.

### Project Displays

Browse 5 project display blocks for shadcn/ui. Present your work with filterable grids, standard grids, zigzag rows, stat cards, and stacked quotes.

- [Filterable Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-project-displays/filterable-grid): A project grid with category filters across the top so visitors narrow results by tag or type. Use it when a portfolio holds varied work across many fields.
- [Quote Stack](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-project-displays/quote-stack): A vertical stack of client quotes paired with project names and roles. Use it to weave testimonials into a project page and back up your results with words.
- [Standard Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-project-displays/standard-grid): An even grid of project cards, each with a cover image, title, and short caption. Use it as the main index for browsing a portfolio at a glance.
- [Stats Cards](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-project-displays/stats-cards): A row of cards calling out key numbers like projects shipped, clients, and years active. Use it to quantify your track record near the top of a portfolio.
- [Zigzag Layout](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-project-displays/zigzag-layout): Alternating rows that flip image and text side to side down the page. Use it to give each project room to breathe with a clear narrative flow.

### Quote And Feedback

Browse 5 quote and feedback blocks for shadcn/ui. Show client praise with single highlights, quote grids, scrollable carousels, and project context.

- [Base](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-quote-and-feedback/base): A clean quote block with the testimonial text, author name, and role. Use it as a simple starting point to add one piece of client feedback to any page.
- [Grid Of Quotes](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-quote-and-feedback/grid-of-quotes): A grid that arranges several short client quotes side by side with names and roles. Use it to gather feedback from many clients in one compact section.
- [Quote With Project Context](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-quote-and-feedback/quote-with-project-context): A testimonial paired with the project it refers to, including a thumbnail and link. Use it to tie praise directly to the work that earned it on a case study.
- [Scrollable Quote Carousel](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-quote-and-feedback/scrollable-quote-carousel): A carousel that slides through client quotes one at a time with author details. Use it to rotate testimonials without crowding a portfolio page.
- [Single Quote Highlight](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-quote-and-feedback/single-quote-highlight): A large single quote set in generous space with the author name and title. Use it to feature one standout endorsement and let it carry real weight.

### Resource Download Sections

Browse 5 resource download blocks for shadcn/ui. Offer guides and files with featured cards, gated forms, inline callouts, lists, and grids.

- [Featured Resource Card](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-resource-download-sections/featured-resource-card): A prominent card spotlighting one downloadable resource with a cover, summary, and button. Use it to push a flagship guide or template to visitors.
- [Gated Download](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-resource-download-sections/gated-download): A download offer behind a short email form so visitors trade contact details for the file. Use it to capture leads while sharing a guide or kit.
- [Inline Resource Callout](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-resource-download-sections/inline-resource-callout): A compact callout that slots into running text to point readers at a related file. Use it to surface a download right where it stays relevant.
- [Minimalist Resource List](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-resource-download-sections/minimalist-resource-list): A plain vertical list of resources, each a title and a download link. Use it when you want a quiet, fast index of files with no extra clutter.
- [Resources Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-resource-download-sections/resources-grid): A grid of resource cards, each with an icon, title, and download action. Use it to present a full library of guides and templates in one tidy section.

### Resume And Downloads

Browse 5 resume and download blocks for shadcn/ui. Share your CV and files with icon grids, combo offers, bio CTAs, buttons, and split layouts.

- [Branded Document Icons Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-resume-and-downloads/branded-document-icons-grid): 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.
- [Resume Cover Letter Combo](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-resume-and-downloads/resume-cover-letter-combo): A paired offer that lets visitors grab both your resume and cover letter together. Use it on a hiring page where both documents matter to recruiters.
- [Resume With Short Bio CTA](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-resume-and-downloads/resume-with-short-bio-cta): A short bio next to a clear call to action that downloads your resume. Use it to introduce yourself and hand over your CV in one focused block.
- [Simple Download Button](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-resume-and-downloads/simple-download-button): A single clear button that downloads your resume in one click. Use it when you want the lightest possible way to share a CV on any portfolio page.
- [Split Layout](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-resume-and-downloads/split-layout): A two column block with your intro on one side and resume downloads on the other. Use it to balance a personal pitch with quick access to your files.

### Social Media Embeds

Browse 5 social media embed blocks for shadcn/ui. Show Instagram grids, tweet carousels, and video strips to surface live activity on a portfolio.

- [Highlighted Post](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-social-media-embeds/highlighted-post): A single featured post pinned in a clean card with avatar, caption, and engagement counts. Spotlights your best content when one example carries the message.
- [Instagram Grid](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-social-media-embeds/instagram-grid): 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.
- [Social Icons Feed](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-social-media-embeds/social-icons-feed): A compact row of platform icons that link out to every profile you maintain. Drop it in a footer or sidebar so visitors can follow you anywhere fast.
- [Tweet Carousel](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-social-media-embeds/tweet-carousel): A swipeable carousel of tweet cards with author, timestamp, and text. Rotate through recent posts or testimonials without stacking them down the page.
- [YouTube Video Strip](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-social-media-embeds/youtube-video-strip): A horizontal strip of YouTube thumbnails with titles and view counts. Place it on a channel page to let visitors scan and open videos in one click.

### Why Work With Me

Browse 5 why work with me blocks for shadcn/ui. Present value props, comparisons, and proof so visitors understand quickly why they should hire you.

- [Before After Comparison](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-why-work-with-me/before-after-comparison): A split panel that shows a project before and after your work with a draggable divider. Proves your impact visually when results speak louder than text.
- [Bulleted Value Proposition](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-why-work-with-me/bulleted-value-proposition): A scannable list of value points, each with an icon and short line. Summarizes what you deliver so visitors grasp your strengths in a few seconds.
- [Client Oriented Testimonials](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-why-work-with-me/client-oriented-testimonials): Stacked testimonial cards framed around client outcomes, with quote, name, and role. Builds trust by letting past clients vouch for your results.
- [Storytelling Approach](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-why-work-with-me/storytelling-approach): A narrative section that walks through your process in ordered steps with supporting copy. Use it to explain how you work and win over cautious buyers.
- [Why Me Vs Competition](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-why-work-with-me/why-me-vs-competition): A two column comparison table contrasting your offer against typical alternatives. Helps undecided visitors see why you are the better choice at a glance.

### Work Experience Cards

Browse 5 work experience card blocks for shadcn/ui. Display past roles, projects, and timelines so visitors can read your career history at a glance.

- [Accordion Experience Cards](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-work-experience-cards/accordion-experience-cards): Collapsible role cards that expand to reveal duties and achievements on click. Keeps a long career history tidy while letting readers drill into detail.
- [Card With Project Showcase](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-work-experience-cards/card-with-project-showcase): A role card paired with a thumbnail of the project you shipped there. Connects each position to concrete work so visitors see outcomes, not just titles.
- [Experience Quote Combo](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-work-experience-cards/experience-quote-combo): A role card joined with a manager or client quote about your impact. Pairs the facts of a position with social proof to strengthen each entry.
- [Logo First Card Layout](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-work-experience-cards/logo-first-card-layout): A card that leads with the company logo beside your title and dates. Use it when recognizable employers carry weight and you want brands seen first.
- [Minimalist Role Highlight](https://www.shadcn-ui-blocks.com/blocks/portfolio/portfolio-work-experience-cards/minimalist-role-highlight): A pared back card showing title, company, and dates with generous spacing. Ideal for a clean resume page where the focus stays on the roles themselves.

## Components

Free tier. 124 blocks in 9 groups. Browse: https://www.shadcn-ui-blocks.com/blocks/components

Use 124 free Components for shadcn/ui. Buttons, cards, alerts, accordions, badges, breadcrumbs, tabs, and pagination, all responsive and easy to customize.

### Accordions

Browse 16 accordion blocks for shadcn/ui. Collapsible panels with borders, glows, numbers, and steps to organize FAQs and dense content cleanly.

- [Border Fade Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/border-fade-accordion): 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.
- [Card Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/card-accordion): An accordion built from separated cards, each panel raised on its own surface. Good for FAQs or feature details that need clear visual separation.
- [Dash Line Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/dash-line-accordion): An accordion divided by dashed lines between items. The light dashed rhythm keeps long FAQ lists readable while staying subtle and unobtrusive.
- [Dotted Border Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/dotted-border-accordion): An accordion framed by a dotted border around each panel. The playful dotted outline suits informal FAQs, help docs, and friendly onboarding tips.
- [Double Border Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/double-border-accordion): An accordion with a double line framing every item. The layered borders add clear structure for FAQs and specs where rows need firm definition.
- [Fade In Content Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/fade-in-content-accordion): An accordion whose answer text gently fades in as a panel opens. The soft entrance keeps reader focus on the revealed content in FAQs and guides.
- [Floating Label Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/floating-label-accordion): An accordion where the question label lifts up as the panel opens. The floating title keeps context visible while reading through long FAQ answers.
- [Glow Border Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/glow-border-accordion): An accordion with a glowing border on the open item. The lit edge draws the eye to the active panel, fitting dark themes and modern product FAQs.
- [Highlight Active Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/highlight-active-accordion): An accordion that tints the background of the open item. The highlighted row keeps your place in long FAQ lists and dense product documentation.
- [Minimal Line Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/minimal-line-accordion): An accordion with thin divider lines and no boxes at all. The stripped back style fits clean FAQs, sidebars, and content heavy marketing pages.
- [Nested Border Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/nested-border-accordion): An accordion supporting nested items inside bordered panels. Use it for layered FAQs, docs, and settings where topics branch into subtopics.
- [Numbered Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/numbered-accordion): An accordion with a number beside every question. The counted order suits step guides, ranked FAQs, and any sequence readers follow in turn.
- [Shadow Reveal Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/shadow-reveal-accordion): An accordion that lifts each item with a soft shadow on open. The raised panel clearly signals the active answer in FAQs and feature breakdowns.
- [Stepped Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/stepped-accordion): An accordion styled as numbered steps with connecting markers. Ideal for setup flows, tutorials, and any process that readers complete in order.
- [Thick Side Border Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/thick-side-border-accordion): An accordion with a bold colored bar down the side of each item. The thick accent marks active rows in FAQs and grabs reader attention quickly.
- [Underline Accordion](https://www.shadcn-ui-blocks.com/blocks/components/accordions/underline-accordion): An accordion where each question sits above a single underline. The clean text first look fits editorial FAQs and quiet, tidy help sections.

### Alerts

Browse 20 alert blocks for shadcn/ui. Border accents, dismissible banners, icons, and styled variants to flag status, errors, warnings, and tips.

- [Accent Border Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/accent-border-alerts): Alerts with a colored bar on the left edge that signals tone at a glance. Use for status messages where the color cue matters more than the icon.
- [All Sides Accent Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/all-sides-accent-alerts): Alerts framed by a colored border on every side for strong emphasis. Use when a notice must stand out clearly against a busy page or dashboard.
- [Basic Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/basic-alerts): Plain alerts with an icon, title, and message in a soft container. Use for everyday notices like saved changes, confirmations, and short tips.
- [Bottom Accent Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/bottom-accent-alerts): 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.
- [Compact Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/compact-alerts): Slim alerts with tight padding and a single line of text inside. Use in dense layouts, tables, or sidebars where vertical space stays limited.
- [Dashed Border Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/dashed-border-alerts): Alerts outlined with a dashed border for a lighter, sketch like feel. Use for draft notices, placeholders, or optional tips in a quiet tone.
- [Dismissible Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/dismissible-alerts): Alerts with a close button so users can clear a notice once read. Use for cookie banners, promotions, and warnings that should not stay forever.
- [Dotted Border Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/dotted-border-alerts): Alerts wrapped in a dotted border for a soft, playful outline. Use for casual reminders, tips, or low priority notes in friendly interfaces.
- [Double Border Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/double-border-alerts): Alerts with a layered double border for a refined, framed look. Use to highlight important notices that deserve extra visual weight on a page.
- [Elevated Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/elevated-alerts): Alerts raised with a soft shadow so they lift off the surface. Use for floating notifications or messages that should feel above the content.
- [Frosted Glass Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/frosted-glass-alerts): Alerts with a blurred, translucent backdrop that reveals content behind. Use over images or hero sections where a glassy notice fits the design.
- [Glow Border Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/glow-border-alerts): Alerts ringed by a soft glowing border that draws the eye gently. Use for promotions or new feature notices that need a warm, inviting accent.
- [Icon Only Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/icon-only-alerts): Compact alerts that pair a status icon with a short message and no title. Use for quick inline feedback where space is tight and tone is clear.
- [Inset Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/inset-alerts): 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.
- [Monospace Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/monospace-alerts): Alerts set in a monospace typeface for a technical, code style tone. Use for build output, terminal messages, or warnings aimed at developers.
- [Outlined Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/outlined-alerts): Alerts defined only by a clean border with no fill behind the text. Use on colored or busy backgrounds where a solid panel would feel heavy.
- [Paper Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/paper-alerts): Alerts styled like a paper card with subtle texture and soft edges. Use for printed style notices, receipts, or warm document driven layouts.
- [Pulse Border Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/pulse-border-alerts): 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.
- [Right Accent Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/right-accent-alerts): Alerts with a colored bar on the right edge for a mirrored accent. Use in right aligned layouts or when the left side already holds an icon.
- [Top Accent Alerts](https://www.shadcn-ui-blocks.com/blocks/components/alerts/top-accent-alerts): Alerts topped with a colored bar across the upper edge for a header cue. Use for grouped notices where the accent reads like a small banner.

### Badges

Browse 12 badge components for shadcn/ui. Status dots, pulses, gradients, icons, and ribbons to label items, flag counts, and mark live states.

- [3D Badge](https://www.shadcn-ui-blocks.com/blocks/components/badges/3d-badge): A badge with layered shadows and depth that lifts off the surface. Use it to spotlight a featured tag or premium label that needs to stand out.
- [Bounce Badge](https://www.shadcn-ui-blocks.com/blocks/components/badges/bounce-badge): 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.
- [Dot Indicator Badge](https://www.shadcn-ui-blocks.com/blocks/components/badges/dot-indicator-badge): A badge paired with a small colored dot that shows status at a glance. Use it to show online, busy, or away states next to a name or avatar.
- [Elevated Badge](https://www.shadcn-ui-blocks.com/blocks/components/badges/elevated-badge): A badge raised above the surface with a soft drop shadow. Use it to mark a priority label or count that should read as floating above content.
- [Extra Large Badge](https://www.shadcn-ui-blocks.com/blocks/components/badges/extra-large-badge): An oversized badge with generous padding and bold text for high visibility. Use it on hero areas or banners where a tag must read from a distance.
- [Gradient Border Badge](https://www.shadcn-ui-blocks.com/blocks/components/badges/gradient-border-badge): A badge wrapped in a colorful gradient outline around plain fill. Use it to mark beta, pro, or featured labels that need a vivid accent edge.
- [Hover Scale Badge](https://www.shadcn-ui-blocks.com/blocks/components/badges/hover-scale-badge): A badge that grows slightly when the pointer rests on it. Use it for interactive tags or filters where a touch of feedback invites a quick click.
- [Icon Badge](https://www.shadcn-ui-blocks.com/blocks/components/badges/icon-badge): A badge that pairs a small icon with a label for instant meaning. Use it to tag categories, statuses, or actions where text alone reads slowly.
- [Large Badge](https://www.shadcn-ui-blocks.com/blocks/components/badges/large-badge): A roomy badge with extra padding and larger text for clear reading. Use it to highlight a plan tier, count, or status across busy interfaces.
- [Pulse Badge](https://www.shadcn-ui-blocks.com/blocks/components/badges/pulse-badge): 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.
- [Ribbon Badge](https://www.shadcn-ui-blocks.com/blocks/components/badges/ribbon-badge): A badge styled as a corner ribbon that drapes over a card edge. Use it to flag sale, new, or sold out states across product and gallery tiles.
- [Square Badge](https://www.shadcn-ui-blocks.com/blocks/components/badges/square-badge): A badge with sharp square corners and a compact footprint. Use it for crisp version tags, counts, or labels that suit a structured grid layout.

### Breadcrumbs

Browse 12 breadcrumb blocks for shadcn/ui. Pill, card, dot, numbered, timeline, and progress trails that show page location and aid navigation.

- [Background Breadcrumb](https://www.shadcn-ui-blocks.com/blocks/components/breadcrumbs/background-breadcrumb): A breadcrumb trail wrapped in a soft tinted background bar. Anchors the top of a page and keeps navigation links readable above busy content.
- [Bordered Breadcrumb](https://www.shadcn-ui-blocks.com/blocks/components/breadcrumbs/bordered-breadcrumb): A breadcrumb sitting inside a thin outlined container. Frames the navigation path cleanly on a dashboard header or any content section toolbar.
- [Card Breadcrumb](https://www.shadcn-ui-blocks.com/blocks/components/breadcrumbs/card-breadcrumb): A breadcrumb housed in a rounded card with a subtle shadow. Lifts the navigation path off the page for detail views and account settings screens.
- [Compact Breadcrumb](https://www.shadcn-ui-blocks.com/blocks/components/breadcrumbs/compact-breadcrumb): A tight breadcrumb with reduced spacing between its links. Fits crowded toolbars and mobile headers where horizontal room is in short supply.
- [Dot Breadcrumb](https://www.shadcn-ui-blocks.com/blocks/components/breadcrumbs/dot-breadcrumb): A breadcrumb that separates each link with a small round dot. Offers a quiet, minimal path indicator for clean app layouts and page headers.
- [Icon Breadcrumb](https://www.shadcn-ui-blocks.com/blocks/components/breadcrumbs/icon-breadcrumb): A breadcrumb pairing each link with a leading icon. Helps users scan the path at a glance across sections like home, docs, billing, and settings.
- [Numbered Breadcrumb](https://www.shadcn-ui-blocks.com/blocks/components/breadcrumbs/numbered-breadcrumb): A breadcrumb that numbers each step in the path. Clarifies order for sequential flows such as checkout, onboarding, or a multi step setup wizard.
- [Pill Breadcrumb](https://www.shadcn-ui-blocks.com/blocks/components/breadcrumbs/pill-breadcrumb): A breadcrumb where each link sits inside a rounded pill shape. Adds a friendly, tappable feel to navigation on dashboards and profile pages.
- [Progress Breadcrumb](https://www.shadcn-ui-blocks.com/blocks/components/breadcrumbs/progress-breadcrumb): A breadcrumb with a fill that tracks how far a user has moved. Shows completion across multi step forms, checkout, and guided account onboarding.
- [Slash Breadcrumb](https://www.shadcn-ui-blocks.com/blocks/components/breadcrumbs/slash-breadcrumb): A breadcrumb that divides its links with a forward slash. Mirrors a file path style for code tools, documentation, and folder browsing screens.
- [Sticky Breadcrumb](https://www.shadcn-ui-blocks.com/blocks/components/breadcrumbs/sticky-breadcrumb): A breadcrumb that pins to the top of the view as the page scrolls. Keeps the current location visible on long articles and deep settings pages.
- [Timeline Breadcrumb](https://www.shadcn-ui-blocks.com/blocks/components/breadcrumbs/timeline-breadcrumb): A breadcrumb laid out as a connected timeline of steps. Maps a journey through stages, ideal for order tracking and live project status views.

### Buttons

Browse 17 button blocks for shadcn/ui. Animated borders, hover effects, sizes, and social styles you can copy, paste, and wire to any action fast.

- [Border Animation Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/border-animation-buttons): 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.
- [Cut Corners Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/cut-corners-buttons): Buttons with angled, clipped corners for a sharp geometric look. Fits gaming, tech, or editorial interfaces that want an edgy call to action.
- [Extra Large Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/extra-large-buttons): Oversized buttons with generous padding and large type. Use them as the main hero call to action where one tap should be impossible to miss.
- [Extra Small Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/extra-small-buttons): Compact, low height buttons with tight padding and small type. Ideal for dense toolbars, table rows, and inline controls where space is limited.
- [Grow Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/grow-buttons): Buttons that scale up smoothly on hover to feel responsive. Add a touch of motion feedback to cards, pricing tiers, and primary form actions.
- [Interactive Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/interactive-buttons): Buttons that react to hover and click with motion and state changes. Make signups, downloads, and key actions feel alive and worth clicking.
- [Liquid Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/liquid-buttons): Buttons with a flowing liquid fill that sweeps across the surface on hover. A playful accent for landing pages and creative product sites today.
- [Morphing Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/morphing-buttons): Buttons that morph their shape, size, or label between states. Use for loading, success, and submit flows that confirm progress to the user.
- [Pixel Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/pixel-buttons): Buttons with a blocky pixel art finish and retro styling. Perfect for games, indie projects, and brands that lean on a nostalgic visual theme.
- [Pulse Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/pulse-buttons): 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.
- [Rotate Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/rotate-buttons): Buttons that rotate an icon or the whole label on hover. Add subtle motion to refresh, settings, and other action icons across your app today.
- [Shadow Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/shadow-buttons): Buttons with layered shadows that lift or shift on hover. Give actions a tactile, raised feel across cards, forms, and toolbars in any layout.
- [Skew Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/skew-buttons): Buttons with a skewed, slanted shape for a sense of dynamic energy. Suits sports, fitness, and bold marketing pages that want forward momentum.
- [Slide Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/slide-buttons): Buttons with a color or label that slides in on hover. Reveal a second state to guide users toward the next step in a clear and simple flow.
- [Social Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/social-buttons): Buttons branded for Google, GitHub, Apple, and more providers. Drop them into sign in and sign up screens for fast one click authentication.
- [Squeeze Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/squeeze-buttons): Buttons that squeeze inward on press for satisfying tactile feedback. Use on mobile flows and forms where every tap should feel confirmed fast.
- [Underline Buttons](https://www.shadcn-ui-blocks.com/blocks/components/buttons/underline-buttons): Buttons styled with an animated underline that grows in on hover. A clean, minimal accent for text links and quiet secondary actions in any UI.

### Cards

Browse 22 card blocks for shadcn/ui. Bordered, animated, hover, and status variants to frame content, stats, and actions across any page layout.

- [Border Accent Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/border-accent-card): 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.
- [Border Animation Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/border-animation-card): 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.
- [Border Gradient Animation Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/border-gradient-animation-card): 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.
- [Border Highlight Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/border-highlight-card): 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.
- [Corner Ribbon Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/corner-ribbon-card): A card with a diagonal ribbon pinned to one corner for a short label. Use it to flag New, Sale, or Featured items in a product or listing grid.
- [Cutout Border Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/cutout-border-card): A card with a notched border that carves out shape along its edge. Use it for tickets, coupons, or passes where a distinct outline reads as a stub.
- [Dashed Border Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/dashed-border-card): A card outlined with a dashed border for a light, sketch feel. Use it for empty states, upload zones, or placeholders that invite the user to add content.
- [Double Border Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/double-border-card): A card wrapped in two stacked outlines for a framed, formal look. Use it for certificates, awards, or quotes that deserve emphasis on the page.
- [Expandable Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/expandable-card): A card that grows to reveal more text or controls when opened. Use it for FAQs, settings, or summaries that hide detail until the reader wants it.
- [Gradient Border Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/gradient-border-card): A card edged with a static gradient outline that adds color without noise. Use it to set apart a key offer or profile in an otherwise plain grid.
- [Hover Effect Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/hover-effect-card): A card that lifts, scales, or shades when the pointer moves over it. Use it for clickable tiles in a gallery, menu, or dashboard to signal they react.
- [Hover Reveal Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/hover-reveal-card): A card that hides extra text or actions until hover uncovers them. Use it for portfolio tiles or features where the cover stays clean until needed.
- [Icon Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/icon-card): A card led by a single icon above a short title and blurb. Use it for feature grids, service lists, or steps where a glyph anchors each point made.
- [Magnetic Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/magnetic-card): A card that drifts toward the cursor as it nears, with a subtle pull. Use it for playful landing pages or feature tiles that reward a hovering pointer.
- [Neon Border Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/neon-border-card): A card ringed by a glowing neon outline that pops on dark backgrounds. Use it for gaming, music, or tech pages where a bright frame fits the mood.
- [Perspective Hover Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/perspective-hover-card): A card that rotates in 3D space as the pointer crosses it for depth. Use it for hero items or showcases where motion makes a tile feel tactile.
- [Progress Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/progress-card): A card pairing a progress bar with a label and value reading. Use it to show task completion, goals, or usage limits inside a dashboard or account view.
- [Pulse Border Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/pulse-border-card): 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.
- [Shimmer Effect Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/shimmer-effect-card): A card with a light sweep that glides across its surface. Use it as a loading skeleton or to add gentle motion to a featured tile in a busy grid.
- [Stacked Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/stacked-card): A card layered over offset copies to suggest a deck behind it. Use it for collections, albums, or grouped items where many sit under one cover here.
- [Status Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/status-card): A card showing a state badge, label, and short note together. Use it on dashboards to surface health, order, or system status at a quick glance.
- [Tilt Effect Card](https://www.shadcn-ui-blocks.com/blocks/components/cards/tilt-effect-card): A card that tilts under the cursor to follow its position closely. Use it for interactive feature tiles or showcases where slight motion adds polish.

### Collapsible

Browse 6 collapsible blocks for shadcn/ui. Expandable panels, cards, and grouped sections that hide secondary content until a reader needs it.

- [Card Collapsible](https://www.shadcn-ui-blocks.com/blocks/components/collapsible/card-collapsible): A card that expands to reveal extra detail when clicked, keeping the summary visible. Use it on dashboards to tuck away long notes inside a tidy tile.
- [Grouped Collapsible](https://www.shadcn-ui-blocks.com/blocks/components/collapsible/grouped-collapsible): Several collapsible panels stacked together so readers open one section at a time. Good for settings pages where related options sit in separate groups.
- [Icon Collapsible](https://www.shadcn-ui-blocks.com/blocks/components/collapsible/icon-collapsible): A collapsible row with a chevron icon that rotates as the panel opens and closes. Use it in menus where a clear visual cue tells readers it expands.
- [Shadowed Collapsible](https://www.shadcn-ui-blocks.com/blocks/components/collapsible/shadowed-collapsible): A collapsible panel with a soft shadow that lifts it off the page. Use it to highlight an expandable block of content inside a busy layout or feed.
- [Side Bordered Collapsible](https://www.shadcn-ui-blocks.com/blocks/components/collapsible/side-bordered-collapsible): A collapsible panel with a colored bar down one side to mark its state. Use it for alerts or notes whose details readers can show or hide on demand.
- [Stepped Collapsible](https://www.shadcn-ui-blocks.com/blocks/components/collapsible/stepped-collapsible): Numbered collapsible steps that reveal instructions one at a time. Use it for onboarding or setup guides where readers work through tasks in order.

### Pagination

Browse 11 pagination blocks for shadcn/ui. Page number rows, prev and next controls, dot indicators, and compact variants to navigate long lists.

- [Bordered Pagination](https://www.shadcn-ui-blocks.com/blocks/components/pagination/bordered-pagination): 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.
- [Card Pagination](https://www.shadcn-ui-blocks.com/blocks/components/pagination/card-pagination): Pagination wrapped in a raised card surface with page numbers and prev next controls. Groups navigation neatly below a list or grid of cards.
- [Compact Pagination](https://www.shadcn-ui-blocks.com/blocks/components/pagination/compact-pagination): A tight pagination row that fits page numbers, prev, and next into a small footprint. Good for sidebars, panels, and dense admin tables with limited space.
- [Dot Indicator Pagination](https://www.shadcn-ui-blocks.com/blocks/components/pagination/dot-indicator-pagination): Pagination shown as a row of dots, with the active page filled. Ideal for image carousels, onboarding steps, and short sequences where numbers feel heavy.
- [Floating Pagination](https://www.shadcn-ui-blocks.com/blocks/components/pagination/floating-pagination): A pagination bar that hovers above the content with soft elevation. Stays visible while readers scroll through long articles, feeds, or paginated galleries.
- [Icon Only Pagination](https://www.shadcn-ui-blocks.com/blocks/components/pagination/icon-only-pagination): Pagination built from chevron icons for previous and next, with no page numbers. Keeps mobile toolbars and image viewers clean when only direction matters.
- [Mini Pagination](https://www.shadcn-ui-blocks.com/blocks/components/pagination/mini-pagination): A very small pagination control showing the current page and arrows to step through results. Fits inline next to filters, counts, or table footers.
- [Responsive Pagination](https://www.shadcn-ui-blocks.com/blocks/components/pagination/responsive-pagination): Pagination that shows full page numbers on desktop and collapses to arrows on mobile. Keeps navigation usable across phones, tablets, and wide screens.
- [Rounded Pagination](https://www.shadcn-ui-blocks.com/blocks/components/pagination/rounded-pagination): A pagination row with fully rounded pill buttons for each page. The soft circular shape suits friendly product pages, blogs, and modern marketing layouts.
- [Shadow Pagination](https://www.shadcn-ui-blocks.com/blocks/components/pagination/shadow-pagination): Pagination with subtle drop shadows on each button for depth. The lifted look helps the controls stand out over busy backgrounds and image grids.
- [Split Pagination](https://www.shadcn-ui-blocks.com/blocks/components/pagination/split-pagination): Pagination with prev and next pushed to opposite edges and page numbers centered. Spreads controls across wide footers and full width content areas.

### Tabs

Browse 8 tab blocks for shadcn/ui. Card, pill, gradient, icon, outline, and vertical styles to split content into panels and switch views fast.

- [Card Tabs](https://www.shadcn-ui-blocks.com/blocks/components/tabs/card-tabs): Tabs styled as raised cards, where the active panel lifts above the rest. Great for settings pages or dashboards that group related content into sections.
- [Gradient Tabs](https://www.shadcn-ui-blocks.com/blocks/components/tabs/gradient-tabs): Tabs with a soft color gradient on the active trigger for a vivid accent. Use them on landing pages or feature views where the switcher should draw the eye.
- [Icon Tabs](https://www.shadcn-ui-blocks.com/blocks/components/tabs/icon-tabs): Tabs that pair a small icon with each label so options read at a glance. Good for navigation menus and toolbars where space is tight and clarity matters.
- [Minimal Tabs](https://www.shadcn-ui-blocks.com/blocks/components/tabs/minimal-tabs): Clean tabs with a thin underline marking the active item and no extra borders. Fits content heavy pages where the switcher should stay quiet and unobtrusive.
- [Outline Tabs](https://www.shadcn-ui-blocks.com/blocks/components/tabs/outline-tabs): Tabs wrapped in a light border that frames each trigger and the active panel. Suits forms or profile screens that need clear structure between grouped fields.
- [Pill Tabs](https://www.shadcn-ui-blocks.com/blocks/components/tabs/pill-tabs): Tabs shaped as rounded pills with a filled background on the active one. Ideal for filter bars and segmented controls that toggle between a few short views.
- [Shadow Tabs](https://www.shadcn-ui-blocks.com/blocks/components/tabs/shadow-tabs): Tabs where the selected trigger gains a subtle drop shadow for depth and focus. Works well on cards and panels that need a tactile, layered feel to the switch.
- [Vertical Tabs](https://www.shadcn-ui-blocks.com/blocks/components/tabs/vertical-tabs): Tabs stacked in a sidebar column with panels rendered to the right. Built for settings, account, and documentation pages with many sections to navigate.

## Templates

Full Next.js sites assembled from the blocks, bought once with no plan required. Browse: https://www.shadcn-ui-blocks.com/templates

### Keel

Dark SaaS marketing site. A dark minimal SaaS site with sixteen pages built from installable blocks. $99 one time. Version 1.0.0, updated Jul 24, 2026. Page: https://www.shadcn-ui-blocks.com/templates/keel. Live preview: https://keel-nextjs-template.vercel.app

Stack: Next.js 16, TypeScript, Tailwind CSS 4, shadcn/ui.

Pages (16): /, /product, /pricing, /integrations, /about, /careers, /blog, /blog/engineering, /blog/the-case-against-status-meetings, /changelog, /docs, /faq, /help, /contact, /login, /signup.

### Primely

Modern SaaS starter. A clean, customizable template built to help you launch your SaaS fast. $79 one time. Version 1.0.0, updated Aug 2, 2025. Page: https://www.shadcn-ui-blocks.com/templates/primely. Live preview: https://primely-nextjs-template.vercel.app

Stack: Next.js 15, TypeScript, Tailwind CSS 4, shadcn/ui.

Pages (8): /, /company, /pricing, /contact, /blog, /changelog, /login, /signup.

## Open Graph image templates

99 share card templates, each an ImageResponse route for Next.js or any framework satori supports, with PNG and SVG downloads in light and dark. The code is part of Pro and Team. Browse: https://www.shadcn-ui-blocks.com/open-graph-images

### Content

15 templates. Browse: https://www.shadcn-ui-blocks.com/open-graph-images/content

- [Blog post](https://www.shadcn-ui-blocks.com/open-graph-images/blog-post): A clean article card with your headline, summary, and author byline.
- [Article dark](https://www.shadcn-ui-blocks.com/open-graph-images/article-dark): A dark editorial card with a category chip, headline, summary, and byline.
- [Tutorial](https://www.shadcn-ui-blocks.com/open-graph-images/tutorial): A tutorial card with a title, summary, and step, time, and level chips.
- [Newsletter](https://www.shadcn-ui-blocks.com/open-graph-images/newsletter-issue): A newsletter card with an issue tile, headline, and author byline.
- [Interview](https://www.shadcn-ui-blocks.com/open-graph-images/interview): A dark interview card with paired avatars, a title, and names line.
- [Opinion](https://www.shadcn-ui-blocks.com/open-graph-images/opinion): An opinion card with a columnist byline, bold stance title, and footer.
- [Series](https://www.shadcn-ui-blocks.com/open-graph-images/guide-series): A series card with a part chip, series name, and part title.
- [Glossary](https://www.shadcn-ui-blocks.com/open-graph-images/glossary-term): A glossary card with a breadcrumb, oversized term, and one line definition.
- [Cheat sheet](https://www.shadcn-ui-blocks.com/open-graph-images/cheat-sheet): A dark cheat sheet card with a title and a grid of key tiles.
- [Research](https://www.shadcn-ui-blocks.com/open-graph-images/research-summary): A research card with a title, authors line, and a key finding.
- [FAQ](https://www.shadcn-ui-blocks.com/open-graph-images/faq-answer): An FAQ card with a help center chip, question title, and answer preview.
- [Recipe](https://www.shadcn-ui-blocks.com/open-graph-images/recipe): A recipe card with a dish title, description, and time and serving chips.
- [Photo essay](https://www.shadcn-ui-blocks.com/open-graph-images/photo-essay): A photo essay card with a wide image panel, title, and photographer byline.
- [Review](https://www.shadcn-ui-blocks.com/open-graph-images/review-score): A review card with a product title, star rating, verdict, and score chip.
- [Quote](https://www.shadcn-ui-blocks.com/open-graph-images/quote-card): A quote card with an oversized quote mark, quote text, and attribution.

### Product

14 templates. Browse: https://www.shadcn-ui-blocks.com/open-graph-images/product

- [Product launch](https://www.shadcn-ui-blocks.com/open-graph-images/product-launch): A dark launch card pairing your announcement with an app window mockup.
- [Release notes](https://www.shadcn-ui-blocks.com/open-graph-images/release-notes): A dark changelog card with a version badge and a highlight list.
- [Feature update](https://www.shadcn-ui-blocks.com/open-graph-images/feature-update): A dark feature card with a title, description, and settings toggle panel.
- [Beta invite](https://www.shadcn-ui-blocks.com/open-graph-images/beta-invite): A dark beta invite card with a private beta pill and an invite code.
- [Waitlist](https://www.shadcn-ui-blocks.com/open-graph-images/waitlist): A waitlist card with a title, a waiting count stat, and a join pill.
- [Launch day](https://www.shadcn-ui-blocks.com/open-graph-images/launch-day): A launch card with an upvote tile, a live chip, title, and tagline.
- [Coming soon](https://www.shadcn-ui-blocks.com/open-graph-images/coming-soon): A dark centered teaser card with a brand mark, headline, and date chip.
- [Mobile app](https://www.shadcn-ui-blocks.com/open-graph-images/mobile-app): A mobile app card with a drawn phone, app name, tagline, and store chips.
- [Extension](https://www.shadcn-ui-blocks.com/open-graph-images/browser-extension): An extension card with a browser toolbar mock, title, and browser chips.
- [Website template](https://www.shadcn-ui-blocks.com/open-graph-images/website-template): A template card with a browser mock, template name, and stack chips.
- [Integration](https://www.shadcn-ui-blocks.com/open-graph-images/integration): An integration card with two joined logo tiles, a title, and description.
- [Dashboard](https://www.shadcn-ui-blocks.com/open-graph-images/dashboard): A dark dashboard card with a window mock, stat tiles, and a sparkline.
- [Design system](https://www.shadcn-ui-blocks.com/open-graph-images/design-system): A design system card with a swatch and component panel and a version chip.
- [Roadmap](https://www.shadcn-ui-blocks.com/open-graph-images/roadmap-update): A roadmap card with now, next, and later columns and a quarter chip.

### Developer

10 templates. Browse: https://www.shadcn-ui-blocks.com/open-graph-images/developer

- [Documentation](https://www.shadcn-ui-blocks.com/open-graph-images/documentation): A docs card with a breadcrumb trail, page title, and reading metadata.
- [Open source](https://www.shadcn-ui-blocks.com/open-graph-images/open-source): A repository card with a code window and project statistics.
- [API reference](https://www.shadcn-ui-blocks.com/open-graph-images/api-endpoint): A dark API card with a method chip, endpoint path pill, and description.
- [CLI tool](https://www.shadcn-ui-blocks.com/open-graph-images/cli-tool): A dark CLI card with a terminal window, install line, and title.
- [SDK](https://www.shadcn-ui-blocks.com/open-graph-images/sdk-release): A dark SDK card with a code window, title, and language chips.
- [Library release](https://www.shadcn-ui-blocks.com/open-graph-images/library-release): A dark library card with a version pill, install pill, and highlights.
- [Code snippet](https://www.shadcn-ui-blocks.com/open-graph-images/code-snippet): A dark code snippet card with a full width code window and language chip.
- [Security advisory](https://www.shadcn-ui-blocks.com/open-graph-images/security-advisory): A dark advisory card with a severity chip, title, and affected versions.
- [Incident report](https://www.shadcn-ui-blocks.com/open-graph-images/incident-report): A dark incident card with a postmortem chip, timeline rows, and duration.
- [Status](https://www.shadcn-ui-blocks.com/open-graph-images/system-status): A status card with an operational headline and green service rows.

### Business

15 templates. Browse: https://www.shadcn-ui-blocks.com/open-graph-images/business

- [Minimal brand](https://www.shadcn-ui-blocks.com/open-graph-images/minimal-brand): A centered brand card with your logo, name, and tagline.
- [Metrics report](https://www.shadcn-ui-blocks.com/open-graph-images/metrics-report): A dark report cover led by three headline statistics.
- [Digest](https://www.shadcn-ui-blocks.com/open-graph-images/weekly-digest): A digest card with a week chip, title, and three numbered highlights.
- [Company news](https://www.shadcn-ui-blocks.com/open-graph-images/company-news): A company news card with an announcement chip, headline, and date line.
- [Partnership](https://www.shadcn-ui-blocks.com/open-graph-images/partnership): A partnership card with two joined brand tiles, a title, and description.
- [Funding](https://www.shadcn-ui-blocks.com/open-graph-images/funding-round): A dark funding card with a round pill, a giant raise stat, and investors.
- [Milestone](https://www.shadcn-ui-blocks.com/open-graph-images/milestone): A dark milestone card with a giant number, context line, and date chip.
- [Year in review](https://www.shadcn-ui-blocks.com/open-graph-images/year-in-review): A dark year in review card with a big year and three stat columns.
- [Rebrand](https://www.shadcn-ui-blocks.com/open-graph-images/rebrand): A rebrand card with old and new logo tiles, a title, and description.
- [Earnings](https://www.shadcn-ui-blocks.com/open-graph-images/earnings): A dark earnings card with a quarter chip, revenue, and growth stats.
- [Annual report](https://www.shadcn-ui-blocks.com/open-graph-images/annual-report): An annual report card with a year tile, title, and stat chips.
- [Press release](https://www.shadcn-ui-blocks.com/open-graph-images/press-release): A press release card with a release chip, headline, and contact line.
- [Award](https://www.shadcn-ui-blocks.com/open-graph-images/award-win): A dark award card with a ringed badge, award title, and presenter line.
- [Certification](https://www.shadcn-ui-blocks.com/open-graph-images/certification): A certification card with a check badge, cert name, and issuer line.
- [Impact report](https://www.shadcn-ui-blocks.com/open-graph-images/impact-report): An impact report card with a title and three stat columns.

### Events

12 templates. Browse: https://www.shadcn-ui-blocks.com/open-graph-images/events

- [Event](https://www.shadcn-ui-blocks.com/open-graph-images/event): A conference card with a calendar tile, venue, and schedule details.
- [Webinar](https://www.shadcn-ui-blocks.com/open-graph-images/webinar): A webinar card with a date tile, title, host avatars, and detail chips.
- [Meetup](https://www.shadcn-ui-blocks.com/open-graph-images/meetup): A meetup card with a date tile, city chip, topic title, and rsvp url.
- [Speaker](https://www.shadcn-ui-blocks.com/open-graph-images/speaker-card): A dark speaker card with a large avatar, name and role, and talk title.
- [Agenda](https://www.shadcn-ui-blocks.com/open-graph-images/agenda): An agenda card with an event chip and three session rows.
- [Hackathon](https://www.shadcn-ui-blocks.com/open-graph-images/hackathon): A dark hackathon card with a dates chip, title, and prize stat.
- [Workshop](https://www.shadcn-ui-blocks.com/open-graph-images/workshop): A workshop card with a title, seat and level chips, and a date footer.
- [Live stream](https://www.shadcn-ui-blocks.com/open-graph-images/livestream): A dark live stream card with a live pill, title, and platform chips.
- [AMA](https://www.shadcn-ui-blocks.com/open-graph-images/community-ama): A dark AMA card with a guest avatar, title, name line, and date chip.
- [Panel](https://www.shadcn-ui-blocks.com/open-graph-images/panel-discussion): A panel card with three avatar circles, a title, and names line.
- [Ticket](https://www.shadcn-ui-blocks.com/open-graph-images/event-ticket): A ticket card with an event info panel, dashed divider, and a stub.
- [Countdown](https://www.shadcn-ui-blocks.com/open-graph-images/countdown): A dark countdown card with a giant day count, a caption, and a date chip.

### Commerce

12 templates. Browse: https://www.shadcn-ui-blocks.com/open-graph-images/commerce

- [Product](https://www.shadcn-ui-blocks.com/open-graph-images/product-card): A product card with an image panel, name, price, and star rating.
- [Drop](https://www.shadcn-ui-blocks.com/open-graph-images/product-drop): A dark drop card with a new drop chip, product name, and notify pill.
- [Restock](https://www.shadcn-ui-blocks.com/open-graph-images/back-in-stock): A restock card with a back in stock chip, product name, and size chips.
- [Price drop](https://www.shadcn-ui-blocks.com/open-graph-images/price-drop): A price drop card with an old and new price, product name, and ends chip.
- [Bundle](https://www.shadcn-ui-blocks.com/open-graph-images/bundle-offer): A dark bundle card with joined product tiles, a name, and a savings stat.
- [Sale](https://www.shadcn-ui-blocks.com/open-graph-images/sale-promo): A sale card with a giant discount, event line, dates chip, and code pill.
- [Limited offer](https://www.shadcn-ui-blocks.com/open-graph-images/limited-offer): A dark limited offer card with a discount stat and an ends chip.
- [Gift guide](https://www.shadcn-ui-blocks.com/open-graph-images/gift-guide): A gift guide card with three gift tiles, a title, and a price range chip.
- [Gift card](https://www.shadcn-ui-blocks.com/open-graph-images/gift-card): A gift card design with a drawn card panel, title, and redeem line.
- [Rewards](https://www.shadcn-ui-blocks.com/open-graph-images/rewards-program): A dark rewards card with a points stat, tier chips, and a title.
- [Pricing](https://www.shadcn-ui-blocks.com/open-graph-images/pricing-plans): A pricing card with three plan tiles and a highlighted middle plan.
- [Referral](https://www.shadcn-ui-blocks.com/open-graph-images/referral-offer): A referral card with give and get tiles, a title, and a url.

### People

7 templates. Browse: https://www.shadcn-ui-blocks.com/open-graph-images/people

- [Job posting](https://www.shadcn-ui-blocks.com/open-graph-images/job-posting): A hiring card with the role, your pitch, and compensation details.
- [Hiring](https://www.shadcn-ui-blocks.com/open-graph-images/hiring-roles): A dark hiring card with a title and three role rows with locations.
- [New teammate](https://www.shadcn-ui-blocks.com/open-graph-images/new-teammate): A new teammate card with an avatar, a joining title, and role line.
- [Internship](https://www.shadcn-ui-blocks.com/open-graph-images/internship-program): An internship card with a title, season and location chips, and a footer.
- [Profile](https://www.shadcn-ui-blocks.com/open-graph-images/personal-profile): A centered profile card with an avatar, name, role, and link chips.
- [Portfolio project](https://www.shadcn-ui-blocks.com/open-graph-images/portfolio-project): A dark portfolio card with a project title, role chips, and image panel.
- [Resume](https://www.shadcn-ui-blocks.com/open-graph-images/resume-card): A resume card with a name, title line, skill chips, and contact url.

### Media

7 templates. Browse: https://www.shadcn-ui-blocks.com/open-graph-images/media

- [Podcast episode](https://www.shadcn-ui-blocks.com/open-graph-images/podcast-episode): A dark episode card with guest names and a waveform art panel.
- [Video](https://www.shadcn-ui-blocks.com/open-graph-images/video-episode): A dark video card with a play button, title, and duration and view chips.
- [Video series](https://www.shadcn-ui-blocks.com/open-graph-images/video-series): A video series card with three episode tiles, a title, and a count chip.
- [Music](https://www.shadcn-ui-blocks.com/open-graph-images/music-release): A dark music card with an album art mock, artist name, and album title.
- [Course](https://www.shadcn-ui-blocks.com/open-graph-images/online-course): A course card with a title, module and hour chips, and instructor byline.
- [Ebook](https://www.shadcn-ui-blocks.com/open-graph-images/ebook-download): An ebook card with a drawn book cover, book title, and a pages chip.
- [Podcast show](https://www.shadcn-ui-blocks.com/open-graph-images/podcast-show): A podcast show card with a waveform tile, show name, and host line.

### Data

7 templates. Browse: https://www.shadcn-ui-blocks.com/open-graph-images/data

- [Case study](https://www.shadcn-ui-blocks.com/open-graph-images/case-study): A case study card with a customer chip, result headline, and key stats.
- [Survey results](https://www.shadcn-ui-blocks.com/open-graph-images/survey-results): A survey card with a title, three percent bars, and a sample size line.
- [Poll](https://www.shadcn-ui-blocks.com/open-graph-images/poll-question): A poll card with a question title, two option bars, and a votes line.
- [Benchmark](https://www.shadcn-ui-blocks.com/open-graph-images/benchmark): A dark benchmark card with a title, two comparison bars, and a source.
- [Market update](https://www.shadcn-ui-blocks.com/open-graph-images/market-update): A dark market card with three ticker rows and a date line.
- [Testimonial](https://www.shadcn-ui-blocks.com/open-graph-images/testimonial): A testimonial card with a star row, quote, and an avatar attribution.
- [Comparison](https://www.shadcn-ui-blocks.com/open-graph-images/comparison): A comparison card with two feature columns and a title.

## Snippets

Color variants to drop into a shadcn/ui component's cva config, one page per component.

- [Button snippets](https://www.shadcn-ui-blocks.com/snippets/buttons)
- [Badge snippets](https://www.shadcn-ui-blocks.com/snippets/badges)