---
name: "@shadcnblocks"
slug: "shadcnblocks"
description: "Premium shadcn/ui registry with 1,635 marketing/SaaS blocks organized into 60+ categories (Hero 217, Feature 311, Pricing 96, Testimonial 39, Footer 44, Data Table 32, Sidebar 21, Dashboard 18, Ecommerce, Charts, and more), 1,684 component variants, 16 Next.js/Astro templates (priced ~$79 each), an Admin Kit, and a Figma Kit. Installation via shadcn CLI, MCP, or a VS Code/Cursor IDE extension. Free blocks available; full access requires a one-time purchase ($149-$399). Use for: rapidly assembling marketing pages or SaaS dashboards from a best-in-class collection of production-ready, full-width sections."
category: "Blocks & sections (marketing/SaaS)"
tags: ["accessibility", "backgrounds", "blocks", "cards", "charts", "dashboard", "e-commerce", "marketing", "overlays", "pro-available", "saas", "tables", "theming"]
framework: "react"
license: null
author: "shadcnblocks"
website: "https://shadcnblocks.com"
github: "https://github.com/shadcnblocks/shadcn-ui-blocks"
registry: "https://shadcnblocks.com/r/registry.json"
pro: true
pro_url: "https://www.shadcnblocks.com/pricing"
github_stars: 364
component_count: 250
generated_at: "2026-07-28T08:59:05.895Z"
---

# @shadcnblocks

Premium shadcn/ui registry with 1,635 marketing/SaaS blocks organized into 60+ categories (Hero 217, Feature 311, Pricing 96, Testimonial 39, Footer 44, Data Table 32, Sidebar 21, Dashboard 18, Ecommerce, Charts, and more), 1,684 component variants, 16 Next.js/Astro templates (priced ~$79 each), an Admin Kit, and a Figma Kit. Installation via shadcn CLI, MCP, or a VS Code/Cursor IDE extension. Free blocks available; full access requires a one-time purchase ($149-$399). Use for: rapidly assembling marketing pages or SaaS dashboards from a best-in-class collection of production-ready, full-width sections.

## Links

- Website: https://shadcnblocks.com
- GitHub: https://github.com/shadcnblocks/shadcn-ui-blocks
- Registry JSON: https://shadcnblocks.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/shadcnblocks
- This file: https://sh4dcn.vercel.app/md/shadcnblocks.md
- Pro / pricing: https://www.shadcnblocks.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://shadcnblocks.com/r/registry.json
pnpm dlx shadcn@latest add https://shadcnblocks.com/r/registry.json
bunx shadcn@latest add https://shadcnblocks.com/r/registry.json
# clone the source repo
git clone https://github.com/shadcnblocks/shadcn-ui-blocks.git
# fetch the raw registry index
curl -s https://shadcnblocks.com/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| about1 | registry:block | A multi-section about block with mission statement, values grid with icons, and image panels for company storytelling. | `npx shadcn@latest add https://shadcnblocks.com/r/about1.json` |
| about10 | registry:block | A two-column about section with sticky sidebar containing avatar and contact link, and main content with bio, philosophy, workspace image, and team list. | `npx shadcn@latest add https://shadcnblocks.com/r/about10.json` |
| about12 | registry:block | A structured agency about section with labeled sections, process cards with numbered badges, milestone stats, awards list, and testimonial with case study link. | `npx shadcn@latest add https://shadcnblocks.com/r/about12.json` |
| about13 | registry:block | A six-column about section with large story headline, team intro text, avatar profile card, philosophy paragraph, and full-width image. | `npx shadcn@latest add https://shadcnblocks.com/r/about13.json` |
| about14 | registry:block | A six-column about section with headline, full-width hero image, labeled intro text, avatar profile, and philosophy statement. | `npx shadcn@latest add https://shadcnblocks.com/r/about14.json` |
| about15 | registry:block | A dark two-column about section with rotated polaroid-style photo card on the left and headline with body text on the right. | `npx shadcn@latest add https://shadcnblocks.com/r/about15.json` |
| about16 | registry:block | A six-column about section with sticky Why Us label, quote-style headline, supporting text, full-width image, and three-row stats list. | `npx shadcn@latest add https://shadcnblocks.com/r/about16.json` |
| about17 | registry:block | A seven-column profile section with role and timezone info, bio text, interactive tab navigation, and tab-controlled image display. | `npx shadcn@latest add https://shadcnblocks.com/r/about17.json` |
| about18 | registry:block | A seven-column about section with mission and drive content blocks, each with label, headline, and supporting text, separated by a two-image row. | `npx shadcn@latest add https://shadcnblocks.com/r/about18.json` |
| about19 | registry:block | A seven-column about section with large bordered image on the left and headline, text, quote attribution with avatar on the right. | `npx shadcn@latest add https://shadcnblocks.com/r/about19.json` |
| about2 | registry:block | A comprehensive about block with centered intro, asymmetric image grid, stats section, logo strip, and benefit cards with testimonial. | `npx shadcn@latest add https://shadcnblocks.com/r/about2.json` |
| about28 | registry:block | A two-column about section with alternating image and text blocks, featuring staggered image pairs and multi-paragraph text with optional CTA. | `npx shadcn@latest add https://shadcnblocks.com/r/about28.json` |
| about3 | registry:block | A two-column about section with main image, breakout card, logo strip, and achievements stats grid on muted background. | `npx shadcn@latest add https://shadcnblocks.com/r/about3.json` |
| about4 | registry:block | A centered about section with six-image grid, two-column vision and creators text blocks, and muted CTA banner. | `npx shadcn@latest add https://shadcnblocks.com/r/about4.json` |
| about5 | registry:block | A developer-focused about section with two-column intro, large image, tech logos, origin story, and milestone cards. | `npx shadcn@latest add https://shadcnblocks.com/r/about5.json` |
| about6 | registry:block | A two-column about section with story text and staggered photo grids showing team and workplace imagery. | `npx shadcn@latest add https://shadcnblocks.com/r/about6.json` |
| about7 | registry:block | A narrative about section with offset image layout, product philosophy text, team photos, and careers CTA button. | `npx shadcn@latest add https://shadcnblocks.com/r/about7.json` |
| about8 | registry:block | A fintech-style about section with plus-sign pattern background, stats row, mission narrative, image carousel, and founding team. | `npx shadcn@latest add https://shadcnblocks.com/r/about8.json` |
| about9 | registry:block | A personal profile section with large team photo, role and location info with flag icon, bio text, and secondary workspace image. | `npx shadcn@latest add https://shadcnblocks.com/r/about9.json` |
| accept-invite1 | registry:block | A two-column invitation acceptance screen with Google sign-in, email input form, welcome message, and footer links. | `npx shadcn@latest add https://shadcnblocks.com/r/accept-invite1.json` |
| accept-invite2 | registry:block | A compact centered invitation card with host avatar initial, personalized message, and accept/decline buttons with expiration notice. | `npx shadcn@latest add https://shadcnblocks.com/r/accept-invite2.json` |
| address-book1 | registry:block | This component provides an interactive interface for managing and editing a list of addresses, allowing users to add, edit, and delete addresses with form inpu… | `npx shadcn@latest add https://shadcnblocks.com/r/address-book1.json` |
| address-book2 | registry:block | The AddressBook2 component is designed to manage a collection of addresses, allowing users to view, edit, add, and delete addresses within a card-based layout.… | `npx shadcn@latest add https://shadcnblocks.com/r/address-book2.json` |
| application-shell1 | registry:block | A full application shell with collapsible sidebar, grouped navigation with submenus, user dropdown in footer, header with breadcrumbs, and placeholder content … | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell1.json` |
| application-shell10 | registry:block | A support or helpdesk application shell with ticket sidebar, command palette search, conversation view with message input, and ticket category navigation. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell10.json` |
| application-shell11 | registry:block | A YouTube-style video platform shell with category sidebar, collapsible subscription sections, search bar in header, and user dropdown with account options. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell11.json` |
| application-shell12 | registry:block | Two-tier sidebar with collapsible panel, organization switcher, and animated transitions. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell12.json` |
| application-shell13 | registry:block | Top navigation bar with dropdown menus, search field, organization switcher, and mobile bottom navigation. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell13.json` |
| application-shell14 | registry:block | Cryptocurrency exchange interface with wallet menu, token favorites, notifications, and rounded navigation tabs. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell14.json` |
| application-shell2 | registry:block | An application shell with inset collapsible sidebar that collapses to icon-only mode, grouped navigation with submenus, user dropdown footer, and content area. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell2.json` |
| application-shell3 | registry:block | An application shell with horizontal top navigation bar featuring dropdown menus, search input, user dropdown, and mobile sheet menu for responsive navigation. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell3.json` |
| application-shell4 | registry:block | An application shell with horizontal top navigation using tab-style links, search input, user dropdown, and mobile sheet menu for responsive navigation. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell4.json` |
| application-shell5 | registry:block | An application shell with floating sidebar variant, grouped navigation with collapsible submenus, user dropdown footer, and toggle button in sidebar header. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell5.json` |
| application-shell6 | registry:block | An application shell with module switcher in sidebar, animated navigation transitions, badge counts on menu items, and drawer for mobile with motion effects. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell6.json` |
| application-shell7 | registry:block | A messaging-style application shell with channel sidebar, pinned items, user presence indicators, header with breadcrumbs and actions, and drawer for mobile. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell7.json` |
| application-shell8 | registry:block | An email client application shell with folder sidebar, workspace switcher, search input, message list with badges, and user dropdown with notification settings. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell8.json` |
| application-shell9 | registry:block | A code editor-style application shell with activity bar, file explorer sidebar with collapsible folders, and panel toggle for secondary content area. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell9.json` |
| awards1 | registry:block | A section with a large heading and a full-width table of award name, description, and year, with each name linked externally. | `npx shadcn@latest add https://shadcnblocks.com/r/awards1.json` |
| awards2 | registry:block | A two-column layout with a small uppercase label and sticky positioning beside a list of award titles and years separated by hairline borders. | `npx shadcn@latest add https://shadcnblocks.com/r/awards2.json` |
| awards3 | registry:block | A titled section with intro text and stacked rows showing a color marker, award title, categories, year, and a sliding accent background on hover. | `npx shadcn@latest add https://shadcnblocks.com/r/awards3.json` |
| awards4 | registry:block | A large display Awards heading paired with a parenthetical date subtitle above a table of logo chips, names, nominations, and years. | `npx shadcn@latest add https://shadcnblocks.com/r/awards4.json` |
| awards5 | registry:block | A serif-styled grid with a sticky sidebar label and large award titles where pointer movement drives a scaled preview image for the active row. | `npx shadcn@latest add https://shadcnblocks.com/r/awards5.json` |
| awards6 | registry:block | A display-size milestones heading over a labeled grid of milestone title, type, and year with horizontal separators between entries. | `npx shadcn@latest add https://shadcnblocks.com/r/awards6.json` |
| awards7 | registry:block | Two columns: intro and an accolade stack with separators on the left, and a product image band plus headline, copy, and three large stats on the right. | `npx shadcn@latest add https://shadcnblocks.com/r/awards7.json` |
| background-pattern1 | registry:block | This component generates a full-screen background pattern with a radial gradient effect, applying customizable styles through optional class names. It features… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern1.json` |
| background-pattern10 | registry:block | This component creates a visually appealing background with a grid pattern using CSS gradients, which is centered and takes up the full width and height of the… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern10.json` |
| background-pattern100 | registry:block | A full-height section with two large bottom-corner radial gradients, heavy blur, desaturated SVG noise on top, and centered pattern placeholder. | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern100.json` |
| background-pattern11 | registry:block | This component renders a full-screen section with a diagonal cross grid background pattern, making it suitable for visually distinct layouts. It accepts a `cla… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern11.json` |
| background-pattern111 | registry:block | A full-height centered section whose primary dot grid is masked so the pattern reads strongest toward the upper right and fades leftward, with PatternPlacehold… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern111.json` |
| background-pattern112 | registry:block | A full-height centered section whose primary dot grid is masked so the pattern is strongest toward the upper left and softens toward the right, including Patte… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern112.json` |
| background-pattern113 | registry:block | A full-height centered section with a primary dot grid masked from the bottom-right corner so the pattern fades toward the opposite side, plus PatternPlacehold… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern113.json` |
| background-pattern115 | registry:block | A full-height centered section with a primary dot grid vignetted from the middle so the edges fall away, centered PatternPlaceholder, and optional section clas… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern115.json` |
| background-pattern116 | registry:block | A full-height centered section with a wide elliptical mask so the primary dot grid is strongest under the top edge and fades downward with a soft multi-stop fa… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern116.json` |
| background-pattern117 | registry:block | A full-height centered section with a primary-tinted dot grid that fades upward from the bottom, using PatternPlaceholder as sample foreground content. | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern117.json` |
| background-pattern12 | registry:block | This component displays a visually engaging diagonal cross grid background pattern with fade effects, suitable for enhancing the visual appeal of any block. It… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern12.json` |
| background-pattern13 | registry:block | This component renders a visually engaging background pattern featuring a left fade diagonal cross grid, suitable for enhancing the aesthetic appeal of any int… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern13.json` |
| background-pattern14 | registry:block | This component serves as a full-screen background pattern block, featuring a diagonally oriented cross grid with a top fade effect. It allows customization thr… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern14.json` |
| background-pattern15 | registry:block | This component creates a visually engaging background pattern with diagonal cross grids and a bottom fade effect, enhancing the aesthetic of any interface. It … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern15.json` |
| background-pattern16 | registry:block | This component creates a visually appealing background pattern using diagonal cross grids and fade effects, ideal for enhancing the aesthetics of any user inte… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern16.json` |
| background-pattern17 | registry:block | This component creates a visually appealing background pattern using a diagonal cross grid with a radial fade effect, set to fill a full-screen height layout. … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern17.json` |
| background-pattern18 | registry:block | This component creates a visually engaging background pattern using diagonal cross grids and a center fade effect, perfect for dynamic and modern UX designs. I… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern18.json` |
| background-pattern19 | registry:block | This component creates a full-screen container featuring a dashed grid background pattern, ideal for visually structuring content in an engaging way. It accept… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern19.json` |
| background-pattern2 | registry:block | This component serves as a customizable background pattern block, featuring a radial gradient design with placeholder support. It allows users to apply additio… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern2.json` |
| background-pattern20 | registry:block | This component creates a full-screen background pattern featuring a right-fade dashed grid effect, offering a distinctive and visually engaging backdrop for va… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern20.json` |
| background-pattern21 | registry:block | This component renders a full-screen block with a dashed grid background pattern, featuring a gradient and masking effects for added visual depth. It is ideal … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern21.json` |
| background-pattern22 | registry:block | This component creates a visually dynamic background pattern, featuring a dashed grid overlay with a top fade effect and a radial gradient. It serves as a vers… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern22.json` |
| background-pattern23 | registry:block | The BackgroundPattern23 component creates a visually engaging block with a customizable background pattern featuring a dashed grid and radial gradient effects.… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern23.json` |
| background-pattern24 | registry:block | This component creates a visually engaging background with a faded dashed grid pattern and supports custom styling through class names. It is ideal for adding … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern24.json` |
| background-pattern25 | registry:block | This component generates a visually appealing background pattern with a bottom-left fade dashed grid effect, suitable for enhancing the design of user interfac… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern25.json` |
| background-pattern26 | registry:block | This component creates a visually appealing background pattern using intersecting linear and radial gradients, ideal for adding texture and depth to any layout… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern26.json` |
| background-pattern27 | registry:block | This component serves as a flexible background block that fills the entire viewport with a gradient and a placeholder pattern. It allows for customization thro… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern27.json` |
| background-pattern28 | registry:block | This component, called BackgroundPattern28, is designed to display a customizable full-screen background pattern with a radial gradient effect that centers at … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern28.json` |
| background-pattern29 | registry:block | This component renders a full-screen background pattern with a top radial glow effect, designed to enhance the visual appeal of any interface. It allows custom… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern29.json` |
| background-pattern3 | registry:block | This component creates a full-screen flex container with a customizable linear grid background pattern suitable for visually enhancing layouts. It integrates a… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern3.json` |
| background-pattern30 | registry:block | This component renders a full-screen background pattern with radial gradients, designed to enhance visual appeal. It provides a placeholder for additional patt… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern30.json` |
| background-pattern31 | registry:block | This component renders a full-screen background featuring a circuit board pattern using CSS gradients, ideal for creating a visually engaging backdrop. It incl… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern31.json` |
| background-pattern32 | registry:block | This component displays a visually appealing background pattern with a right-side fade resembling a circuit board, suitable for enhancing the aesthetics of a u… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern32.json` |
| background-pattern33 | registry:block | This component is designed to create a visually engaging background with a circuit board pattern, featuring a left fade effect. It allows for customizable clas… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern33.json` |
| background-pattern34 | registry:block | This component, named BackgroundPattern34, creates a visually appealing background pattern with a top fade circuit board effect suitable for full-screen displa… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern34.json` |
| background-pattern35 | registry:block | This component is designed to display a full-screen background with a circuit board pattern, creating a visually engaging backdrop for other content. It includ… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern35.json` |
| background-pattern36 | registry:block | A component that creates a visually interesting background pattern using a combination of linear gradients and radial masks, designed to mimic a circuit board … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern36.json` |
| background-pattern37 | registry:block | This component is designed to showcase a full-screen background with a visually engaging circuit board pattern, featuring gradient lines and an elliptical mask… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern37.json` |
| background-pattern38 | registry:block | This component creates a visually engaging background pattern with a center-fade circuit board design, ideal for adding dynamic aesthetics to full-screen secti… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern38.json` |
| background-pattern39 | registry:block | The BackgroundPattern39 component creates a visually appealing section with a dynamic white grid and dots background, perfect for enhancing the aesthetics of a… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern39.json` |
| background-pattern4 | registry:block | This component creates a full-screen background with a diagonal fade grid pattern using CSS gradients and masking techniques. It allows for additional styling … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern4.json` |
| background-pattern40 | registry:block | This component serves as a versatile background pattern featuring a combination of linear and radial gradients, creating a grid with dots effect. It is designe… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern40.json` |
| background-pattern5 | registry:block | This component creates a full-screen background pattern with a diagonal fade grid effect, ideal for enhancing the visual appeal of a user interface. It utilize… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern5.json` |
| background-pattern6 | registry:block | This component renders a full-screen background pattern with a top fade grid effect, providing a visually appealing design element. It allows for custom stylin… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern6.json` |
| background-pattern7 | registry:block | This component creates a visually dynamic background with a grid pattern and a radial fade effect, allowing users to apply customizable styles through the `cla… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern7.json` |
| background-pattern8 | registry:block | This component, named BackgroundPattern8, is designed to create a visually appealing full-screen background with a fade grid pattern effect. It includes a cust… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern8.json` |
| background-pattern9 | registry:block | This component, BackgroundPattern9, creates a visually appealing background with a grid pattern and a radial fade effect in the bottom right corner, which serv… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern9.json` |
| background-pattern95 | registry:block | A full-height section with four chart-tinted radial glows on the page background plus a high-frequency conic noise overlay in blend mode, centered pattern plac… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern95.json` |
| background-pattern96 | registry:block | A min-height screen section with stacked corner radial gradients from chart colors and a full-bleed SVG fractal noise layer at reduced opacity in overlay blend. | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern96.json` |
| background-pattern97 | registry:block | A full-height canvas with several large blurred radial gradients forming a mesh of chart colors, plus SVG fractal noise in overlay for grain, centered placehol… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern97.json` |
| background-pattern98 | registry:block | A viewport-tall section with three stacked bottom-anchored radial glows in chart colors, heavy blur, SVG noise overlay, and centered pattern placeholder. | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern98.json` |
| background-pattern99 | registry:block | A min-height screen backdrop with two large blurred radial gradients from opposite corners using chart colors, SVG noise overlay, and centered pattern placehol… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern99.json` |
| banner1 | registry:block | A thin top bar with centered title, muted supporting text, an inline external link, and a ghost icon button that hides the banner. | `npx shadcn@latest add https://shadcnblocks.com/r/banner1.json` |
| banner2 | registry:block | A muted banner inside the site container with inline title, description, link, and ghost close icon that removes the bar when clicked. | `npx shadcn@latest add https://shadcnblocks.com/r/banner2.json` |
| banner3 | registry:block | A solid primary strip with title and description beside a secondary shop-button link and icon, plus dismiss controls that move between mobile and desktop. | `npx shadcn@latest add https://shadcnblocks.com/r/banner3.json` |
| banner4 | registry:block | Full-width primary banner with title, supporting line, and dismiss icon; stacks on small screens and aligns on one row on wider viewports. | `npx shadcn@latest add https://shadcnblocks.com/r/banner4.json` |
| banner5 | registry:block | Absolutely positioned rounded banner with title, muted description, outline link button, and dismiss control that reflows from column to row on wider viewports. | `npx shadcn@latest add https://shadcnblocks.com/r/banner5.json` |
| banner6 | registry:block | Rounded floating banner with overlapping avatars, bold social-proof line, and a circular dismiss button beside the copy. | `npx shadcn@latest add https://shadcnblocks.com/r/banner6.json` |
| banner7 | registry:block | Dismissible full-width strip with message, vertical divider, learn-more link with arrow on desktop, and ghost close control. | `npx shadcn@latest add https://shadcnblocks.com/r/banner7.json` |
| bento10 | registry:block | Two-by-two feature bento with avatar goal card, animated timing bar chart, overlapping dashboard imagery, and a collaboration widget panel. | `npx shadcn@latest add https://shadcnblocks.com/r/bento10.json` |
| bento11 | registry:block | Five-tile bento on a six-column grid combining cover photography, animated bar charts, and compact UI widget illustrations with varied aspect ratios. | `npx shadcn@latest add https://shadcnblocks.com/r/bento11.json` |
| bento12 | registry:block | Two-by-two bento placing headings above each tile visual, with grid-background icon flows, document UI mocks, and branded illustration panels. | `npx shadcn@latest add https://shadcnblocks.com/r/bento12.json` |
| bento13 | registry:block | Asymmetric eight-column bento with caption-below layout, mixing a document menu sidebar, wide dashboard panels, and compact icon illustrations on grid backgrou… | `npx shadcn@latest add https://shadcnblocks.com/r/bento13.json` |
| bento14 | registry:block | Four-tile dark bento for voice generation features with animated sound-wave fills, language selection UI, voice tuning controls, and instant generation preview. | `npx shadcn@latest add https://shadcnblocks.com/r/bento14.json` |
| bento15 | registry:block | Three-tile dark bento with emotion-based voice delivery UI, script-to-speech automation panel, and a full-width multi-format audio export preview. | `npx shadcn@latest add https://shadcnblocks.com/r/bento15.json` |
| bento16 | registry:block | Four-tile dark bento mixing two cover-image panels with script-enhancer and team-workspace UI mocks in an eight-column checkerboard grid. | `npx shadcn@latest add https://shadcnblocks.com/r/bento16.json` |
| bento17 | registry:block | Four-tile dark bento with a voice-preview image, brand-profile UI with count-up stats, multilingual model rows, and emotion tone picker controls. | `npx shadcn@latest add https://shadcnblocks.com/r/bento17.json` |
| bento18 | registry:block | Two-column bento with caption-below tiles mixing scroll-reveal photography and one animated predictive-analytics UI panel in a wide panoramic row. | `npx shadcn@latest add https://shadcnblocks.com/r/bento18.json` |
| bento19 | registry:block | Six-card masonry bento in three staggered columns with integration logo pills, animated charts, and compact AI feature UI illustrations in bordered cards. | `npx shadcn@latest add https://shadcnblocks.com/r/bento19.json` |
| bento2 | registry:block | Asymmetric two-column bento with count-up income stats, bar chart SVG, network beam diagram, and staggered project cards. | `npx shadcn@latest add https://shadcnblocks.com/r/bento2.json` |
| bento20 | registry:block | Three-tile bento leading with a split text-and-image hero card for recommendation intelligence, plus a wide data-analysis image and a budget-widget performance… | `npx shadcn@latest add https://shadcnblocks.com/r/bento20.json` |
| bento21 | registry:block | Neutral five-tile bento with animated waveform panel, AI model marquee, three webp visuals, and caption rows about health monitoring and compliance. | `npx shadcn@latest add https://shadcnblocks.com/r/bento21.json` |
| bento22 | registry:block | Black five-tile bento with dashed borders, two cover-image headers, and three animated dashboard cells for predictive analytics, task management, and recommend… | `npx shadcn@latest add https://shadcnblocks.com/r/bento22.json` |
| bento23 | registry:block | Black four-tile two-by-two bento where two cards place copy above the visual and two place it below, pairing webp panels with AI workflow captions. | `npx shadcn@latest add https://shadcnblocks.com/r/bento23.json` |
| bento24 | registry:block | Black four-tile bento in offset left and right stacks with alternating wide and tall aspect panels for sync, trends, decisions, and data visualization. | `npx shadcn@latest add https://shadcnblocks.com/r/bento24.json` |
| bento25 | registry:block | Black four-tile bento on an eight-five column rhythm with wide automation and dashboard headers above webp panels plus narrower benchmarking cells. | `npx shadcn@latest add https://shadcnblocks.com/r/bento25.json` |
| bento26 | registry:block | White two-by-two bento with animated UI previews above icon-labeled headlines on modular layouts, drag-and-drop styling, responsive auto-fit, and adaptive sizi… | `npx shadcn@latest add https://shadcnblocks.com/r/bento26.json` |
| bento27 | registry:block | White four-tile bento alternating headline placement with animated previews for theme switching, grid alignment, micro-interactions, and CTA emphasis blocks. | `npx shadcn@latest add https://shadcnblocks.com/r/bento27.json` |
| bento28 | registry:block | White two-by-two bento pairing animated UI previews with icon headlines on optimized assets, real-time editing, multi-content attachments, and brand typography. | `npx shadcn@latest add https://shadcnblocks.com/r/bento28.json` |
| bento29 | registry:block | White four-tile bento on a nine-seven column split with wide and narrow animated previews plus icon captions for modular grids, drag control, and responsive sc… | `npx shadcn@latest add https://shadcnblocks.com/r/bento29.json` |
| bento3 | registry:block | Two-column bento with count-up gauge, chart imagery, QR scanner animation, and hub network beams behind split headlines. | `npx shadcn@latest add https://shadcnblocks.com/r/bento3.json` |
| bento30 | registry:block | Muted healthcare bento stacking satisfaction percentage counters, framed UI panels, video consultation and health monitoring cards with HIPAA-focused copy. | `npx shadcn@latest add https://shadcnblocks.com/r/bento30.json` |
| bento31 | registry:block | Healora-themed bento mixing report generation and appointment scheduling cards, an indigo patient-stories panel with heart-rate animation, and timeline widgets. | `npx shadcn@latest add https://shadcnblocks.com/r/bento31.json` |
| bento32 | registry:block | Four-tile visual-only bento with gradient app-download CTA, automated savings mockup, and two square product panels on mixed pastel tile backgrounds. | `npx shadcn@latest add https://shadcnblocks.com/r/bento32.json` |
| bento33 | registry:block | Dense nine-cell bento on slate gray with upgrade discount pricing, animated barcode, mixed UI widgets, and a tall sidebar column of stacked panels. | `npx shadcn@latest add https://shadcnblocks.com/r/bento33.json` |
| bento34 | registry:block | Seven-tile legal-tech bento with background-check and forensics headers, AI legal assistance cards, cybercrime detection visuals, and stacked evidence panels. | `npx shadcn@latest add https://shadcnblocks.com/r/bento34.json` |
| bento35 | registry:block | Three-column dark bento for wireless audio with orange hero panels, lime waveform tiles, product photography, and a stacked color-swatch reference card. | `npx shadcn@latest add https://shadcnblocks.com/r/bento35.json` |
| bento36 | registry:block | Multi-row dark bento with amber hero typography over product photography, plus a mosaic of smaller branded panels in mixed aspect ratios. | `npx shadcn@latest add https://shadcnblocks.com/r/bento36.json` |
| bento37 | registry:block | Asymmetric dark bento with a tall left image column carrying outlined marquee text and a right stack of product photography and UI accent panels. | `npx shadcn@latest add https://shadcnblocks.com/r/bento37.json` |
| bento38 | registry:block | Two-column dark bento with tall portrait tile, stacked FASHIONS typography, color bands, and scroll-animated fashion imagery. | `npx shadcn@latest add https://shadcnblocks.com/r/bento38.json` |
| bento39 | registry:block | Multi-row gray-background bento mixing QR imagery, revenue bar chart, candlestick animation, gradient ring stat, and discount barcode card. | `npx shadcn@latest add https://shadcnblocks.com/r/bento39.json` |
| bento4 | registry:block | Black-background two-by-two bento mixing beam network SVG, static imagery, and an orange playhead scrubbing a bar chart. | `npx shadcn@latest add https://shadcnblocks.com/r/bento4.json` |
| bento40 | registry:block | Two-row black bento with voice feature cards, animated language keyboard, customization mockups, and fingerprint authentication panel. | `npx shadcn@latest add https://shadcnblocks.com/r/bento40.json` |
| bento41 | registry:block | Asymmetric black bento with productivity headline, product screenshot, automation workflow UI, social analytics chart, and right-column CTA panel. | `npx shadcn@latest add https://shadcnblocks.com/r/bento41.json` |
| bento42 | registry:block | Four equal dark cards in a two-by-two grid, each pairing a feature headline with an animated product UI mockup for assignment, prioritization, progress, and cl… | `npx shadcn@latest add https://shadcnblocks.com/r/bento42.json` |
| bento43 | registry:block | Asymmetric black bento with integration flow diagram, privacy messaging, counting performance stat, and floating globe illustration. | `npx shadcn@latest add https://shadcnblocks.com/r/bento43.json` |
| bento44 | registry:block | Three-row black bento with animated world map, collaboration card, integration icon row, and wide mobile mockup with CTA. | `npx shadcn@latest add https://shadcnblocks.com/r/bento44.json` |
| bento45 | registry:block | Asymmetric black bento mixing design-process timeline, API documentation visuals, stat counters, and a buy-sell trading panel with CTA. | `npx shadcn@latest add https://shadcnblocks.com/r/bento45.json` |
| bento46 | registry:block | Two-column black bento with AI chat mockup, scrolling integration marquee, reporting screenshot, and animated data connection paths. | `npx shadcn@latest add https://shadcnblocks.com/r/bento46.json` |
| bento47 | registry:block | Multi-span dark bento where each card pairs a headline with dashboard mockups, share UI, integration diagrams, and collaboration visuals. | `npx shadcn@latest add https://shadcnblocks.com/r/bento47.json` |
| bento48 | registry:block | White-background two-by-two bento with layered dashboard images, voice assistant mockup, and animated certificate cards. | `npx shadcn@latest add https://shadcnblocks.com/r/bento48.json` |
| bento49 | registry:block | Wide hero card with recommendation engine and radial chart above a two-column row of bar dashboard and share timer widgets. | `npx shadcn@latest add https://shadcnblocks.com/r/bento49.json` |
| bento5 | registry:block | Five-tile healthcare bento with animated health bars, scheduling imagery, interactive weight curve, wellness photo, and diagnostics visual. | `npx shadcn@latest add https://shadcnblocks.com/r/bento5.json` |
| bento50 | registry:block | Eight-column white bento mixing product screenshots, AI onboarding flow panels, and a gradient payment notification card. | `npx shadcn@latest add https://shadcnblocks.com/r/bento50.json` |
| bento51 | registry:block | Three-column light bento with revenue chart, AI learning graph, skeleton editor, screenshot, document stack, and anomaly heatmap tiles. | `npx shadcn@latest add https://shadcnblocks.com/r/bento51.json` |
| bento52 | registry:block | Tight two-row dark bento with voice waveform, performance chart, sales bars, auto-cycling progress tracker, and Kanban card stack. | `npx shadcn@latest add https://shadcnblocks.com/r/bento52.json` |
| bento53 | registry:block | Dark bento with scrolling service pill marquees, team invitation network, Solidity code block, crypto token ring, and tag cloud. | `npx shadcn@latest add https://shadcnblocks.com/r/bento53.json` |
| bento54 | registry:block | Four-column dark bento with newsletter counter, Gantt timeline, avatar collaboration rings, accounting panels, and animated world map. | `npx shadcn@latest add https://shadcnblocks.com/r/bento54.json` |
| bento6 | registry:block | Black-background six-column bento with four dashed-border tiles mixing animated SVG diagrams and scroll-reveal product imagery. | `npx shadcn@latest add https://shadcnblocks.com/r/bento6.json` |
| bento7 | registry:block | Neutral three-row bento pairing two feature cards with UI mini-mocks and a full-width model-selector panel with integration logos. | `npx shadcn@latest add https://shadcnblocks.com/r/bento7.json` |
| bento8 | registry:block | Four-card bento alternating animated document-flow and budget widgets with two photographic image tiles and scroll-triggered scale animations. | `npx shadcn@latest add https://shadcnblocks.com/r/bento8.json` |
| bento9 | registry:block | Five-tile black bento for chatbot features with animated message bubbles, encryption UI, voice imagery, and context-aware suggestion chips. | `npx shadcn@latest add https://shadcnblocks.com/r/bento9.json` |
| blog1 | registry:block | Large section heading, shadcn/ui Select filters, and a responsive grid of linked cards showing images, excerpts, and outline category badges. | `npx shadcn@latest add https://shadcnblocks.com/r/blog1.json` |
| blog11 | registry:block | Muted split layout with sticky intro column showing icon, Blog Posts heading, category links, and a two-column grid of tiles whose photos reveal on hover. | `npx shadcn@latest add https://shadcnblocks.com/r/blog11.json` |
| blog12 | registry:block | Centered outline badge intro, three bordered article cards with media, excerpts, author avatars, read-time badges, and an outline view-all button. | `npx shadcn@latest add https://shadcnblocks.com/r/blog12.json` |
| blog13 | registry:block | Centered Articles header with view-all link and a three-column grid of posts showing imagery, floating category badges, titles, calendar dates, and read-more l… | `npx shadcn@latest add https://shadcnblocks.com/r/blog13.json` |
| blog14 | registry:block | Centered section heading and subtitle, two-column featured article with media and badge, then a Popular Posts row of three compact stories with categories. | `npx shadcn@latest add https://shadcnblocks.com/r/blog14.json` |
| blog16 | registry:block | Blog list rows with team logo and name, date, linked headline, pill-shaped category links, Separator dividers, and an outline icon button on large screens. | `npx shadcn@latest add https://shadcnblocks.com/r/blog16.json` |
| blog17 | registry:block | Centered header with Badge and intro copy, then ghost Buttons filter categories beside a stacked feed of linked articles with Separator breaks between items. | `npx shadcn@latest add https://shadcnblocks.com/r/blog17.json` |
| blog19 | registry:block | Related articles heading beside a small outline Button, above a responsive grid of linked article stacks showing category, title, summary, and date. | `npx shadcn@latest add https://shadcnblocks.com/r/blog19.json` |
| blog21 | registry:block | Horizontal carousel of bordered image cards with topic and date badges, prev or next icon Buttons, gradient section backdrop, and a centered outline View All A… | `npx shadcn@latest add https://shadcnblocks.com/r/blog21.json` |
| blog22 | registry:block | Light section with heading row, outline Read More button, large featured image and headline with Avatar author row, plus a second column of square thumbnails b… | `npx shadcn@latest add https://shadcnblocks.com/r/blog22.json` |
| blog23 | registry:block | Narrow centered column with Badge, heading, description, then full-width stacked posts as image-led Cards with label, author, date, title link, summary, and ou… | `npx shadcn@latest add https://shadcnblocks.com/r/blog23.json` |
| blog24 | registry:block | Centered Badge-led header over a max-width feed where each post Card pairs a fixed-width thumbnail link with label, author, date, title, summary, and Read more… | `npx shadcn@latest add https://shadcnblocks.com/r/blog24.json` |
| blog26 | registry:block | Large Blog wordmark beside tagline and bordered author chip, then two columns with AspectRatio image and lead story stack opposite a Latest list of linked titl… | `npx shadcn@latest add https://shadcnblocks.com/r/blog26.json` |
| blog27 | registry:block | Top band with dotted muted background, Breadcrumb, headline copy, and spotlight Card, then All Blogs with horizontal RadioGroup filters, three-column Card grid… | `npx shadcn@latest add https://shadcnblocks.com/r/blog27.json` |
| blog28 | registry:block | Centered page title above a responsive grid where the first article spans extra rows and columns with image, metadata row, headline, and excerpt while smaller … | `npx shadcn@latest add https://shadcnblocks.com/r/blog28.json` |
| blog29 | registry:block | A blog index with a page title, stacked post rows showing date, title, excerpt, tag badges, and a circular arrow button, with separators between entries. | `npx shadcn@latest add https://shadcnblocks.com/r/blog29.json` |
| blog3 | registry:block | A blog section with a page header and a responsive grid of labeled posts with images, summaries, and author lines. | `npx shadcn@latest add https://shadcnblocks.com/r/blog3.json` |
| blog30 | registry:block | A blog section with a bold page heading and repeating two-column rows pairing a square image with title, uppercase date, excerpt, and a ghost Read control with… | `npx shadcn@latest add https://shadcnblocks.com/r/blog30.json` |
| blog31 | registry:block | This component dynamically displays a collection of blog posts with interactive animations and includes a prominent header for an engaging introduction. It all… | `npx shadcn@latest add https://shadcnblocks.com/r/blog31.json` |
| blog32 | registry:block | A blog listing with a section heading and responsive two-column grid of linked posts with images, category labels, and publish dates. | `npx shadcn@latest add https://shadcnblocks.com/r/blog32.json` |
| blog33 | registry:block | A centered blog grid of eight compact cards in four columns, each with a category badge, rounded thumbnail, title, summary, and read time. | `npx shadcn@latest add https://shadcnblocks.com/r/blog33.json` |
| blog34 | registry:block | A centered heading above a four-column grid of bordered cards with rounded thumbnails, category badges, author lines, and read links. | `npx shadcn@latest add https://shadcnblocks.com/r/blog34.json` |
| blog35 | registry:block | Centered section intro over full-width rows that alternate image-left and image-right layouts, separated by horizontal dividers with badge metadata and read li… | `npx shadcn@latest add https://shadcnblocks.com/r/blog35.json` |
| blog36 | registry:block | Badge-led intro above a feed where each row pairs metadata, copy, a square thumbnail, and a continue-reading link in a horizontal layout. | `npx shadcn@latest add https://shadcnblocks.com/r/blog36.json` |
| blog37 | registry:block | Two-column split with sticky category buttons in a left sidebar and a right feed of horizontal thumbnail rows that update when visitors change the active filte… | `npx shadcn@latest add https://shadcnblocks.com/r/blog37.json` |
| blog38 | registry:block | Section heading with outline action, split featured story with wide image and copy, then a three-column row of linked cards with category badges and metadata. | `npx shadcn@latest add https://shadcnblocks.com/r/blog38.json` |
| blog39 | registry:block | Uppercase section label above a two-column magazine split with a large left feature and a right stack of thumbnail mini posts separated by dividers. | `npx shadcn@latest add https://shadcnblocks.com/r/blog39.json` |
| blog4 | registry:block | A blog grid with section heading, intro line, card links showing images, category badges, author avatars, and a full-width view-all button on small screens onl… | `npx shadcn@latest add https://shadcnblocks.com/r/blog4.json` |
| blog40 | registry:block | Featured article in a two-column row with cover image beside category badge, headline, excerpt, author metadata, and read link inside one linked bordered card. | `npx shadcn@latest add https://shadcnblocks.com/r/blog40.json` |
| blog41 | registry:block | Section heading with left/right arrow controls above a horizontal Shadcn UI Carousel that shows three bordered blog cards at a time on desktop. | `npx shadcn@latest add https://shadcnblocks.com/r/blog41.json` |
| blog42 | registry:block | Section intro in a container above a full-bleed horizontal carousel of bordered story cards with cover image, category badge, headline, excerpt, date, and clic… | `npx shadcn@latest add https://shadcnblocks.com/r/blog42.json` |
| blog43 | registry:block | Two-column layout with sticky intro copy, outline tagline, primary CTA, arrow controls on the left, and a linked blog card carousel on the right. | `npx shadcn@latest add https://shadcnblocks.com/r/blog43.json` |
| blog44 | registry:block | Vertical timeline feed with a left rail, category labels, linked titles, and excerpt lines for each post. | `npx shadcn@latest add https://shadcnblocks.com/r/blog44.json` |
| blog45 | registry:block | Text-only blog index with bordered row dividers, right-aligned dates, and linked titles that underline on hover. | `npx shadcn@latest add https://shadcnblocks.com/r/blog45.json` |
| blog46 | registry:block | Newsletter signup header with email field and subscribe button above a two-column grid of linked photo cards with category, date, title, and excerpt. | `npx shadcn@latest add https://shadcnblocks.com/r/blog46.json` |
| blog5 | registry:block | A blog grid with the same card pattern as compact listings but mapping many posts, each with cover, badge, title, summary, avatar byline, and a mobile-only vie… | `npx shadcn@latest add https://shadcnblocks.com/r/blog5.json` |
| blog6 | registry:block | A blog grid with page title, subtitle, card links that lead with author and date, then title and summary, plus a mobile-only view-all button. | `npx shadcn@latest add https://shadcnblocks.com/r/blog6.json` |
| blog7 | registry:block | A centered blog section with secondary badge, large heading, supporting copy, and a responsive grid of image-top cards with linked titles, summaries, and read-… | `npx shadcn@latest add https://shadcnblocks.com/r/blog7.json` |
| blog8 | registry:block | A blog section with centered heading and description, then wide stacked rows pairing uppercase tag lines and copy with a bordered image, each with read-more li… | `npx shadcn@latest add https://shadcnblocks.com/r/blog8.json` |
| blogpost1 | registry:block | A single-post layout with centered title, subtitle, author row with avatar and site link, hero media, and prose body including headings, alert, table, and figu… | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost1.json` |
| blogpost10 | registry:block | A capped-width reading column with a fixed top progress indicator tied to scroll position, category label, and compact prose sections. | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost10.json` |
| blogpost11 | registry:block | A two-column blog hero pairing a full-height image panel with title, author row, separator, and a bordered pull-quote figure without motion effects. | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost11.json` |
| blogpost12 | registry:block | A centered title band above a capped prose column where the first paragraph opens with a large decorative initial letter and short section headings. | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost12.json` |
| blogpost13 | registry:block | A wide article column beside a sticky aside listing categorized related reading links with hover states and external arrow icons. | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost13.json` |
| blogpost2 | registry:block | A two-column blog article with a sticky narrow column for back navigation, display title, and avatar byline beside a main column with hero image and full prose. | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost2.json` |
| blogpost3 | registry:block | A long-form article block with a centered masthead, main column with prose sections, alerts and tables, sticky in-page navigation, and a bordered call-to-actio… | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost3.json` |
| blogpost4 | registry:block | A blog article with breadcrumbs, intro blurb, sectioned prose with alerts and tables, sticky section list, circular social share buttons, and a back-to-top con… | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost4.json` |
| blogpost5 | registry:block | A blog post layout with breadcrumbs, oversized headline, hero image, sectioned body with alerts and tables, and a narrow rail for on-page links and share butto… | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost5.json` |
| blogpost6 | registry:block | A blog article with dotted hero background, centered title and share row, sticky chapter list, long-form prose with images, and repeated author card. | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost6.json` |
| blogpost7 | registry:block | This component displays a blog post layout with animated transitions for various elements such as the title, author information, and descriptions. It features … | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost7.json` |
| blogpost8 | registry:block | A centered article header with hero image, prose body, and a sticky right sidebar listing numbered section links with scroll-aware active states. | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost8.json` |
| blogpost9 | registry:block | A single-column article with read time and date, hero image, prose sections, a labeled share button row, and a bordered author biography card at the bottom. | `npx shadcn@latest add https://shadcnblocks.com/r/blogpost9.json` |
| book-a-demo1 | registry:block | This component is designed to facilitate user engagement by providing a form for booking a demo, along with showcasing key benefits and a carousel of company l… | `npx shadcn@latest add https://shadcnblocks.com/r/book-a-demo1.json` |
| book-a-demo2 | registry:block | This component is a demonstration booking block that includes a contact form, a section for animated testimonials, and a footer highlighting trusted partners o… | `npx shadcn@latest add https://shadcnblocks.com/r/book-a-demo2.json` |
| book-a-demo3 | registry:block | The component combines a demo booking form with testimonial display functionality, aimed at facilitating user interaction through form inputs such as name, ema… | `npx shadcn@latest add https://shadcnblocks.com/r/book-a-demo3.json` |
| careers1 | registry:block | A careers section with a page heading, supporting copy, and repeating department blocks where each role is a row with title, location, and arrow link animation. | `npx shadcn@latest add https://shadcnblocks.com/r/careers1.json` |
| careers2 | registry:block | A careers band with outline badge, title, fallback hiring note, and rows of jobs showing type, city, remote label, and an apply button on a dashed grid backgro… | `npx shadcn@latest add https://shadcnblocks.com/r/careers2.json` |
| careers3 | registry:block | A careers block that prints category badges, then stacked job links with titles, one-line descriptions, map-prefixed locations, and trailing arrows. | `npx shadcn@latest add https://shadcnblocks.com/r/careers3.json` |
| careers4 | registry:block | A minimal careers section with configurable heading and grouped job rows showing title, location, and arrow link per opening. | `npx shadcn@latest add https://shadcnblocks.com/r/careers4.json` |
| careers5 | registry:block | A careers section with centered page title and a single-column list of roles showing title link, description, location icon row, and salary text. | `npx shadcn@latest add https://shadcnblocks.com/r/careers5.json` |
| careers6 | registry:block | A careers block with centered hero copy, quick stats row, and detailed job cards listing department, location, schedule, compensation, experience, and apply ac… | `npx shadcn@latest add https://shadcnblocks.com/r/careers6.json` |
| careers7 | registry:block | Careers section with an intro, category subheads, and rows for role title, location, and an outline button linking to each listing. | `npx shadcn@latest add https://shadcnblocks.com/r/careers7.json` |
| careers8 | registry:block | Department select filters a list of categories; each block shows a large category title and a responsive grid of cards with role name, location, and link targe… | `npx shadcn@latest add https://shadcnblocks.com/r/careers8.json` |
| careers9 | registry:block | Gradient-backed section with centered intro, separator-divided rows of department badge, role, location, trailing arrow, and footer copy linking to unsolicited… | `npx shadcn@latest add https://shadcnblocks.com/r/careers9.json` |
| case-studies1 | registry:block | This component showcases a set of visually engaging case study cards, each with interactive hover effects, designed to highlight how various solutions can enha… | `npx shadcn@latest add https://shadcnblocks.com/r/case-studies1.json` |
| case-studies10 | registry:block | Two landscape case study cards visible at once with soft edge fade masks hinting at more content, advancing one card at a time. | `npx shadcn@latest add https://shadcnblocks.com/r/case-studies10.json` |
| case-studies11 | registry:block | Static three-column grid of case study cards with portrait imagery, company logos, and titles beneath a centered section heading. | `npx shadcn@latest add https://shadcnblocks.com/r/case-studies11.json` |
| case-studies12 | registry:block | A static 2×2 grid of landscape case study cards with logos, titles, descriptions, and read-more links over full-bleed imagery. | `npx shadcn@latest add https://shadcnblocks.com/r/case-studies12.json` |
| case-studies2 | registry:block | This component displays case studies highlighting user testimonials and key performance metrics such as satisfaction rates and ROI improvement. It features vis… | `npx shadcn@latest add https://shadcnblocks.com/r/case-studies2.json` |
| case-studies3 | registry:block | This component displays a curated selection of case studies, featuring a prominent highlighted case study alongside additional entries. It supports customizabl… | `npx shadcn@latest add https://shadcnblocks.com/r/case-studies3.json` |
| case-studies4 | registry:block | This component displays a case study block highlighting significant improvements and achievements, featuring key statistics, an author profile, and a summary. … | `npx shadcn@latest add https://shadcnblocks.com/r/case-studies4.json` |
| case-studies5 | registry:block | This component is a carousel block that showcases a series of testimonials with accompanying logos and images. It allows users to navigate through different sl… | `npx shadcn@latest add https://shadcnblocks.com/r/case-studies5.json` |
| case-studies6 | registry:block | A horizontal carousel of case study cards with edge fade masks, company logos, titles over full-bleed imagery, and dot pagination. | `npx shadcn@latest add https://shadcnblocks.com/r/case-studies6.json` |
| case-studies8 | registry:block | Case study carousel showing three portrait cards at once on medium screens, advancing one card per step with dot pagination and no edge masks. | `npx shadcn@latest add https://shadcnblocks.com/r/case-studies8.json` |
| case-studies9 | registry:block | Case study carousel showing two landscape cards side by side, advancing one card at a time with logos, titles, descriptions, and read-more links. | `npx shadcn@latest add https://shadcnblocks.com/r/case-studies9.json` |
| case-study1 | registry:block | This component displays a detailed case study highlighting improvements in system reliability through AI monitoring, featuring key metrics, narrative sections,… | `npx shadcn@latest add https://shadcnblocks.com/r/case-study1.json` |
| case-study3 | registry:block | This component presents a detailed case study layout, including sections for introduction, problem statement, approach, and outcomes, with navigable headings t… | `npx shadcn@latest add https://shadcnblocks.com/r/case-study3.json` |
| case-study8 | registry:block | The component "CaseStudy8" is designed to present a detailed narrative with accompanying visuals, including an image and structured text sections for titles, p… | `npx shadcn@latest add https://shadcnblocks.com/r/case-study8.json` |
| changelog1 | registry:block | Stacked release entries pair a narrow sticky column of version badge and date with titles, descriptions, optional bullet lists, images, and external learn-more… | `npx shadcn@latest add https://shadcnblocks.com/r/changelog1.json` |
| changelog2 | registry:block | Centered page title with NEW badge, supporting blurb, inline email field and submit control, plus a dashed vertical timeline of posts with images, headlines, a… | `npx shadcn@latest add https://shadcnblocks.com/r/changelog2.json` |
| changelog3 | registry:block | Each update pairs a sticky date with colored category labels, prose heading and body with inline links, a bordered image, and horizontal separators between art… | `npx shadcn@latest add https://shadcnblocks.com/r/changelog3.json` |
| changelog4 | registry:block | Large changelog title, muted social follow bar, optional vertical timeline that fills with scroll, and two rich posts with hero images, avatars, dates, and nes… | `npx shadcn@latest add https://shadcnblocks.com/r/changelog4.json` |
| changelog5 | registry:block | Muted intro band with subscribe links, then a wide layout with sticky date links, vertical separator, and stacked posts showing imagery, category dots, rich pr… | `npx shadcn@latest add https://shadcnblocks.com/r/changelog5.json` |
| changelog6 | registry:block | Bordered page frame lists releases with dates, oversized titles, clickable hero art, excerpts, stacked contributor avatars, and icon buttons for expand, copy, … | `npx shadcn@latest add https://shadcnblocks.com/r/changelog6.json` |
| changelog8 | registry:block | Desktop sidebar lists each release title with version and date, scroll state highlights the active item, and the main column shows badge, date, copy, optional … | `npx shadcn@latest add https://shadcnblocks.com/r/changelog8.json` |
| chart-card1 | registry:block | A card containing an area chart with gradient fill, grid lines, and interactive tooltips. | `npx shadcn@latest add https://shadcnblocks.com/r/chart-card1.json` |
| chart-card10 | registry:block | A vertical stacked bar chart card showing multiple data series as segments within each bar. | `npx shadcn@latest add https://shadcnblocks.com/r/chart-card10.json` |
| chart-card11 | registry:block | A horizontal 100% stacked bar chart showing proportional breakdown across categories. | `npx shadcn@latest add https://shadcnblocks.com/r/chart-card11.json` |
| chart-card12 | registry:block | A minimal stacked bar chart with category labels only, no Y-axis for a cleaner look. | `npx shadcn@latest add https://shadcnblocks.com/r/chart-card12.json` |
| chart-card13 | registry:block | A bar chart with values above and below zero, using different colors for positive and negative values. | `npx shadcn@latest add https://shadcnblocks.com/r/chart-card13.json` |
| chart-card14 | registry:block | An area chart showing a min/max range band with an average line overlay. | `npx shadcn@latest add https://shadcnblocks.com/r/chart-card14.json` |
| chart-card15 | registry:block | A waterfall chart showing how an initial value changes through a series of increases and decreases to reach a final total. | `npx shadcn@latest add https://shadcnblocks.com/r/chart-card15.json` |
| chart-card16 | registry:block | A circular progress ring showing percentage completion toward a goal with centered value display. | `npx shadcn@latest add https://shadcnblocks.com/r/chart-card16.json` |
| chart-card17 | registry:block | A speedometer-style half-circle gauge with needle indicator and colored performance zones. | `npx shadcn@latest add https://shadcnblocks.com/r/chart-card17.json` |

## For AI agents

```text
You are adding components from @shadcnblocks to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/shadcnblocks.md) for the component list.
2. Fetch the machine-readable index: https://shadcnblocks.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: shadcnblocks).
```