---
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", "charts", "dashboard", "e-commerce", "marketing", "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-09-21T01:50:16.753Z"
---

# @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 short about hero with a large headline, one culture photo, and two titled story columns. | `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` |
| about11 | registry:block | A portfolio-style about section with team photos, process description, logo marquee, awards list, quote overlay image, and motivation sections. | `npx shadcn@latest add https://shadcnblocks.com/r/about11.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 a rotated polaroid-style photo card, headline, body text, and a handwritten signature. | `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` |
| about20 | registry:block | A dark seven-column profile section with role info, two headline paragraphs, a handwritten signature image, and cropped portrait image. | `npx shadcn@latest add https://shadcnblocks.com/r/about20.json` |
| about21 | registry:block | A multi-section about block with hero image overlay, story section with milestone image and bullet points, and training cards on muted background. | `npx shadcn@latest add https://shadcnblocks.com/r/about21.json` |
| about22 | registry:block | A two-column about section with Framer Motion animations, vertical image on the left, and title with paragraphs and horizontal image on the right. | `npx shadcn@latest add https://shadcnblocks.com/r/about22.json` |
| about23 | registry:block | A company about section with a top-aligned label, split intro, full-width photo, two story columns, and a bordered stats grid. | `npx shadcn@latest add https://shadcnblocks.com/r/about23.json` |
| about24 | registry:block | A two-column profile section with avatar, roles, bio, location on the left, and client list with project counts and awards list with years on the right. | `npx shadcn@latest add https://shadcnblocks.com/r/about24.json` |
| about25 | registry:block | A comprehensive studio about section with Framer Motion animations, large title, partner avatars, hero image, stats row, and philosophy footer with CTA button. | `npx shadcn@latest add https://shadcnblocks.com/r/about25.json` |
| about26 | registry:block | A studio about section with monospace label, large two-part headline, stats list, three paragraphs, services checklist, stat cards, and full-width image with o… | `npx shadcn@latest add https://shadcnblocks.com/r/about26.json` |
| about27 | registry:block | A comprehensive enterprise about section with hero, value proposition stats, team grid with decorative borders, company logo grid, and investor logos. | `npx shadcn@latest add https://shadcnblocks.com/r/about27.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` |
| about29 | registry:block | A stacked about section with a large headline, image and mission overlay, then a three-column text grid of values. | `npx shadcn@latest add https://shadcnblocks.com/r/about29.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` |
| about30 | registry:block | A short about section with a centered headline, supporting paragraph, and an asymmetric three-photo row. | `npx shadcn@latest add https://shadcnblocks.com/r/about30.json` |
| about31 | 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/about31.json` |
| about32 | 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/about32.json` |
| about33 | 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/about33.json` |
| about34 | registry:block | A seven-column studio about section with a bordered workshop photo, The Studio heading, supporting copy, a trust byline, and a View our work button. | `npx shadcn@latest add https://shadcnblocks.com/r/about34.json` |
| about35 | registry:block | A seven-column profile section with avatar, role, timezone, bio text, interactive tab navigation, and tab-controlled image display. | `npx shadcn@latest add https://shadcnblocks.com/r/about35.json` |
| about36 | registry:block | A mid-page about section with a start-aligned headline, a three-photo mosaic, and two titled text columns. | `npx shadcn@latest add https://shadcnblocks.com/r/about36.json` |
| about37 | registry:block | An about hero with a two-column headline and paragraph, a pair of culture photos, and an outline call to action. | `npx shadcn@latest add https://shadcnblocks.com/r/about37.json` |
| about38 | registry:block | A split about hero with a headline and supporting copy beside two stacked culture photos, two titled story columns, and an outline call to action. | `npx shadcn@latest add https://shadcnblocks.com/r/about38.json` |
| about39 | registry:block | A two-column freelancer about section with a sticky avatar sidebar, bio and approach copy, a workspace photo, and a numbered client list. | `npx shadcn@latest add https://shadcnblocks.com/r/about39.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` |
| about40 | registry:block | A two-column studio about section with a sticky brand sidebar, The Studio heading, approach copy, a workspace photo, and a numbered awards list. | `npx shadcn@latest add https://shadcnblocks.com/r/about40.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 organization logo, personalized message, and accept or decline buttons with an expiration notice. | `npx shadcn@latest add https://shadcnblocks.com/r/accept-invite2.json` |
| accept-invite3 | registry:block | A fullscreen split invite screen with workspace branding, stacked member avatars, a verified badge, inviter details, and accept or decline actions. | `npx shadcn@latest add https://shadcnblocks.com/r/accept-invite3.json` |
| accept-invite4 | registry:block | A centered invite confirmation card with inviter note, workspace access list, and a join action. | `npx shadcn@latest add https://shadcnblocks.com/r/accept-invite4.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` |
| address-book4 | registry:block | Narrow checkout address picker with selectable radio cards, delivery estimates, and a side sheet for adding or editing a location. | `npx shadcn@latest add https://shadcnblocks.com/r/address-book4.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` |
| banner10 | registry:block | A muted full-width bar with bold release title, supporting copy, and a ghost icon button that dismisses the banner. | `npx shadcn@latest add https://shadcnblocks.com/r/banner10.json` |
| banner11 | registry:block | A primary full-width banner with soft radial highlight, promotional copy, and a rounded secondary call-to-action button. | `npx shadcn@latest add https://shadcnblocks.com/r/banner11.json` |
| banner13 | registry:block | A bordered announcement bar with a live ticking countdown pill, muted offer copy, and an outline claim button with arrow. | `npx shadcn@latest add https://shadcnblocks.com/r/banner13.json` |
| banner14 | registry:block | A bordered status card with operational indicator, dashboard link, and a ghost dismiss action that hides the banner. | `npx shadcn@latest add https://shadcnblocks.com/r/banner14.json` |
| banner15 | registry:block | A slim bordered strip with sparkle icon, new badge, muted description, and an inline explore link with hover arrow motion. | `npx shadcn@latest add https://shadcnblocks.com/r/banner15.json` |
| banner16 | registry:block | An inverted full-width upgrade bar with mono eyebrow, product pitch, soft primary glow, and a secondary unlock button. | `npx shadcn@latest add https://shadcnblocks.com/r/banner16.json` |
| banner17 | registry:block | A card-surface banner with a short prompt, rounded email field, and subscribe button that swaps to a confirmation message. | `npx shadcn@latest add https://shadcnblocks.com/r/banner17.json` |
| banner18 | registry:block | A full-width promo strip with a tag icon, discount message, dashed mono code chip that copies on click, and a redeem button. | `npx shadcn@latest add https://shadcnblocks.com/r/banner18.json` |
| banner19 | registry:block | A card-surface banner with a sparkle icon, New badge, announcement line, overlapping avatars, and a see-what's-new link. | `npx shadcn@latest add https://shadcnblocks.com/r/banner19.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` |
| banner20 | registry:block | A muted full-width upgrade strip with a short title, supporting line, and a compact upgrade button aligned to the end. | `npx shadcn@latest add https://shadcnblocks.com/r/banner20.json` |
| banner21 | registry:block | A bordered horizontal marquee of short feature phrases separated by thin vertical dividers that loop continuously. | `npx shadcn@latest add https://shadcnblocks.com/r/banner21.json` |
| banner22 | registry:block | A slim brand bar with logo mark, product name, tagline, browse link, and a primary get-access link with arrow. | `npx shadcn@latest add https://shadcnblocks.com/r/banner22.json` |
| banner23 | registry:block | A dismissible maintenance warning strip with a chart-toned alert icon, schedule details, and a close control. | `npx shadcn@latest add https://shadcnblocks.com/r/banner23.json` |
| banner24 | registry:block | A card-surface progress banner with a package icon, remaining-count message, fraction readout, and primary progress bar. | `npx shadcn@latest add https://shadcnblocks.com/r/banner24.json` |
| banner25 | registry:block | A centered floating pill with a status dot, release message, and changelog link that nudges the arrow on hover. | `npx shadcn@latest add https://shadcnblocks.com/r/banner25.json` |
| banner26 | registry:block | A full-width webinar bar with a calendar date pill, title and session meta, plus an outline reserve button. | `npx shadcn@latest add https://shadcnblocks.com/r/banner26.json` |
| banner27 | registry:block | A full-width mobile promo bar with device icon, title and supporting line, plus App Store and Google Play links. | `npx shadcn@latest add https://shadcnblocks.com/r/banner27.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` |
| banner9 | registry:block | A full-width primary strip with centered announcement copy and an underlined inline link that opens the catalog. | `npx shadcn@latest add https://shadcnblocks.com/r/banner9.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` |
| blog47 | registry:block | Section label, heading, and all-posts link above a three-column grid of linked cards with cover images, categories, excerpts, dates, and read times. | `npx shadcn@latest add https://shadcnblocks.com/r/blog47.json` |
| blog48 | registry:block | Uppercase label and heading above a stacked list of linked posts with category, title, read time, date, and a trailing arrow. | `npx shadcn@latest add https://shadcnblocks.com/r/blog48.json` |
| blog49 | registry:block | Heading above a wide featured article card beside two stacked side cards, each with cover image, category, title, date, and read time. | `npx shadcn@latest add https://shadcnblocks.com/r/blog49.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` |
| blog50 | registry:block | Magazine heading above a three-column bento of large photo cards and compact text cards with category badges, dates, and hover arrows. | `npx shadcn@latest add https://shadcnblocks.com/r/blog50.json` |
| blog51 | registry:block | Category filter buttons above a three-column grid of photo cards with excerpts, dates, and read times, plus an empty state and all-articles link. | `npx shadcn@latest add https://shadcnblocks.com/r/blog51.json` |
| blog52 | registry:block | Wide featured story with author byline and read time above a four-column grid of compact photo cards with category, title, date, and read time. | `npx shadcn@latest add https://shadcnblocks.com/r/blog52.json` |
| blog53 | registry:block | Muted-background section with a wide featured article and a three-column row of supporting photo cards, plus an all-posts link. | `npx shadcn@latest add https://shadcnblocks.com/r/blog53.json` |
| blog54 | registry:block | Two-column grid of linked article cards with cover images, excerpts, author avatars with roles, and read times. | `npx shadcn@latest add https://shadcnblocks.com/r/blog54.json` |
| blog55 | registry:block | Divided two-column rows that alternate cover image side, with category, title, excerpt, date, read time, and a read link. | `npx shadcn@latest add https://shadcnblocks.com/r/blog55.json` |
| blog56 | registry:block | Two-column layout with an email subscribe card beside a divided list of latest posts showing category, title, read time, and date. | `npx shadcn@latest add https://shadcnblocks.com/r/blog56.json` |
| blog57 | registry:block | Archive heading with article counts grouped by year, each year listing linked titles, categories, short dates, and a trailing arrow. | `npx shadcn@latest add https://shadcnblocks.com/r/blog57.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` |
| blog60 | registry:block | Three-column photo cards with a category overlay, hover arrow, excerpt, author name, read time, and date. | `npx shadcn@latest add https://shadcnblocks.com/r/blog60.json` |
| blog62 | registry:block | Two-column featured story with a cover image and category badge beside a long title, two supporting paragraphs, author byline, and read button. | `npx shadcn@latest add https://shadcnblocks.com/r/blog62.json` |
| blog63 | registry:block | Three-column resource grid with type chips, titles, descriptions, author avatars, and read times, plus a browse-all action. | `npx shadcn@latest add https://shadcnblocks.com/r/blog63.json` |
| blog67 | registry:block | Featured split story with cover, badge, excerpt, author, and read action above a four-column grid of supporting posts with authors. | `npx shadcn@latest add https://shadcnblocks.com/r/blog67.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).
```