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