sh4dcnv2 · atlas
← libraries

@shadcnblocks

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

250 components pro available react shadcn-cli

Install this registry

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

Components

250 total
About 1 - Intro With Story Columns 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
About 10 - Sticky Sidebar Company Profile block

A two-column about section with sticky sidebar containing avatar and contact link, and main content with bio, philosophy, workspace image, and team list.

npx shadcn@latest add https://shadcnblocks.com/r/about10.json
About 11 - Creative Agency Portfolio 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
About 12 - Agency Profile with Process Cards block

A structured agency about section with labeled sections, process cards with numbered badges, milestone stats, awards list, and testimonial with case study link.

npx shadcn@latest add https://shadcnblocks.com/r/about12.json
About 13 - Story with Avatar Profile block

A six-column about section with large story headline, team intro text, avatar profile card, philosophy paragraph, and full-width image.

npx shadcn@latest add https://shadcnblocks.com/r/about13.json
About 14 - About with Hero Image block

A six-column about section with headline, full-width hero image, labeled intro text, avatar profile, and philosophy statement.

npx shadcn@latest add https://shadcnblocks.com/r/about14.json
About 15 - Tilted Photo Profile Card block

A dark two-column about section with a rotated polaroid-style photo card, headline, body text, and a handwritten signature.

npx shadcn@latest add https://shadcnblocks.com/r/about15.json
About 16 - Why Us Stats Section block

A six-column about section with sticky Why Us label, quote-style headline, supporting text, full-width image, and three-row stats list.

npx shadcn@latest add https://shadcnblocks.com/r/about16.json
About 17 - Interactive Tab Profile block

A seven-column profile section with role and timezone info, bio text, interactive tab navigation, and tab-controlled image display.

npx shadcn@latest add https://shadcnblocks.com/r/about17.json
About 18 - Mission and Drive Sections block

A seven-column about section with mission and drive content blocks, each with label, headline, and supporting text, separated by a two-image row.

npx shadcn@latest add https://shadcnblocks.com/r/about18.json
About 19 - Image Left Quote Right block

A seven-column about section with large bordered image on the left and headline, text, quote attribution with avatar on the right.

npx shadcn@latest add https://shadcnblocks.com/r/about19.json
About 2 - Stats Grid with Logos and Testimonial block

A comprehensive about block with centered intro, asymmetric image grid, stats section, logo strip, and benefit cards with testimonial.

npx shadcn@latest add https://shadcnblocks.com/r/about2.json
About 20 - Founder Profile with Signature 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
About 21 - Hero Story and Training Cards 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
About 22 - Animated Story with Images 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
About 23 - Split intro with story columns and stats 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
About 24 - Personal Profile with Clients and Awards 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
About 25 - Animated Story with Stats and Avatars 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
About 26 - Studio Profile with Services 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
About 27 - Enterprise About with Team Grid 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
About 28 - Two-Column About with Staggered Images block

A two-column about section with alternating image and text blocks, featuring staggered image pairs and multi-paragraph text with optional CTA.

npx shadcn@latest add https://shadcnblocks.com/r/about28.json
About 29 - Mission panel with text columns 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
About 3 - Company Profile with Achievements block

A two-column about section with main image, breakout card, logo strip, and achievements stats grid on muted background.

npx shadcn@latest add https://shadcnblocks.com/r/about3.json
About 30 - Centered intro with photo row 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
About 31 - Story with Avatar Profile block

A six-column about section with large story headline, team intro text, avatar profile card, philosophy paragraph, and full-width image.

npx shadcn@latest add https://shadcnblocks.com/r/about31.json
About 32 - About with Hero Image block

A six-column about section with headline, full-width hero image, labeled intro text, avatar profile, and philosophy statement.

npx shadcn@latest add https://shadcnblocks.com/r/about32.json
About 33 - Mission and Drive Sections block

A seven-column about section with mission and drive content blocks, each with label, headline, and supporting text, separated by a two-image row.

npx shadcn@latest add https://shadcnblocks.com/r/about33.json
About 34 - Studio split with work CTA 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
About 35 - Interactive Tab Profile 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
About 36 - Photo Mosaic With Story Columns 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
About 37 - Editorial Intro With Photo Pair 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
About 38 - Split Intro With Story Columns 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
About 39 - Sticky Sidebar Client List 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
About 4 - Vision and Creators with Image Grid block

A centered about section with six-image grid, two-column vision and creators text blocks, and muted CTA banner.

npx shadcn@latest add https://shadcnblocks.com/r/about4.json
About 40 - Sticky studio with awards 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
About 41 - Ruled about with numbered stories 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
About 42 - L-shaped about with a photo slider 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
About 43 - Poster about with three portraits 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
About 5 - Developer Platform Story block

A developer-focused about section with two-column intro, large image, tech logos, origin story, and milestone cards.

npx shadcn@latest add https://shadcnblocks.com/r/about5.json
About 6 - Story and Workplace Photo Grid block

A two-column about section with story text and staggered photo grids showing team and workplace imagery.

npx shadcn@latest add https://shadcnblocks.com/r/about6.json
About 7 - Product Story with Offset Images block

A narrative about section with offset image layout, product philosophy text, team photos, and careers CTA button.

npx shadcn@latest add https://shadcnblocks.com/r/about7.json
About 8 - Fintech About with Stats Carousel block

A fintech-style about section with plus-sign pattern background, stats row, mission narrative, image carousel, and founding team.

npx shadcn@latest add https://shadcnblocks.com/r/about8.json
About 9 - Developer Profile with Photos block

A personal profile section with large team photo, role and location info with flag icon, bio text, and secondary workspace image.

npx shadcn@latest add https://shadcnblocks.com/r/about9.json
Accept Invite 1 - Two-Column Invite with Email Form block

A two-column invitation acceptance screen with Google sign-in, email input form, welcome message, and footer links.

npx shadcn@latest add https://shadcnblocks.com/r/accept-invite1.json
Accept Invite 2 - Centered invite card with logo 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 Invite 3 - Split accept invite with verified badge 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 Invite 4 - Accept invite with workspace access 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 Invite 5 - Workspace Join 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 Invite 6 - Locked Email Invite 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 Invite 7 - Project Join Bar 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 Shell 1 - Sidebar Shell with Breadcrumbs block

A full application shell with collapsible sidebar, grouped navigation with submenus, user dropdown in footer, header with breadcrumbs, and placeholder content …

npx shadcn@latest add https://shadcnblocks.com/r/application-shell1.json
Application Shell 11 - Video Platform Shell block

A YouTube-style video platform shell with category sidebar, collapsible subscription sections, search bar in header, and user dropdown with account options.

npx shadcn@latest add https://shadcnblocks.com/r/application-shell11.json
Application Shell 12 - Two-tier sidebar shell with organization switcher block

Two-tier sidebar with a collapsible menu panel and animated transitions.

npx shadcn@latest add https://shadcnblocks.com/r/application-shell12.json
Application Shell 13 - Top navigation shell with dropdown menus and mobile sheet block

Top navigation bar with dropdown menus, search field, organization switcher, and mobile bottom navigation.

npx shadcn@latest add https://shadcnblocks.com/r/application-shell13.json
Application Shell 14 - Crypto exchange shell with wallet and token menus block

Cryptocurrency exchange interface with wallet menu, token favorites, notifications, and rounded navigation tabs.

npx shadcn@latest add https://shadcnblocks.com/r/application-shell14.json
Application Shell 15 - Floating sidebar with nested sections 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 Shell 16 - Sidebar with dropdown submenus 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 Shell 17 - Inset sidebar with secondary navigation 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 Shell 18 - Sidebar on the right 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 Shell 19 - Left and right sidebars 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 Shell 2 - Inset Sidebar with Icon Collapse block

An application shell with inset collapsible sidebar that collapses to icon-only mode, grouped navigation with submenus, user dropdown footer, and content area.

npx shadcn@latest add https://shadcnblocks.com/r/application-shell2.json
Application Shell 20 - Sidebar with a calendar 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 Shell 21 - AI chat shell with conversation history 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 Shell 22 - Mail shell with three resizable panes 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 Shell 23 - Issue tracker shell with team navigation 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 Shell 24 - Wiki shell with a nested page tree 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 Shell 25 - Icon rail with flyout panels 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 Shell 26 - E-commerce admin shell with a full-width top bar 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 Shell 27 - Music player shell with a persistent player bar 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 Shell 28 - Resizable panels workspace shell 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 Shell 29 - Shell with a dismissible banner and status bar 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 Shell 3 - Top Navigation Bar Shell block

An application shell with horizontal top navigation bar featuring dropdown menus, search input, user dropdown, and mobile sheet menu for responsive navigation.

npx shadcn@latest add https://shadcnblocks.com/r/application-shell3.json
Application Shell 30 - Sidebar on desktop, tab bar on mobile 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 Shell 31 - Workspace shell with browser-style tabs 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 Shell 32 - Analytics shell with a sticky filter bar 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 Shell 33 - Code repository shell with a two-row header 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 Shell 34 - Document editor shell with a menu bar and toolbar 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 Shell 35 - ERP shell with mega menu navigation 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 Shell 36 - Whiteboard shell with floating toolbars 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 Shell 37 - File manager shell with an app launcher 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 Shell 38 - Pull request review shell with a sticky header 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 Shell 39 - CI pipeline shell with job list and log viewer 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 Shell 4 - Top Navigation with Tabs block

An application shell with horizontal top navigation using tab-style links, search input, user dropdown, and mobile sheet menu for responsive navigation.

npx shadcn@latest add https://shadcnblocks.com/r/application-shell4.json
Application Shell 40 - Spreadsheet shell with a formula bar and sheet tabs 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 Shell 41 - Slide deck editor shell with thumbnails and notes 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 Shell 42 - Cloud console shell with a full-width services mega menu 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 Shell 43 - Business suite shell with an all-apps menu 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 Shell 44 - Map shell with a floating search and results panel 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 Shell 45 - Design tool shell with floating panels 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 Shell 46 - Photo library shell with selection mode and timeline 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 Shell 47 - Cloud storage shell with an upload tray 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 Shell 48 - Desktop IDE shell with a command palette and bottom panel 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 Shell 49 - Browser playground IDE shell with a live preview 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 Shell 5 - Floating Sidebar Shell block

An application shell with floating sidebar variant, grouped navigation with collapsible submenus, user dropdown footer, and toggle button in sidebar header.

npx shadcn@latest add https://shadcnblocks.com/r/application-shell5.json
Application Shell 6 - Module Switcher Sidebar Shell block

An application shell with module switcher in sidebar, animated navigation transitions, badge counts on menu items, and drawer for mobile with motion effects.

npx shadcn@latest add https://shadcnblocks.com/r/application-shell6.json
Application Shell 7 - Messaging App Shell block

A messaging-style application shell with channel sidebar, pinned items, user presence indicators, header with breadcrumbs and actions, and drawer for mobile.

npx shadcn@latest add https://shadcnblocks.com/r/application-shell7.json
Application Shell 9 - IDE-Style File Explorer Shell block

A code editor-style application shell with activity bar, file explorer sidebar with collapsible folders, and panel toggle for secondary content area.

npx shadcn@latest add https://shadcnblocks.com/r/application-shell9.json
Awards 1 - Awards table with linked rows block

A section with a large heading and a full-width table of award name, description, and year, with each name linked externally.

npx shadcn@latest add https://shadcnblocks.com/r/awards1.json
Awards 10 - Award Logo Cards With Active Project 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
Awards 11 - Swiss Awards Index 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
Awards 12 - Editorial Honors Stack 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
Awards 13 - Featured Award Bento 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
Awards 14 - Freelancer Honors List 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
Awards 15 - Freelancer Portrait And List 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
Awards 16 - Team Photo With Award Marks 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
Awards 17 - Logo Rows Awards List 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
Awards 18 - Issuer Logo Grid 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
Awards 19 - Laurel Ruler Awards Timeline 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
Awards 2 - Sticky label with awards list block

A two-column layout with a small uppercase label and sticky positioning beside a list of award titles and years separated by hairline borders.

npx shadcn@latest add https://shadcnblocks.com/r/awards2.json
Awards 20 - Featured Portfolio Award 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
Awards 21 - Festival Swimlane Laurels 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
Awards 22 - Laurel Shelf Year Accordion 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
Awards 23 - Laurel Field With Filter 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
Awards 3 - Awards list with hover accent rows block

A titled section with intro text and stacked rows showing a color marker, award title, categories, year, and a sliding accent background on hover.

npx shadcn@latest add https://shadcnblocks.com/r/awards3.json
Awards 4 - Awards table with logos and date subtitle block

A large display Awards heading paired with a parenthetical date subtitle above a table of logo chips, names, nominations, and years.

npx shadcn@latest add https://shadcnblocks.com/r/awards4.json
Awards 5 - Awards list with pointer-following preview block

A serif-styled grid with a sticky sidebar label and large award titles where pointer movement drives a scaled preview image for the active row.

npx shadcn@latest add https://shadcnblocks.com/r/awards5.json
Awards 6 - Milestones grid with separator rows block

A display-size milestones heading over a labeled grid of milestone title, type, and year with horizontal separators between entries.

npx shadcn@latest add https://shadcnblocks.com/r/awards6.json
Awards 7 - Split accolades list and product spotlight block

Two columns: intro and an accolade stack with separators on the left, and a product image band plus headline, copy, and three large stats on the right.

npx shadcn@latest add https://shadcnblocks.com/r/awards7.json
Awards 8 - Running Awards Marquee 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
Awards 9 - Active Award Lines 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 Pattern 1 - Full-screen radial gradient background pattern block

This component generates a full-screen background pattern with a radial gradient effect, applying customizable styles through optional class names. It features…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern1.json
Background Pattern 10 - Full-viewport CSS grid background pattern block

This component creates a visually appealing background with a grid pattern using CSS gradients, which is centered and takes up the full width and height of the…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern10.json
Background Pattern 100 - Bottom Blurred Gradient With Noise block

A full-height section with two large bottom-corner radial gradients, heavy blur, desaturated SVG noise on top, and centered pattern placeholder.

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern100.json
Background Pattern 101 - Radial glow background with noise overlay 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 Pattern 102 - Layered radial gradient background with noise 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 Pattern 103 - Section background with layered grid pattern 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 Pattern 104 - Grid section background with radial mask 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 Pattern 105 - Full-screen grid background with side fade 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 Pattern 106 - Grid section background with top fade 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 Pattern 107 - Layered grid section with ellipse mask 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 Pattern 108 - Multi-layer grid section with corner fade 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 Pattern 109 - Grid section background with corner mask 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 Pattern 11 - Full-screen diagonal cross grid section block

This component renders a full-screen section with a diagonal cross grid background pattern, making it suitable for visually distinct layouts. It accepts a `cla…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern11.json
Background Pattern 110 - Grid section with center elliptical fade 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 Pattern 111 - Left Fade Dot Grid Background block

A full-height centered section whose primary dot grid is masked so the pattern reads strongest toward the upper right and fades leftward, with PatternPlacehold…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern111.json
Background Pattern 112 - Right Fade Dot Grid Background block

A full-height centered section whose primary dot grid is masked so the pattern is strongest toward the upper left and softens toward the right, including Patte…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern112.json
Background Pattern 113 - Bottom Corner Dot Grid Background block

A full-height centered section with a primary dot grid masked from the bottom-right corner so the pattern fades toward the opposite side, plus PatternPlacehold…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern113.json
Background Pattern 114 - Radial dotted fade section background 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 Pattern 115 - Center Vignette Dot Grid Background block

A full-height centered section with a primary dot grid vignetted from the middle so the edges fall away, centered PatternPlaceholder, and optional section clas…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern115.json
Background Pattern 116 - Top Band Dot Grid Background block

A full-height centered section with a wide elliptical mask so the primary dot grid is strongest under the top edge and fades downward with a soft multi-stop fa…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern116.json
Background Pattern 117 - Bottom Band Dot Grid Background block

A full-height centered section with a primary-tinted dot grid that fades upward from the bottom, using PatternPlaceholder as sample foreground content.

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern117.json
Background Pattern 118 - Wave line background pattern with placeholder 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 Pattern 119 - Wave line background pattern with right fade 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 Pattern 12 - Diagonal cross grid background pattern with fades block

This component displays a visually engaging diagonal cross grid background pattern with fade effects, suitable for enhancing the visual appeal of any block. It…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern12.json
Background Pattern 120 - Wave line background pattern with left fade 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 Pattern 121 - Wave line background pattern with center fade 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 Pattern 122 - Masked grid background pattern for full-screen sections 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 Pattern 123 - Gradient grid background pattern with masking 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 Pattern 124 - Intersecting diagonal line background pattern with tem… 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 Pattern 125 - Diagonal cross grid background pattern with right-side… 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 Pattern 126 - Dashed grid background pattern with masking 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 Pattern 127 - Dashed grid backdrop with masked edge 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 Pattern 128 - Circuit-style layered gradient background 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 Pattern 129 - Circuit pattern backdrop for centered layouts 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 Pattern 13 - Diagonal crosshatch with side fade block

This component renders a visually engaging background pattern featuring a left fade diagonal cross grid, suitable for enhancing the aesthetic appeal of any int…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern13.json
Background Pattern 130 - Dot grid background with directional mask 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 Pattern 131 - Layered dot grid and radial pattern background 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 Pattern 132 - Radial gradient with noise texture 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 Pattern 133 - Asymmetric noise texture on radial backdrop 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 Pattern 134 - Particle field background with radial masks 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 Pattern 135 - Particle field with edge fade 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 Pattern 136 - Sparse starfield with left-side mask 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 Pattern 137 - Sparse starfield with right-side mask 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 Pattern 138 - Striped linear gradient with left fade mask 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 Pattern 139 - Striped pattern anchored on the right 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 Pattern 14 - Diagonal cross grid with top fade block

This component serves as a full-screen background pattern block, featuring a diagonally oriented cross grid with a top fade effect. It allows customization thr…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern14.json
Background Pattern 140 - Dense diagonal stripes with gradient fade 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 Pattern 141 - Dense diagonal stripes with right-side mask 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 Pattern 142 - Layered grid gradients with left fade 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 Pattern 143 - Multi-layer grid with right-side mask 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 Pattern 144 - SVG wave lines with gradient mask 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 Pattern 145 - Wave line section background pattern 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 Pattern 15 - Bottom-centered diagonal cross-grid background pattern block

This component creates a visually engaging background pattern with diagonal cross grids and a bottom fade effect, enhancing the aesthetic of any interface. It …

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern15.json
Background Pattern 16 - Lower-left diagonal cross-grid background pattern block

This component creates a visually appealing background pattern using diagonal cross grids and fade effects, ideal for enhancing the aesthetics of any user inte…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern16.json
Background Pattern 17 - Lower-right diagonal cross-grid background pattern block

This component creates a visually appealing background pattern using a diagonal cross grid with a radial fade effect, set to fill a full-screen height layout. …

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern17.json
Background Pattern 18 - Center-focused diagonal cross-grid background pattern block

This component creates a visually engaging background pattern using diagonal cross grids and a center fade effect, perfect for dynamic and modern UX designs. I…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern18.json
Background Pattern 19 - Dashed orthogonal grid section background pattern block

This component creates a full-screen container featuring a dashed grid background pattern, ideal for visually structuring content in an engaging way. It accept…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern19.json
Background Pattern 2 - Bottom radial gradient section background pattern block

This component serves as a customizable background pattern block, featuring a radial gradient design with placeholder support. It allows users to apply additio…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern2.json
Background Pattern 20 - Dashed grid background pattern, upper-left emphasis block

This component creates a full-screen background pattern featuring a right-fade dashed grid effect, offering a distinctive and visually engaging backdrop for va…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern20.json
Background Pattern 21 - Dashed grid background pattern, upper-right emphasis block

This component renders a full-screen block with a dashed grid background pattern, featuring a gradient and masking effects for added visual depth. It is ideal …

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern21.json
Background Pattern 22 - Dashed grid background pattern, top edge emphasis block

This component creates a visually dynamic background pattern, featuring a dashed grid overlay with a top fade effect and a radial gradient. It serves as a vers…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern22.json
Background Pattern 23 - Dashed grid with radial gradient mask block

The BackgroundPattern23 component creates a visually engaging block with a customizable background pattern featuring a dashed grid and radial gradient effects.…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern23.json
Background Pattern 24 - Dashed grid with corner fade block

This component creates a visually engaging background with a faded dashed grid pattern and supports custom styling through class names. It is ideal for adding …

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern24.json
Background Pattern 25 - Dashed grid faded from bottom left block

This component generates a visually appealing background pattern with a bottom-left fade dashed grid effect, suitable for enhancing the design of user interfac…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern25.json
Background Pattern 26 - Dashed grid faded toward center block

This component creates a visually appealing background pattern using intersecting linear and radial gradients, ideal for adding texture and depth to any layout…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern26.json
Background Pattern 27 - Radial glow from top center block

This component serves as a flexible background block that fills the entire viewport with a gradient and a placeholder pattern. It allows for customization thro…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern27.json
Background Pattern 28 - Center spotlight radial background block

This component, called BackgroundPattern28, is designed to display a customizable full-screen background pattern with a radial gradient effect that centers at …

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern28.json
Background Pattern 29 - Top radial glow background block

This component renders a full-screen background pattern with a top radial glow effect, designed to enhance the visual appeal of any interface. It allows custom…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern29.json
Background Pattern 3 - Full-screen linear grid background block

This component creates a full-screen flex container with a customizable linear grid background pattern suitable for visually enhancing layouts. It integrates a…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern3.json
Background Pattern 30 - Dual radial gradient background block

This component renders a full-screen background pattern with radial gradients, designed to enhance visual appeal. It provides a placeholder for additional patt…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern30.json
Background Pattern 31 - Circuit board grid background block

This component renders a full-screen background featuring a circuit board pattern using CSS gradients, ideal for creating a visually engaging backdrop. It incl…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern31.json
Background Pattern 32 - Circuit board grid with top-left corner fade block

This component displays a visually appealing background pattern with a right-side fade resembling a circuit board, suitable for enhancing the aesthetics of a u…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern32.json
Background Pattern 33 - Circuit board grid with top-right corner fade block

This component is designed to create a visually engaging background with a circuit board pattern, featuring a left fade effect. It allows for customizable clas…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern33.json
Background Pattern 34 - Circuit board grid faded from top block

This component, named BackgroundPattern34, creates a visually appealing background pattern with a top fade circuit board effect suitable for full-screen displa…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern34.json
Background Pattern 35 - Circuit board grid faded from bottom block

This component is designed to display a full-screen background with a circuit board pattern, creating a visually engaging backdrop for other content. It includ…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern35.json
Background Pattern 36 - Circuit board grid with bottom-left corner fade block

A component that creates a visually interesting background pattern using a combination of linear gradients and radial masks, designed to mimic a circuit board …

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern36.json
Background Pattern 37 - Circuit board grid with bottom-right corner fade block

This component is designed to showcase a full-screen background with a visually engaging circuit board pattern, featuring gradient lines and an elliptical mask…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern37.json
Background Pattern 38 - Circuit board grid faded toward edges block

This component creates a visually engaging background pattern with a center-fade circuit board design, ideal for adding dynamic aesthetics to full-screen secti…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern38.json
Background Pattern 39 - Grid and dot section background block

The BackgroundPattern39 component creates a visually appealing section with a dynamic white grid and dots background, perfect for enhancing the aesthetics of a…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern39.json
Background Pattern 4 - Full-screen grid background with corner fade block

This component creates a full-screen background with a diagonal fade grid pattern using CSS gradients and masking techniques. It allows for additional styling …

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern4.json
Background Pattern 40 - Grid and dot background with top-left corner fade block

This component serves as a versatile background pattern featuring a combination of linear and radial gradients, creating a grid with dots effect. It is designe…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern40.json
Background Pattern 41 - Grid and dot section background with top-right radial f… 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 Pattern 42 - Grid and dot section background with top radial fade 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 Pattern 43 - Grid and dot section background with bottom radial fade 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 Pattern 44 - Grid and dot section background with bottom-left radial… 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 Pattern 45 - Grid and dot section background with bottom-right radia… 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 Pattern 46 - Grid and dot section background with center radial fade 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 Pattern 47 - Dotted noise texture section background 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 Pattern 48 - Dotted noise texture with top-left radial fade 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 Pattern 49 - Dotted noise texture with top-right radial fade 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 Pattern 5 - Large-cell grid section background with top-right radial… block

This component creates a full-screen background pattern with a diagonal fade grid effect, ideal for enhancing the visual appeal of a user interface. It utilize…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern5.json
Background Pattern 50 - Radial dot grid section with top fade 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 Pattern 51 - Radial dot grid section with bottom fade 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 Pattern 52 - Radial dot grid section with bottom-left fade 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 Pattern 53 - Radial dot grid section with bottom-right fade 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 Pattern 54 - Radial dot grid section with center fade 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 Pattern 55 - Layered multi-radial section from chart palette 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 Pattern 56 - Dense chart radial nebula section 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 Pattern 57 - Dense theme-accent radial nebula section 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 Pattern 58 - Asymmetric chart radial mist section 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 Pattern 59 - Layered aurora radials from chart palette 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 Pattern 6 - Square-tiled grid background with top fade block

This component renders a full-screen background pattern with a top fade grid effect, providing a visually appealing design element. It allows for custom stylin…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern6.json
Background Pattern 60 - Layered radial gradients with vertical color wash 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 Pattern 61 - Multi-layer radial gradient field background 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 Pattern 62 - Bottom-anchored stacked radial glow background 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 Pattern 63 - Dual offset radial spot background 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 Pattern 64 - Top-right radial corner glow background 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 Pattern 65 - Top-left radial corner glow background 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 Pattern 66 - Scattered small radial gradient background 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 Pattern 67 - Bottom-clustered radial glow background 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 Pattern 68 - Triple radial corner accent background 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 Pattern 69 - Full-screen layered diagonal radial gradients 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 Pattern 7 - Grid backdrop with radial center fade block

This component creates a visually dynamic background with a grid pattern and a radial fade effect, allowing users to apply customizable styles through the `cla…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern7.json
Background Pattern 70 - Full-screen backdrop with diagonal corner glow 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 Pattern 71 - Radial glow with crossing accent lines 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 Pattern 72 - Three-direction layered gradient backdrop 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 Pattern 73 - Skewed ribbon accents with particle field 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 Pattern 74 - Parallel ascending ribbons with star field 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 Pattern 75 - Symmetric skewed ribbons with particle field 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 Pattern 76 - Bottom-up glow with star particle field 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 Pattern 77 - Vertical gradient glow with starfield layer 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 Pattern 78 - Sparse starfield section background with vignette 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 Pattern 79 - Starfield background with right-side fade and vignette 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 Pattern 8 - Full-viewport grid background with bottom-left fade block

This component, named BackgroundPattern8, is designed to create a visually appealing full-screen background with a fade grid pattern effect. It includes a cust…

npx shadcn@latest add https://shadcnblocks.com/r/background-pattern8.json
Background Pattern 80 - Starfield background with left-side fade and vignette 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 Pattern 81 - Starfield background with top fade and vignette 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 Pattern 82 - Starfield background with bottom fade and vignette 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 Pattern 83 - Starfield background with bottom-left fade and vignette 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 Pattern 84 - Starfield background with bottom-right fade and vignette 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 Pattern 85 - Starfield background with center fade and vignette 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