sh4dcnv2 · atlas
← libraries

@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.

250 components pro available react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://shadcnblocks.com/r/registry.json
pnpm pnpm dlx shadcn@latest add https://shadcnblocks.com/r/registry.json
bun bunx shadcn@latest add https://shadcnblocks.com/r/registry.json
fetch registry curl -s https://shadcnblocks.com/r/registry.json

Components

250 total
About 1 - Multi-Section Mission Values 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
About 10 - Sticky Sidebar Company Profile 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
About 12 - Agency Profile with Process Cards 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
About 13 - Story with Avatar Profile 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
About 14 - About with Hero Image 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
About 15 - Tilted Photo Profile Card 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
About 16 - Why Us Stats Section 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
About 17 - Interactive Tab Profile 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
About 18 - Mission and Drive Sections 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
About 19 - Image Left Quote Right 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
About 2 - Stats Grid with Logos and Testimonial 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
About 28 - Two-Column About with Staggered Images 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
About 3 - Company Profile with Achievements 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
About 4 - Vision and Creators with Image Grid 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
About 5 - Developer Platform Story 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
About 6 - Story and Workplace Photo Grid 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
About 7 - Product Story with Offset Images 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
About 8 - Fintech About with Stats Carousel 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
About 9 - Developer Profile with Photos 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 Invite 1 - Two-Column Invite with Email Form 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 Invite 2 - Centered Invite Card with Avatar 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 Book 1 - Address book list with edit modes and default selection 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 Book 2 - Card grid address book with default selection 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 Shell 1 - Sidebar Shell with Breadcrumbs 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 Shell 10 - Support Ticket Shell 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 Shell 11 - Video Platform Shell 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 Shell 12 - Two-tier sidebar shell with organization switcher block

Two-tier sidebar with collapsible panel, organization switcher, and animated transitions.

npx shadcn@latest add https://shadcnblocks.com/r/application-shell12.json
Application Shell 13 - Top navigation shell with dropdown menus and mobile sheet 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 Shell 14 - Crypto exchange shell with wallet and token menus 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 Shell 2 - Inset Sidebar with Icon Collapse 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 Shell 3 - Top Navigation Bar Shell 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 Shell 4 - Top Navigation with Tabs 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 Shell 5 - Floating Sidebar Shell 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 Shell 6 - Module Switcher Sidebar Shell 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 Shell 7 - Messaging App Shell 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 Shell 8 - Email Client Shell 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 Shell 9 - IDE-Style File Explorer Shell 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
Awards 1 - Awards table with linked rows 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
Awards 2 - Sticky label with awards list 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
Awards 3 - Awards list with hover accent rows 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
Awards 4 - Awards table with logos and date subtitle 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
Awards 5 - Awards list with pointer-following preview 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
Awards 6 - Milestones grid with separator rows 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
Awards 7 - Split accolades list and product spotlight 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 Pattern 1 - Full-screen radial gradient background pattern 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 Pattern 10 - Full-viewport CSS grid background pattern 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 Pattern 100 - Bottom Blurred Gradient With Noise 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 Pattern 11 - Full-screen diagonal cross grid section 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 Pattern 111 - Left Fade Dot Grid Background 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 Pattern 112 - Right Fade Dot Grid Background 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 Pattern 113 - Bottom Corner Dot Grid Background 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 Pattern 115 - Center Vignette Dot Grid Background 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 Pattern 116 - Top Band Dot Grid Background 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 Pattern 117 - Bottom Band Dot Grid Background 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 Pattern 12 - Diagonal cross grid background pattern with fades 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 Pattern 13 - Diagonal crosshatch with side fade 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 Pattern 14 - Diagonal cross grid with top fade 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 Pattern 15 - Bottom-centered diagonal cross-grid background pattern 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 Pattern 16 - Lower-left diagonal cross-grid background pattern 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 Pattern 17 - Lower-right diagonal cross-grid background pattern 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 Pattern 18 - Center-focused diagonal cross-grid background pattern 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 Pattern 19 - Dashed orthogonal grid section background pattern 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 Pattern 2 - Bottom radial gradient section background pattern 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 Pattern 20 - Dashed grid background pattern, upper-left emphasis 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 Pattern 21 - Dashed grid background pattern, upper-right emphasis 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 Pattern 22 - Dashed grid background pattern, top edge emphasis 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 Pattern 23 - Dashed grid with radial gradient mask 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 Pattern 24 - Dashed grid with corner fade 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 Pattern 25 - Dashed grid faded from bottom left 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 Pattern 26 - Dashed grid faded toward center 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 Pattern 27 - Radial glow from top center 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 Pattern 28 - Center spotlight radial background 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 Pattern 29 - Top radial glow background 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 Pattern 3 - Full-screen linear grid background 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 Pattern 30 - Dual radial gradient background 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 Pattern 31 - Circuit board grid background 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 Pattern 32 - Circuit board grid with top-left corner fade 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 Pattern 33 - Circuit board grid with top-right corner fade 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 Pattern 34 - Circuit board grid faded from top 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 Pattern 35 - Circuit board grid faded from bottom 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 Pattern 36 - Circuit board grid with bottom-left corner fade 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 Pattern 37 - Circuit board grid with bottom-right corner fade 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 Pattern 38 - Circuit board grid faded toward edges 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 Pattern 39 - Grid and dot section background 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 Pattern 4 - Full-screen grid background with corner fade 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 Pattern 40 - Grid and dot background with top-left corner fade 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 Pattern 5 - Large-cell grid section background with top-right radial… 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 Pattern 6 - Square-tiled grid background with top fade 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 Pattern 7 - Grid backdrop with radial center fade 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 Pattern 8 - Full-viewport grid background with bottom-left fade 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 Pattern 9 - Grid background pattern with bottom-right radial fade 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 Pattern 95 - Multi-Corner Radial Glow Background 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 Pattern 96 - Corner Gradient Stack With SVG Noise 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 Pattern 97 - Blurred Mesh Glow Background 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 Pattern 98 - Bottom Glow Gradient Background 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 Pattern 99 - Duo Corner Gradient Background 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
Banner 1 - Full-width dismissible announcement bar 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
Banner 2 - Container announcement bar with dismiss 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
Banner 3 - Primary promo banner with shop button 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
Banner 4 - Primary bar banner with dismiss 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
Banner 5 - Floating card banner with link 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
Banner 6 - Pill banner with overlapping avatars 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
Banner 7 - Full-width banner with separator link 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
Bento 10 - Analytics bento with wave chart and layered cards 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
Bento 11 - Asymmetric six-column health tech bento 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
Bento 12 - Inverted caption bento with icon flow diagram 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
Bento 13 - Borderless eight-column mosaic with menu UI 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
Bento 14 - Dark voice AI bento with waveform animation 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
Bento 15 - Dark voice studio bento with emotion controls 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
Bento 16 - Dark voice platform bento with team workspace 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
Bento 17 - Dark bento with voice preview comparison 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
Bento 18 - Light four-tile bento with mixed aspect ratios 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
Bento 19 - Three-column masonry bento with integration pills 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
Bento 2 - Team collaboration bento with animated stats 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
Bento 20 - Hero split bento with recommendation engine feature 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
Bento 21 - Light health bento with animated tiles 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
Bento 22 - Dark analytics bento with photo tiles 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
Bento 23 - Dark alternating bento with flipped captions 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
Bento 24 - Dark staggered two-column bento 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
Bento 25 - Dark wide-narrow bento mosaic 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
Bento 26 - Light feature bento with icon captions 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
Bento 27 - Light feature bento with mixed caption order 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
Bento 28 - Light performance bento with icon rows 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
Bento 29 - Light asymmetric feature bento grid 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
Bento 3 - Four-tile value proposition bento 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
Bento 30 - Healthcare bento with stat counters 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
Bento 31 - Healthcare bento with report tiles 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
Bento 32 - Captionless product bento mosaic 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
Bento 33 - Complex pricing and promo bento 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
Bento 34 - Investigation services bento collage 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
Bento 35 - Dark headphone product bento 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
Bento 36 - Dark editorial product bento 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
Bento 37 - Dark split showcase bento 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
Bento 38 - Editorial fashion bento collage 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
Bento 39 - Analytics dashboard bento with charts 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
Bento 4 - Dark analytics bento with playhead chart 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
Bento 40 - AI voice bento with keyboard and auth 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
Bento 41 - Developer productivity bento with sidebar CTA 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
Bento 42 - Task management feature bento grid 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
Bento 43 - AI platform bento with integration hub 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
Bento 44 - Mobile collaboration bento with world map 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
Bento 45 - SaaS fintech bento with trading widget 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
Bento 46 - AI chat and data pipeline bento 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
Bento 47 - Labeled AI feature bento grid 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
Bento 48 - Light feature bento with UI screenshots 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
Bento 49 - AI analytics bento with radial chart 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
Bento 5 - Healthcare feature bento grid 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
Bento 50 - Asymmetric light marketing bento 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
Bento 51 - Six-card analytics feature bento 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
Bento 52 - Compact dark feature bento 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
Bento 53 - Web3 developer bento with marquees 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
Bento 54 - Enterprise finance bento with timeline 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
Bento 6 - Dark enterprise bento with animated SVG tiles 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
Bento 7 - Light bento with AI chat and model picker 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
Bento 8 - Two-by-two bento with workflow and budget UI 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
Bento 9 - Dark chatbot bento with conversation tiles 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
Blog 1 - Latest posts grid with filters 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
Blog 11 - Blog posts with sticky intro 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
Blog 12 - Blog cards with read times 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
Blog 13 - Article grid with category overlays 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
Blog 14 - Featured article with popular posts 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
Blog 16 - Blog row with team branding and category pills 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
Blog 17 - Blog listing with sidebar category filters 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
Blog 19 - Related articles grid with outline action 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
Blog 21 - Blog carousel with card slides and controls 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
Blog 22 - Featured article with secondary topic strip 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
Blog 23 - Stacked blog cards with centered header 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
Blog 24 - Horizontal blog cards with thumbnails 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
Blog 26 - Magazine blog split with oversized wordmark 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
Blog 27 - Filtered blog grid with spotlight band 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
Blog 28 - Tech blog grid with expanded lead tile 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
Blog 29 - Blog list with tags and link control 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
Blog 3 - Blog grid with labeled posts 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
Blog 30 - Blog rows with square art and read link 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
Blog 31 - Animated blog grid with featured post 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
Blog 32 - Two-column blog card grid 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
Blog 33 - Compact four-column blog cards 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
Blog 34 - Four-column bordered blog cards 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
Blog 35 - Alternating blog rows with dividers 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
Blog 36 - Blog rows with metadata and thumbnails 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
Blog 37 - Filtered blog rows with category sidebar 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
Blog 38 - Featured hero with three cards 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
Blog 39 - Magazine layout with mini post stack 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
Blog 4 - Blog grid with avatars and mobile view-all 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
Blog 40 - Single featured blog post row 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
Blog 41 - Three-card horizontal blog carousel 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
Blog 42 - Full-bleed blog carousel with dot indicators 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
Blog 43 - Split blog section with side carousel 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
Blog 44 - Timeline blog feed with date markers 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
Blog 45 - Minimal text-only blog index 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
Blog 46 - Newsletter header with photo grid 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
Blog 5 - Large blog grid with nine posts 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
Blog 6 - Blog grid with byline-first cards 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
Blog 7 - Centered blog cards with read-more links 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
Blog 8 - Offset blog rows with tags 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
Blogpost 1 - Centered article with alert and table 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
Blogpost 10 - Narrow article with reading progress bar 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
Blogpost 11 - Split hero with quote pull block 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
Blogpost 12 - Centered minimal article with drop cap 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
Blogpost 13 - Two-column article with sticky related links 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
Blogpost 2 - Article with sticky sidebar 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
Blogpost 3 - Article layout with sticky nav and promo column 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
Blogpost 4 - Article with breadcrumbs, share rail, and back to top 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
Blogpost 5 - Article with bold headline and offset section rail 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
Blogpost 6 - Article with chapter list and patterned hero 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
Blogpost 7 - Blog post layout with animated header 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
Blogpost 8 - Article with sidebar table of contents 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
Blogpost 9 - Article with author bio and share row 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 Demo 1 - Demo booking form with benefits and logos 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 Demo 2 - Demo booking with animated testimonials 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 Demo 3 - Demo booking form with testimonial cards 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
Careers 1 - Careers list grouped by department 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
Careers 2 - Job openings grid with dashed frame 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
Careers 3 - Categorized job openings with badges 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
Careers 4 - Simple careers heading with category sections 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
Careers 5 - Centered careers title with full-width job stack 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
Careers 6 - Careers page with stats header and job cards 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
Careers 7 - Grouped careers listings with row actions 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
Careers 8 - Filterable open positions by department 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
Careers 9 - Careers openings grid with general application link 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 Studies 1 - Case study grid with hover image cards 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 Studies 10 - Masked two-up landscape case study carousel 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 Studies 11 - Three-column case study grid with centered heading 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 Studies 12 - Two-by-two case study grid with landscape cards 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 Studies 2 - Case studies with quotes and metrics 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 Studies 3 - Featured case study with supporting grid 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 Studies 4 - Case study spotlight with stats and CTA 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 Studies 5 - Case study carousel with testimonials 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 Studies 6 - Masked case study carousel with logo cards 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 Studies 8 - Three-up case study carousel stepping one at a time 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 Studies 9 - Two-up landscape case study carousel 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 Study 1 - Long-form case study with metrics and sidebar 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 Study 3 - Case study with section navigation and avatars 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 Study 8 - Case study article with company sidebar 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
Changelog 1 - Changelog with sticky version and date rail 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
Changelog 2 - Changelog hero with email capture and timeline 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
Changelog 3 - Two-column changelog posts with category dots 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
Changelog 4 - Changelog feed with social strip and scroll progress line 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
Changelog 5 - Changelog with sticky date navigation and author footers 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
Changelog 6 - Changelog entries with full release overlay and icon actions 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
Changelog 8 - Changelog with on-this-page sidebar and smooth jumps 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 Card 1 - Area Chart Card 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 Card 10 - Stacked Bar Chart 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 Card 11 - 100% Stacked Bar Chart block

A horizontal 100% stacked bar chart showing proportional breakdown across categories.

npx shadcn@latest add https://shadcnblocks.com/r/chart-card11.json
Chart Card 12 - Stacked Bar with No Y-Axis 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 Card 13 - Positive/Negative Bar Chart 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 Card 14 - Range Area Chart 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 Card 15 - Waterfall Chart 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 Card 16 - Radial Progress Chart 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 Card 17 - Semi-Circle Gauge 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