---
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", "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: 410
component_count: 250
generated_at: "2026-10-27T06:34:08.542Z"
---

# @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.netlify.app/registry/shadcnblocks
- This file: https://sh4dcn.netlify.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, and a company logo grid. | `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` |
| about41 | registry:block | An about section on a twelve-column grid, with a large headline, four square photos, and three numbered stories of one paragraph each. | `npx shadcn@latest add https://shadcnblocks.com/r/about41.json` |
| about42 | registry:block | An about section with a tall photo slider beside a square, the headline under that square, then logos and a journey. | `npx shadcn@latest add https://shadcnblocks.com/r/about42.json` |
| about43 | registry:block | A poster-scale about headline above three portrait columns, then logos, stats, and a journey on the same grid. | `npx shadcn@latest add https://shadcnblocks.com/r/about43.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` |
| accept-invite5 | registry:block | A centered workspace invite with the workspace address, member count, starting channels, and the email you will join as. | `npx shadcn@latest add https://shadcnblocks.com/r/accept-invite5.json` |
| accept-invite6 | registry:block | An account invite that names the granted role and locks the address the invitation was sent to. | `npx shadcn@latest add https://shadcnblocks.com/r/accept-invite6.json` |
| accept-invite7 | registry:block | A wide project invite that places the site, project, role, and join action on one row. | `npx shadcn@latest add https://shadcnblocks.com/r/accept-invite7.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-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 a collapsible menu panel 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-shell15 | registry:block | An application shell with a floating sidebar, a brand header, and section titles that stay open above their nested links. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell15.json` |
| application-shell16 | registry:block | An application shell whose sidebar sections open their child links in a dropdown menu instead of an inline list. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell16.json` |
| application-shell17 | registry:block | An inset application shell with collapsible primary navigation, a project list, and a secondary link group pinned above the user menu. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell17.json` |
| application-shell18 | registry:block | An application shell with the navigation sidebar on the right, a page outline of sections and nested links, and the trigger in the header's trailing edge. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell18.json` |
| application-shell19 | registry:block | An application shell with a left navigation sidebar and a right sidebar that holds a calendar, calendar lists, and the user menu. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell19.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-shell20 | registry:block | An application shell whose sidebar contains a month calendar, collapsible calendar lists, and a new-calendar action beside a day grid. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell20.json` |
| application-shell21 | registry:block | An application shell for AI chat apps with conversation history grouped by date, a model picker in the header, and a message composer pinned to the bottom. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell21.json` |
| application-shell22 | registry:block | A three-pane mail shell with a folder sidebar, a message list and a reading pane separated by a draggable handle. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell22.json` |
| application-shell23 | registry:block | A dense issue tracker shell with a workspace menu, inbox and my issues links, favorites, and collapsible teams with nested issue views. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell23.json` |
| application-shell24 | registry:block | A knowledge base shell with a nested page tree, favorites, private and shared sections, and a page header with breadcrumbs, collaborators and share actions. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell24.json` |
| application-shell25 | registry:block | An application shell with a narrow icon rail whose sections open a flyout panel of links on hover or click, with an option to pin the panel open. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell25.json` |
| application-shell26 | registry:block | A store admin shell with a full-width top bar, a store switcher, an orders badge, collapsible product sections, sales channels and a setup guide card. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell26.json` |
| application-shell27 | registry:block | A minimal music streaming shell with a playlist sidebar, grey skeleton shelves and a persistent player bar with playback controls, seek and volume sliders. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell27.json` |
| application-shell28 | registry:block | A design tool style shell with a layers panel, a canvas, a bottom panel and an inspector, all resizable and collapsible from toolbar toggles. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell28.json` |
| application-shell29 | registry:block | An application shell with a dismissible trial banner across the top, a standard sidebar, and a thin status bar along the bottom. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell29.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-shell30 | registry:block | A responsive shell that shows an icon-collapsible sidebar on desktop and a bottom tab bar with a raised create button on mobile. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell30.json` |
| application-shell31 | registry:block | An application shell where records open as browser-style tabs that can be closed, pinned, reordered by dragging and listed from an overflow menu. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell31.json` |
| application-shell32 | registry:block | An analytics shell with a top bar, project switcher, scrolling sub-navigation tabs and a sticky filter bar for date range, environment and comparison. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell32.json` |
| application-shell33 | registry:block | A code hosting shell with a repository breadcrumb, search, create menu and a second header row of repository tabs with counts. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell33.json` |
| application-shell34 | registry:block | A document editor shell with a title bar, a File, Edit, View menu bar and a formatting toolbar above a page canvas. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell34.json` |
| application-shell35 | registry:block | An ERP shell with a primary-coloured top bar of module mega menus, a page header with breadcrumb and actions, and status tabs. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell35.json` |
| application-shell36 | registry:block | A canvas shell for whiteboard and design tools with floating file, tool and share bars over a dotted canvas. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell36.json` |
| application-shell37 | registry:block | A file manager shell with a large search bar, an app launcher grid, a toolbar with breadcrumb and view toggles, and filter chips. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell37.json` |
| application-shell38 | registry:block | A code review shell with a repository top bar, a sticky pull request header with branch details and tabs, a changed-files tree and diff view switching. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell38.json` |
| application-shell39 | registry:block | A CI run shell with a repository top bar, a run header with branch, commit and actions, a job list grouped by stage, a pipeline graph and a log viewer. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell39.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-shell40 | registry:block | A spreadsheet shell with a title bar, menu bar, formatting toolbar, formula bar, selectable grid and sheet tabs. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell40.json` |
| application-shell41 | registry:block | A presentation editor shell with a title bar, menu bar, slideshow split button, tool bar, slide thumbnails, a slide canvas and speaker notes. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell41.json` |
| application-shell42 | registry:block | A cloud console shell with a full-width services mega menu by category, a favourites bar you pin services to, global search, region and account menus. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell42.json` |
| application-shell43 | registry:block | A multi-app suite shell with an apps mega menu grouped by department, pinned app shortcuts and an app header with views, date navigation and a primary action. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell43.json` |
| application-shell44 | registry:block | A full-screen map shell with a floating search bar, category chips, a collapsible results panel, layer menu, location and zoom controls, and a mobile bottom sh… | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell44.json` |
| application-shell45 | registry:block | A design tool shell with floating layers and properties panels, a floating tool bar and a canvas of frames with a selection outline. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell45.json` |
| application-shell46 | registry:block | A photo library shell with a large search bar, app launcher, section switcher, filter chips, a select mode with a contextual action bar and a year timeline. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell46.json` |
| application-shell47 | registry:block | A cloud storage shell with search, a storage meter, a folder path with actions, sort and view controls, a sticky table header and a live upload tray. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell47.json` |
| application-shell48 | registry:block | A desktop code editor shell with an activity bar, file explorer, closable editor tabs, a command palette, a terminal panel and a status bar. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell48.json` |
| application-shell49 | registry:block | A browser playground shell with a file list, an editor and console, and a resizable live preview with device sizes and a run toggle. | `npx shadcn@latest add https://shadcnblocks.com/r/application-shell49.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-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` |
| awards10 | registry:block | Four award cards with a centered issuer logo and placing pill, with the second card's project image shown at rest and the image following the hovered card. | `npx shadcn@latest add https://shadcnblocks.com/r/awards10.json` |
| awards11 | registry:block | A Swiss awards index with numbered rows for title, discipline, and year inside a ruled grid. | `npx shadcn@latest add https://shadcnblocks.com/r/awards11.json` |
| awards12 | registry:block | An editorial honors list that leads with one oversized award title, then smaller titles with a note and year. | `npx shadcn@latest add https://shadcnblocks.com/r/awards12.json` |
| awards13 | registry:block | A bento with a heading, one large photographed award, and four text tiles for the remaining citations. | `npx shadcn@latest add https://shadcnblocks.com/r/awards13.json` |
| awards14 | registry:block | A narrow freelancer section with a name, a short introduction, and a simple list of honors and years. | `npx shadcn@latest add https://shadcnblocks.com/r/awards14.json` |
| awards15 | registry:block | A split freelancer section with a portrait beside a short biography and a bordered list of awards. | `npx shadcn@latest add https://shadcnblocks.com/r/awards15.json` |
| awards16 | registry:block | One team photograph beside four minimal award tiles, each a film festival logo with a placing pill and a single caption line. | `npx shadcn@latest add https://shadcnblocks.com/r/awards16.json` |
| awards17 | registry:block | A minimal ruled list of awards, one row each with a festival logo, the discipline, the placing, and the year. | `npx shadcn@latest add https://shadcnblocks.com/r/awards17.json` |
| awards18 | registry:block | A corporate grid of issuer logos, each paired with the award title and year. | `npx shadcn@latest add https://shadcnblocks.com/r/awards18.json` |
| awards19 | registry:block | An interactive awards timeline with a year ruler with stacked laurels per year, and a selected year's awards shown below with laurel placings. | `npx shadcn@latest add https://shadcnblocks.com/r/awards19.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` |
| awards20 | registry:block | A portfolio feature with a large award title and photograph, plus a four-cell index of further citations. | `npx shadcn@latest add https://shadcnblocks.com/r/awards20.json` |
| awards21 | registry:block | An interactive awards chart with one lane per festival and one column per year, with a laurel at each placing and the selected award shown below. | `npx shadcn@latest add https://shadcnblocks.com/r/awards21.json` |
| awards22 | registry:block | An awards history where each year is a row with one laurel per placing like a bar, and opening a row lists that year's awards. | `npx shadcn@latest add https://shadcnblocks.com/r/awards22.json` |
| awards23 | registry:block | Every award as a field of laurels with a placing filter, and a side panel showing the hovered or selected award. | `npx shadcn@latest add https://shadcnblocks.com/r/awards23.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` |
| awards8 | registry:block | A portfolio awards section with a large heading and two full-bleed lines of award names and years that scroll in opposite directions. | `npx shadcn@latest add https://shadcnblocks.com/r/awards8.json` |
| awards9 | registry:block | A portfolio awards section where hovering a large title lights that line and swaps a display year, project name, and note beside it. | `npx shadcn@latest add https://shadcnblocks.com/r/awards9.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-pattern101 | registry:block | This component generates a visually appealing background effect with a radial glow and noise overlay, enhancing the visual depth of the surrounding content. It… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern101.json` |
| background-pattern102 | registry:block | The BackgroundPattern102 component creates an interactive visual block with a layered radial gradient background and a noise effect, making it an ideal choice … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern102.json` |
| background-pattern103 | registry:block | The BackgroundPattern103 component creates a visually appealing, multi-layered grid pattern as a background, ideal for enhancing the presentation of other cont… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern103.json` |
| background-pattern104 | registry:block | This component generates a multi-layer grid background pattern with a radial gradient mask effect that allows for dynamic styling through customizable class na… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern104.json` |
| background-pattern105 | registry:block | This component renders a full-screen background pattern with a multi-layered, grid-like design that uses gradients and masking to create a fading effect. It al… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern105.json` |
| background-pattern106 | registry:block | This component provides a visually appealing background with a multi-layer grid pattern and a fade effect, ideal for enhancing the aesthetics of any interface.… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern106.json` |
| background-pattern107 | registry:block | This component, BackgroundPattern107, provides a visually engaging background with multiple layered grid patterns and gradient effects, ideal for adding depth … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern107.json` |
| background-pattern108 | registry:block | This component, BackgroundPattern108, renders a full-screen block with a multi-layer grid pattern background, utilizing gradients and variable colors for dynam… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern108.json` |
| background-pattern109 | registry:block | This component creates a visually dynamic background using a multi-layer grid pattern with gradients and opacity settings for enhanced aesthetic appeal. It inc… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern109.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-pattern110 | registry:block | This component renders a full-screen background with a dynamic, multi-layer grid pattern overlay, designed to center and fade towards the edges using CSS gradi… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern110.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-pattern114 | registry:block | This component creates a visually engaging background pattern featuring a radial gradient with a fade dot effect, ideal for use as a backdrop for content. It i… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern114.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-pattern118 | registry:block | The BackgroundPattern118 component serves as a decorative backdrop featuring a wave line SVG pattern, designed to be seamlessly integrated into any layout stru… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern118.json` |
| background-pattern119 | registry:block | This component serves as a customizable background pattern block that features a wave line pattern with a right fade effect, designed to fill the full screen a… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern119.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-pattern120 | registry:block | This component, named `BackgroundPattern120`, serves as a visually appealing block that provides a customizable background pattern for a section. It includes a… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern120.json` |
| background-pattern121 | registry:block | The BackgroundPattern121 component renders a full-screen section with a dynamic wave line SVG pattern as the background, creating an engaging visual design. Th… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern121.json` |
| background-pattern122 | registry:block | The BackgroundPattern122 component creates a visually appealing background pattern with a masked grid design, suitable for enhancing the aesthetic of a full-sc… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern122.json` |
| background-pattern123 | registry:block | This component provides a visually engaging background pattern with a grid overlay that uses CSS gradients and masking for dynamic styling. It allows customiza… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern123.json` |
| background-pattern124 | registry:block | This component displays a visually appealing background pattern consisting of intersecting diagonal lines with customizable coloring and masking options, suita… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern124.json` |
| background-pattern125 | registry:block | This component, BackgroundPattern125, creates a visually engaging background with a diagonal cross grid pattern that can be customized through additional styli… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern125.json` |
| background-pattern126 | registry:block | This component creates a visually engaging background pattern with a masked dashed grid effect, suitable for enhancing the aesthetic of a user interface. It al… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern126.json` |
| background-pattern127 | registry:block | This component creates a full-screen background with a right-masked, dashed grid pattern overlay suitable for visually distinctive design contexts. It allows c… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern127.json` |
| background-pattern128 | registry:block | This component, BackgroundPattern128, provides a stylized background with a masked circuit board design using a series of layered CSS gradients and mask images… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern128.json` |
| background-pattern129 | registry:block | This component renders a background pattern with a masked circuit board design, offering customizable class names for additional styling flexibility. It also i… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern129.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-pattern130 | registry:block | This component renders a full-screen background pattern featuring a masked white grid with dots, customizable through CSS variables. It's ideal for creating vi… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern130.json` |
| background-pattern131 | registry:block | This component creates a visually engaging background pattern, featuring a masked white grid with dots that covers the entire screen. It is customizable throug… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern131.json` |
| background-pattern132 | registry:block | This component is designed to display a visually appealing background pattern with a radial gradient and masked noise texture effect. It serves as a flexible b… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern132.json` |
| background-pattern133 | registry:block | This component generates a visually appealing background pattern using a radial gradient and a masked noise texture. It is designed to fill the entire screen, … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern133.json` |
| background-pattern134 | registry:block | This component renders a visually striking background pattern using radial gradients and masking techniques, ideal for enhancing visual appeal in user interfac… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern134.json` |
| background-pattern135 | registry:block | This component serves as a customizable, visually appealing background block with a layered particle field effect, suitable for enhancing user interface aesthe… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern135.json` |
| background-pattern136 | registry:block | This component, BackgroundPattern136, creates a visually appealing background pattern featuring a masked sparse starfield effect using radial gradients and CSS… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern136.json` |
| background-pattern137 | registry:block | This component, BackgroundPattern137, is designed to display a visually engaging background pattern with a sparse starfield effect, enhanced by gradient maskin… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern137.json` |
| background-pattern138 | registry:block | This component creates a visually dynamic background with a masked striped pattern using CSS gradients, ideal for use in design elements needing an eye-catchin… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern138.json` |
| background-pattern139 | registry:block | This component, named BackgroundPattern139, renders a full-screen section with a right-side, masked striped background pattern, enhanced by a repeating linear … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern139.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-pattern140 | registry:block | This component creates a visually engaging background with a dense striped pattern, using a repeating linear gradient and masking techniques. It serves as a cu… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern140.json` |
| background-pattern141 | registry:block | This component creates a visually engaging background with a right-masked dense striped pattern, ideal for enhancing the visual appeal of any UI by adding text… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern141.json` |
| background-pattern142 | registry:block | This component renders a full-screen container with a grid-based background pattern, featuring layers of varying transparency and directionality for a unique v… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern142.json` |
| background-pattern143 | registry:block | This component creates a visually appealing background pattern using multiple layers of repeating linear gradients and customizable masking effects. It can be … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern143.json` |
| background-pattern144 | registry:block | The BackgroundPattern144 component is designed to create a visually dynamic and customizable backdrop using masked wave line SVG patterns. It integrates with a… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern144.json` |
| background-pattern145 | registry:block | This component, BackgroundPattern145, generates a visually appealing background with a wave line pattern that overlays dynamically within a section. It is desi… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern145.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-pattern41 | registry:block | This component creates a visually engaging background with a customizable gradient grid and dot pattern, suitable for full-screen applications or sections. It … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern41.json` |
| background-pattern42 | registry:block | This component, BackgroundPattern42, serves as a versatile visual block that incorporates a stylized grid and radial gradient background pattern designed for f… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern42.json` |
| background-pattern43 | registry:block | This component renders a full-screen background pattern featuring a grid with dots, enhanced by a gradual fade effect from the bottom. It is ideal for adding v… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern43.json` |
| background-pattern44 | registry:block | This component creates a visually appealing background pattern consisting of intersecting linear gradients and a radial gradient with a fade effect. Ideal for … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern44.json` |
| background-pattern45 | registry:block | The BackgroundPattern45 component creates a visually appealing background pattern with linear and radial gradients, featuring a white grid with dots that fades… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern45.json` |
| background-pattern46 | registry:block | This component creates a visually engaging background pattern with a grid and dot design, utilizing radial and linear gradients for added depth and texture. It… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern46.json` |
| background-pattern47 | registry:block | This component renders a full-screen background with a radial gradient pattern and integrates a placeholder for additional customization. It allows users to ap… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern47.json` |
| background-pattern48 | registry:block | The BackgroundPattern48 component provides a visually engaging background pattern with a radial gradient and noise texture effect, making it ideal for design l… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern48.json` |
| background-pattern49 | registry:block | This component provides a visually engaging background pattern with a left fade noise texture designed to enhance user interface layouts. It features flexible … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern49.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-pattern50 | registry:block | This component creates a full-width, minimalistic background pattern with a radial gradient effect, ideal for adding subtle visual interest to a user interface… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern50.json` |
| background-pattern51 | registry:block | This component creates a visually appealing background with a radial pattern and a bottom fade noise texture, ideal for enhancing the aesthetic of a user inter… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern51.json` |
| background-pattern52 | registry:block | This component serves as a versatile background pattern block, ideal for adding a textured or patterned backdrop to any layout. Key features include a radial g… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern52.json` |
| background-pattern53 | registry:block | This component generates a visually appealing background pattern with a radial gradient and fade noise texture, which can be customized using CSS class names. … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern53.json` |
| background-pattern54 | registry:block | This component renders a full-screen section with a center-faded noise texture background pattern, achieved using CSS radial gradients and mask images. It supp… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern54.json` |
| background-pattern55 | registry:block | This component creates a visually engaging background pattern featuring multiple radial gradients with customizable colors, designed to serve as a dynamic back… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern55.json` |
| background-pattern56 | registry:block | This component renders a full-screen background pattern featuring a cosmic nebula effect, utilizing multiple radial gradients to create a layered visual design… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern56.json` |
| background-pattern57 | registry:block | This component renders a full-screen section with a dynamic "nebula" background pattern created using multiple radial gradients and customizable colors. It is … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern57.json` |
| background-pattern58 | registry:block | This component provides a visually engaging background using multiple radial gradients, creating an overlay of elliptical patterns. It also integrates a placeh… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern58.json` |
| background-pattern59 | registry:block | This component, "BackgroundPattern59," is designed to create a visually appealing background using multiple layered radial gradients. It is customizable throug… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern59.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-pattern60 | registry:block | This component creates a visually appealing background with multiple radial and linear gradients, providing an "Aurora Dream" effect. It includes a customizabl… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern60.json` |
| background-pattern61 | registry:block | This component, BackgroundPattern61, creates a visually engaging background with multiple radial gradients resembling a Northern Aurora effect, enhancing the a… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern61.json` |
| background-pattern62 | registry:block | This component renders a visually striking background pattern with layered radial gradients, creating a bottom glow effect across the full screen. It is ideal … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern62.json` |
| background-pattern63 | registry:block | This component is a flexible block designed to display a dreamy sky glow background using radial gradients. It allows for optional custom styling through class… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern63.json` |
| background-pattern64 | registry:block | This component, BackgroundPattern64, serves as a customizable background block that centers content with an eye-catching radial gradient effect. It allows for … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern64.json` |
| background-pattern65 | registry:block | This component, BackgroundPattern65, creates a full-screen background with a gradient design, offering a visually appealing pattern that can be customized with… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern65.json` |
| background-pattern66 | registry:block | This component provides a visually engaging background pattern using scattered orbs with customizable colors, ideal for enhancing the aesthetic appeal of any i… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern66.json` |
| background-pattern67 | registry:block | This component serves as a customizable background pattern block with a cluster glow effect, allowing users to set dynamic color gradients. It includes a place… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern67.json` |
| background-pattern68 | registry:block | This component creates a visually engaging background block with a corner accent trio pattern using radial gradients and custom theme colors. It serves as a de… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern68.json` |
| background-pattern69 | registry:block | This component creates a visually striking full-screen background with a trio of diagonal radial gradient patterns, designed to enhance the aesthetic of your a… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern69.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-pattern70 | registry:block | This component generates a visually engaging background pattern with a diagonal corner glow effect using radial gradients. It includes a placeholder for incorp… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern70.json` |
| background-pattern71 | registry:block | This component creates a visually engaging background with cosmic lines and a radial glow, designed to enhance the aesthetic appeal of a page or element. It is… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern71.json` |
| background-pattern72 | registry:block | This React component, `BackgroundPattern72`, renders a full-screen section with a layered, multi-gradient fade background, suitable for enhancing visual aesthe… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern72.json` |
| background-pattern73 | registry:block | This component creates a visually dynamic background with diagonal ribbon accents and a particle field effect, suitable for enhancing the visual appeal of any … | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern73.json` |
| background-pattern74 | registry:block | This component is designed to create a visually engaging background with ascending ribbon accents and a star field particle effect. It incorporates elements li… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern74.json` |
| background-pattern75 | registry:block | This component displays a full-screen background pattern with dynamic visual elements, including vertically oriented particle fields and ribbon accents, overla… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern75.json` |
| background-pattern76 | registry:block | This component, BackgroundPattern76, provides a visually immersive background effect using gradients and particle fields to create a dynamic, glowing star fiel… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern76.json` |
| background-pattern77 | registry:block | This component creates a visually dynamic background with an ascending vertical gradient and a starfield effect, suitable for enhancing visual interest in vari… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern77.json` |
| background-pattern78 | registry:block | This component generates a visually dynamic background pattern featuring a sparse starfield with vignette effects, ideal for enhancing the visual appeal of use… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern78.json` |
| background-pattern79 | registry:block | This component is designed to render a visually striking background pattern, featuring a sparse starfield with a fade effect and a vignette overlay, suitable f… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern79.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-pattern80 | registry:block | This component creates a visually dynamic background pattern featuring a sparse starfield with a fade effect and vignette overlay. It is designed to seamlessly… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern80.json` |
| background-pattern81 | registry:block | This component, called BackgroundPattern81, creates a visually appealing backdrop with a sparse starfield effect and a vignette overlay. It can be customized w… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern81.json` |
| background-pattern82 | registry:block | This component renders a full-screen background pattern featuring a bottom fade sparse starfield with a vignette effect. It allows for custom styling through a… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern82.json` |
| background-pattern83 | registry:block | This component creates a visually engaging background pattern with a sparse starfield and vignette effects designed to enhance any content placed over it. It a… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern83.json` |
| background-pattern84 | registry:block | This component creates a visually appealing background with a radial gradient starfield effect and a vignette overlay. Ideal for use as a dynamic background, i… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern84.json` |
| background-pattern85 | registry:block | This component renders a full-screen background with a sparse starfield pattern and a vignette effect, designed for visual enhancement and atmospheric depth. I… | `npx shadcn@latest add https://shadcnblocks.com/r/background-pattern85.json` |

## For AI agents

```text
You are adding components from @shadcnblocks to a shadcn-compatible project.
1. Read this file (https://sh4dcn.netlify.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.netlify.app/json (library slug: shadcnblocks).
```