sh4dcnv2 · atlas
← libraries

@shadcnstore

A growing shadcn/ui block and template marketplace covering marketing blocks (Hero 6, Feature 10, Testimonial 9, FAQ 4, Pricing 6, Team 9, Footer 7, CTA 10, Stats 8, Bento Grid 4, Contact 6), e-commerce blocks (Storefront Hero, Product Overview, Cart, Checkout, Reviews, Order History), and application UI blocks. Built with React, Tailwind CSS, and Tailwind v3/v4 themes, with a Figma kit also available. Freemium model with a premium tier for full access. Use for: pulling ready-made marketing or e-commerce page sections into a Next.js project in a single category-browsable registry.

250 components pro available react shadcn-cli MIT

Install this registry

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

Components

250 total
Avatar group ui

Overlapping avatar stack whose neighbours lift with a distance falloff on hover.

npx shadcn@latest add https://shadcnstore.com/r/motion-avatar-group.json
Animated checkbox ui

Checkbox whose tick draws on with a stroke path instead of appearing instantly.

npx shadcn@latest add https://shadcnstore.com/r/motion-checkbox-check.json
Confetti burst ui

Canvas confetti fired once when something succeeds, with no animation library.

npx shadcn@latest add https://shadcnstore.com/r/motion-confetti.json
Sliding tabs ui

Segmented tabs whose pill indicator slides to follow the active tab.

npx shadcn@latest add https://shadcnstore.com/r/motion-sliding-tabs.json
Spinning number ui

A price or count whose digits spin on a reel when the value changes.

npx shadcn@latest add https://shadcnstore.com/r/motion-spinning-number.json
App Shell 1 block

Responsive sidebar, breadcrumb header, workspace navigation, and calm application content frame

npx shadcn@latest add https://shadcnstore.com/r/app-shell-1.json
App Shell 2 block

Collapsible icon rail with persistent state, accessible tooltips, mobile sheet, and reflowing content

npx shadcn@latest add https://shadcnstore.com/r/app-shell-2.json
App Shell 3 block

Two-level top navigation with workspace context, scrollable sub-navigation, and centered content

npx shadcn@latest add https://shadcnstore.com/r/app-shell-3.json
App Shell 4 block

Multi-tenant workspace shell with switcher, persisted nested navigation, breadcrumb context, and command seam

npx shadcn@latest add https://shadcnstore.com/r/app-shell-4.json
App Shell 5 block

Resizable list, detail, and inspector panes with keyboard selection and a designed mobile stack

npx shadcn@latest add https://shadcnstore.com/r/app-shell-5.json
App 1 - Dashboard block

Simple dashboard layout with sidebar navigation and stats

npx shadcn@latest add https://shadcnstore.com/r/app-1.json
App 2 - Task Board block

Kanban-style task board with drag-and-drop functionality

npx shadcn@latest add https://shadcnstore.com/r/app-2.json
App 3 - Messages block

Conversation list, grouped message thread, disciplined autoscroll, typing state, and responsive composer

npx shadcn@latest add https://shadcnstore.com/r/app-3.json
App 4 - File Manager block

Grid and list file manager with shared selection, bulk actions, search, and preview sheet

npx shadcn@latest add https://shadcnstore.com/r/app-4.json
App 5 - Issue Tracker block

Grouped keyboard-first issue list with inline status editing, selection, and detail sheet

npx shadcn@latest add https://shadcnstore.com/r/app-5.json
App 6 - Settings block

A settings suite with account, notification-matrix and team panels that keep unsaved work across tabs

npx shadcn@latest add https://shadcnstore.com/r/app-6.json
App 7 - Patient Intake block

A persisted, branching patient-intake wizard with repeatable medication and allergy records

npx shadcn@latest add https://shadcnstore.com/r/app-7.json
App 8 - Team Invites block

A care-team invitation flow with paste-many email chips and permission previews

npx shadcn@latest add https://shadcnstore.com/r/app-8.json
App 9 - Billing Statement block

A print-ready medical statement with encounter lines, payer adjustments and a superbill variant

npx shadcn@latest add https://shadcnstore.com/r/app-9.json
Calendar 8 block

A plain month grid with a selected-day list — no shell, no filters, no dialogs

npx shadcn@latest add https://shadcnstore.com/r/calendar-8.json
Calendar 1 block

A month calendar application with a sidebar, filterable calendars and a day detail sheet

npx shadcn@latest add https://shadcnstore.com/r/calendar-1.json
Calendar 2 block

A week time grid with positioned events and a mobile agenda fallback

npx shadcn@latest add https://shadcnstore.com/r/calendar-2.json
Calendar 3 block

A studio class booking flow with timezone-aware slots, waitlist and a directional date-change transition

npx shadcn@latest add https://shadcnstore.com/r/calendar-3.json
Calendar 4 block

A rooms-by-hour resource timeline with overlap lane-splitting, a real now-line and a designed mobile layout

npx shadcn@latest add https://shadcnstore.com/r/calendar-4.json
Calendar 5 block

A grouped agenda list with a derived attendance streak strip, composed filters and sticky day headers

npx shadcn@latest add https://shadcnstore.com/r/calendar-5.json
Calendar 6 block

A front-desk studio switcher that swaps the day\'s class list, with live capacity badges and a working join-waitlist action

npx shadcn@latest add https://shadcnstore.com/r/calendar-6.json
Calendar 7 block

A four-question studio intake that assembles a computed recommended week

npx shadcn@latest add https://shadcnstore.com/r/calendar-7.json
Chart 1 block

Clean and simple bar and line chart displaying monthly sales volume and conversion rate trends with dual y-axis visualization

npx shadcn@latest add https://shadcnstore.com/r/chart-1.json
Chart 2 block

Modern combined bar and line chart showing revenue performance vs targets with growth percentage trends, featuring interactive time period filters and comprehe…

npx shadcn@latest add https://shadcnstore.com/r/chart-2.json
Chart 3 block

Comprehensive analytics dashboard chart with product sales and volume metrics, featuring trend indicators and recent activity tracking

npx shadcn@latest add https://shadcnstore.com/r/chart-3.json
Chart 4 block

Interactive financial dashboard with tabbed navigation showing Income (area chart), Expenses (radial chart), and Profit (bar chart) with real-time metrics

npx shadcn@latest add https://shadcnstore.com/r/chart-4.json
Chart 5 block

Time-based earnings dashboard with interactive time period tabs (1d, 5d, 1m, 6m, 1y) and area chart visualization with recent activity tracking

npx shadcn@latest add https://shadcnstore.com/r/chart-5.json
Chart 6 block

Radial progress chart dashboard showcasing company performance metrics with department breakdown and visitor statistics

npx shadcn@latest add https://shadcnstore.com/r/chart-6.json
Datatable 1 block

Comprehensive user management table with search, filters, pagination, and action dropdowns. Includes user avatars, roles, login status, and two-factor authenti…

npx shadcn@latest add https://shadcnstore.com/r/datatable-1.json
Datatable 2 block

Advanced user records table with statistics cards, role icons, plan details, and status management. Features filter dropdowns, bulk actions, and comprehensive …

npx shadcn@latest add https://shadcnstore.com/r/datatable-2.json
Datatable 3 block

Product inventory management table with images, SKU tracking, quantity badges, star ratings, and status indicators. Includes stock alerts and product actions

npx shadcn@latest add https://shadcnstore.com/r/datatable-3.json
Datatable 4 block

Modern orders datatable with analytics cards, command palette (⌘K), tabs navigation, bulk actions, column visibility control, and real-time order tracking. Fea…

npx shadcn@latest add https://shadcnstore.com/r/datatable-4.json
Datatable 5 block

URL-synced server-state table with saved views, async states, faceted filters, and record details

npx shadcn@latest add https://shadcnstore.com/r/datatable-5.json
Error Page 1 block

A centred 404 page with an illustration, a home link and a contact action

npx shadcn@latest add https://shadcnstore.com/r/error-page-1.json
Error Page 2 block

A split 404 page with the brand mark, an illustration and a single home action

npx shadcn@latest add https://shadcnstore.com/r/error-page-2.json
Error Page 3 block

Interactive 404 page with search and help options

npx shadcn@latest add https://shadcnstore.com/r/error-page-3.json
Error Page 4 block

Maintenance page with countdown and progress tracking

npx shadcn@latest add https://shadcnstore.com/r/error-page-4.json
Forgot Password Page 1 block

A four-step reset covering email, one-time code, new password and confirmation

npx shadcn@latest add https://shadcnstore.com/r/forgot-password-page-1.json
Forgot Password Page 2 block

Simple password reset form with email confirmation

npx shadcn@latest add https://shadcnstore.com/r/forgot-password-page-2.json
Forgot Password Page 3 block

Multi-step password reset with verification code

npx shadcn@latest add https://shadcnstore.com/r/forgot-password-page-3.json
Forgot Password Page 4 block

A four-step reset with labelled fields and a resend-code action

npx shadcn@latest add https://shadcnstore.com/r/forgot-password-page-4.json
Forgot Password Page 5 block

A modern two-column forgot password page with illustration

npx shadcn@latest add https://shadcnstore.com/r/forgot-password-page-5.json
Forgot Password Page 6 block

A split-screen reset across the email, code, new password and success states

npx shadcn@latest add https://shadcnstore.com/r/forgot-password-page-6.json
Login Page 1 block

A card login with remember-me, a forgot-password link and three social buttons

npx shadcn@latest add https://shadcnstore.com/r/login-page-1.json
Login Page 2 block

Clean and simple login form with social authentication

npx shadcn@latest add https://shadcnstore.com/r/login-page-2.json
Login Page 3 block

Split-screen login with background image and enhanced UX

npx shadcn@latest add https://shadcnstore.com/r/login-page-3.json
Login Page 4 block

A labelled card login with social buttons placed above the email and password fields

npx shadcn@latest add https://shadcnstore.com/r/login-page-4.json
Login Page 5 block

A modern two-column login page with illustration

npx shadcn@latest add https://shadcnstore.com/r/login-page-5.json
Login Page 6 block

A split-screen login with the card on one side and a product panel on the other

npx shadcn@latest add https://shadcnstore.com/r/login-page-6.json
Signup Page 1 block

A card signup with social options and terms and privacy links under the button

npx shadcn@latest add https://shadcnstore.com/r/signup-page-1.json
Signup Page 2 block

Multi-step signup form with progress tracking

npx shadcn@latest add https://shadcnstore.com/r/signup-page-2.json
Signup Page 3 block

Simple signup form with social authentication options

npx shadcn@latest add https://shadcnstore.com/r/signup-page-3.json
Signup Page 4 block

A labelled card signup with a confirm-password field and social options

npx shadcn@latest add https://shadcnstore.com/r/signup-page-4.json
Signup Page 5 block

A modern two-column signup page with illustration

npx shadcn@latest add https://shadcnstore.com/r/signup-page-5.json
Signup Page 6 block

A split-screen signup with the card beside a product panel

npx shadcn@latest add https://shadcnstore.com/r/signup-page-6.json
Signup Page 7 block

A multi-step signup wizard with blocking per-step validation and a review step

npx shadcn@latest add https://shadcnstore.com/r/signup-page-7.json
Verify 1 block

Two-factor code entry with resend cooldown, backup codes and lockout

npx shadcn@latest add https://shadcnstore.com/r/verify-1.json
Verify 2 block

Email verification covering check-inbox, verified and expired states

npx shadcn@latest add https://shadcnstore.com/r/verify-2.json
Verify 3 block

Passkey sign-in with a biometric ring, magic-link fallback and an unsupported-browser layout

npx shadcn@latest add https://shadcnstore.com/r/verify-3.json
Verify 4 block

Patient SMS verification end to end: country entry, a draining cooldown ring, voice fallback and lockout

npx shadcn@latest add https://shadcnstore.com/r/verify-4.json
Verify 5 block

Insurance card capture with an extraction reveal, confidence flags, eligibility results and actionable rejections

npx shadcn@latest add https://shadcnstore.com/r/verify-5.json
Verify 6 block

Split-screen identity check: code entry beside the booking it protects, with a guest testimonial

npx shadcn@latest add https://shadcnstore.com/r/verify-6.json
Widget 1 block

Comprehensive analytics dashboard with product sales and volume metrics, featuring trend indicators and recent activity tracking

npx shadcn@latest add https://shadcnstore.com/r/widget-1.json
Widget 2 block

A market-trends widget with a channel list and a per-item actions menu

npx shadcn@latest add https://shadcnstore.com/r/widget-2.json
Widget 3 block

An active-task widget with assignee avatars, stage labels and progress per task

npx shadcn@latest add https://shadcnstore.com/r/widget-3.json
Widget 4 block

A top-performers widget listing companies with sector labels and change figures

npx shadcn@latest add https://shadcnstore.com/r/widget-4.json
Widget 5 block

Social media channels overview widget with progress bars, metrics display, and interactive area chart showing engagement trends

npx shadcn@latest add https://shadcnstore.com/r/widget-5.json
Widget 6 block

Side-by-side product comparison widget displaying top products by sales and volume with percentage changes, icons, and metrics

npx shadcn@latest add https://shadcnstore.com/r/widget-6.json
Widget 7 block

Token consumption against quota with a trend line, per-model breakdown and estimated cost

npx shadcn@latest add https://shadcnstore.com/r/widget-7.json
Category Filter 1 block

A horizontal filter bar with dropdowns and active filter display

npx shadcn@latest add https://shadcnstore.com/r/category-filter-1.json
Category Filter 2 block

A sidebar filter with expandable categories and subcategories

npx shadcn@latest add https://shadcnstore.com/r/category-filter-2.json
Category Filter 3 block

A comprehensive filter sidebar with toggle-based selection and real-time results

npx shadcn@latest add https://shadcnstore.com/r/category-filter-3.json
Category Filter 4 block

A mobile-first filter drawer with a live, settling result count and applied-filter chips that stay visible after it closes

npx shadcn@latest add https://shadcnstore.com/r/category-filter-4.json
Category Filter 5 block

A faceted search with correct exclude-own-facet counting, options that disable in place at zero, and a computed, recoverable no-results suggestion

npx shadcn@latest add https://shadcnstore.com/r/category-filter-5.json
Checkout Form 1 block

A clean and straightforward checkout form with essential fields

npx shadcn@latest add https://shadcnstore.com/r/checkout-form-1.json
Checkout Form 2 block

A comprehensive single-page checkout with order summary and secure payment

npx shadcn@latest add https://shadcnstore.com/r/checkout-form-2.json
Checkout Form 3 block

A guided multi-step checkout process with progress indicator and validation

npx shadcn@latest add https://shadcnstore.com/r/checkout-form-3.json
Checkout Form 4 block

A checkout form with collections of presets

npx shadcn@latest add https://shadcnstore.com/r/checkout-form-4.json
Checkout Form 5 block

An order confirmation page with a fulfilment timeline, line items and totals

npx shadcn@latest add https://shadcnstore.com/r/checkout-form-5.json
Checkout Form 6 block

A checkout with an async address combobox, delivery tags, a date range picker, phone with OTP verification and currency-formatted totals

npx shadcn@latest add https://shadcnstore.com/r/checkout-form-6.json
Order History 1 block

An order table with item thumbnails, dates, quantity, price and an invoice download

npx shadcn@latest add https://shadcnstore.com/r/order-history-1.json
Order History 2 block

An order list grouped by status, with tracking and details actions per order

npx shadcn@latest add https://shadcnstore.com/r/order-history-2.json
Order History 3 block

A tabbed order history with a date-range filter, invoices, reorder and review actions

npx shadcn@latest add https://shadcnstore.com/r/order-history-3.json
Order History 4 block

A detailed table view for managing orders with sorting and pagination

npx shadcn@latest add https://shadcnstore.com/r/order-history-4.json
Order History 5 block

A single-order detail page with a fulfillment timeline, per-shipment items, address and payment summary, and returns, reorder and invoice actions

npx shadcn@latest add https://shadcnstore.com/r/order-history-5.json
Product Category Card 1 block

A four-up category grid of subjects with a view-all action

npx shadcn@latest add https://shadcnstore.com/r/product-category-1.json
Product Category Card 2 block

Image-based category cards with overlay text and trending badges

npx shadcn@latest add https://shadcnstore.com/r/product-category-2.json
Product Category Card 3 block

A seven-column category strip of small image tiles

npx shadcn@latest add https://shadcnstore.com/r/product-category-3.json
Product Category Card 4 block

A category grid with icon avatars and item-count badges

npx shadcn@latest add https://shadcnstore.com/r/product-category-4.json
Product Category Card 5 block

Detailed category list with icons, subcategories, and search functionality

npx shadcn@latest add https://shadcnstore.com/r/product-category-5.json
Product Category Card 6 block

A curated category layout with status badges such as trending and featured

npx shadcn@latest add https://shadcnstore.com/r/product-category-6.json
Product Category Card 7 block

A three-up category grid badged for new arrivals, best sellers and sale

npx shadcn@latest add https://shadcnstore.com/r/product-category-7.json
Product Listing Card 1 block

A deals grid of product cards with an add-to-cart action on each

npx shadcn@latest add https://shadcnstore.com/r/product-card-1.json
Product Listing Card 2 block

A three-up product grid carrying image, name and price only

npx shadcn@latest add https://shadcnstore.com/r/product-card-2.json
Product Listing Card 3 block

A product grid with low-stock badges and a view-similar action

npx shadcn@latest add https://shadcnstore.com/r/product-card-3.json
Product Listing Card 4 block

A product carousel and grid combination across twelve items

npx shadcn@latest add https://shadcnstore.com/r/product-card-4.json
Product Listing Card 5 block

Table-style product listing with comparison and sorting features

npx shadcn@latest add https://shadcnstore.com/r/product-card-5.json
Product Overview 1 block

A product page with an image carousel, a size grid and colour swatches

npx shadcn@latest add https://shadcnstore.com/r/product-overview-1.json
Product Overview 2 block

A product page with a thumbnail carousel, a size guide link and a delivery threshold

npx shadcn@latest add https://shadcnstore.com/r/product-overview-2.json
Product Overview 3 block

A furniture product page with colour options, delivery choice, lead-time note and recently viewed

npx shadcn@latest add https://shadcnstore.com/r/product-overview-3.json
Product Overview 4 block

A product page with financing, a quantity select, a postcode delivery check and returns detail

npx shadcn@latest add https://shadcnstore.com/r/product-overview-4.json
Product Overview 5 block

A product page with tabbed overview and specifications plus a gallery dialog

npx shadcn@latest add https://shadcnstore.com/r/product-overview-5.json
Product Overview 6 block

A quick view dialog with an image gallery, variant selection and add to cart

npx shadcn@latest add https://shadcnstore.com/r/product-overview-6.json
Product Overview 7 block

A product story whose pinned panel swaps to the section being read, with buy controls above the argument for them

npx shadcn@latest add https://shadcnstore.com/r/product-overview-7.json
Product Review & Ratings 1 block

A paginated review list with reactions and a write-a-review form

npx shadcn@latest add https://shadcnstore.com/r/review-rating-1.json
Product Review & Ratings 2 block

A rating summary with a per-star distribution above a review carousel

npx shadcn@latest add https://shadcnstore.com/r/review-rating-2.json
Product Review & Ratings 3 block

A review list with a rating filter, distribution bars and pagination

npx shadcn@latest add https://shadcnstore.com/r/review-rating-3.json
Product Review & Ratings 4 block

A review section with per-category ratings, sort controls and a load-more action

npx shadcn@latest add https://shadcnstore.com/r/review-rating-4.json
Product Review & Ratings 5 block

Simple review list with rating distribution and helpful voting

npx shadcn@latest add https://shadcnstore.com/r/review-rating-5.json
Shopping Cart 1 block

A more detailed cart summary with multiple items and discounts

npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-1.json
Shopping Cart 2 block

A clean and modern cart with promo codes and shipping info

npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-2.json
Shopping Cart 3 block

A simple cart summary with item list and total

npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-3.json
Shopping Cart 4 block

A collapsible cart sidebar with progress tracking and quick checkout

npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-4.json
Shopping Cart 5 block

A cart and wishlist combo where moving an item between lists animates the row traveling, with stock warnings, price-drop badges and separate empty states

npx shadcn@latest add https://shadcnstore.com/r/shopping-cart-5.json
Storefront Hero Section 1 block

A storefront hero pairing a collection banner with buyable product cards

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-1.json
Storefront Hero Section 2 block

A storefront hero with a search field and a trending product carousel

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-2.json
Storefront Hero Section 3 block

A storefront hero with a full header, search suggestions and a help panel

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-3.json
Storefront Hero Section 4 block

A storefront hero under a promo bar, with language, location and category menus

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-4.json
Storefront Hero Section 5 block

Elegant hero section with category navigation and featured deals

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-5.json
Storefront Hero Section 6 block

Clean layout highlighting featured products with hover effects

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-6.json
Storefront Hero Section 7 block

Premium hero section with winter theme and featured products

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-7.json
Storefront Hero Section 8 block

Modern tech store hero with featured products and countdown timer

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-8.json
Storefront Hero Section 9 block

An editorial fashion hero whose photograph ripples like cloth under the pointer, with a look picker that cross-fades the shot

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-9.json
Storefront Hero Section 10 block

An interiors hero with an oversized headline the product photo sits on, cursor-parallax price and spec cards, and a press marquee

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-10.json
Storefront Hero Section 11 block

A sneaker drop hero laid out as a centred poster, with a pointer-scattered particle field, a live countdown and colourway thumbnails that recolour the whole fr…

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-11.json
Storefront Hero Section 12 block

An editorial skincare hero: a full-width headline over three columns, with a numbered routine list and a product stage lit by WebGL caustics

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-12.json
Storefront Hero Section 13 block

A bento storefront hero whose tiles are crossed by one travelling light, with a featured product alongside dispatch, returns and rating facts

npx shadcn@latest add https://shadcnstore.com/r/storefront-hero-13.json
Banner 1 block

A dismissible announcement bar that remembers the choice

npx shadcn@latest add https://shadcnstore.com/r/banner-1.json
Banner 2 block

A promo banner with a live countdown and copyable discount code

npx shadcn@latest add https://shadcnstore.com/r/banner-2.json
Banner 3 block

A cookie consent bar with a granular preferences dialog

npx shadcn@latest add https://shadcnstore.com/r/banner-3.json
Banner 4 block

A delayed, scroll-gated floating announcement card with a shadow-bloom spring entrance and a data-switched avatar-pill variant

npx shadcn@latest add https://shadcnstore.com/r/banner-4.json
Banner 5 block

A token-only site alert system — sticky strip, page banners and inline banners — matching notification-5\'s severity map

npx shadcn@latest add https://shadcnstore.com/r/banner-5.json
Bento Grid 1 block

A destination bento with a filter row and a top-rated tile

npx shadcn@latest add https://shadcnstore.com/r/bento-grid-1.json
Bento Grid 2 block

A comprehensive dashboard component showcase featuring deployment analytics, team activity, performance metrics, and integrations - perfect for SaaS applicatio…

npx shadcn@latest add https://shadcnstore.com/r/bento-grid-2.json
Bento Grid 3 block

A professional bento grid highlighting services, client testimonials, and business achievements

npx shadcn@latest add https://shadcnstore.com/r/bento-grid-3.json
Bento Grid 4 block

A six-column travel bento pairing one large destination tile with smaller ones

npx shadcn@latest add https://shadcnstore.com/r/bento-grid-4.json
Bento Grid 5 block

A centre-weighted bento for an AI product, built around one WebGL body of warped noise that churns and turns toward the pointer

npx shadcn@latest add https://shadcnstore.com/r/bento-grid-5.json
Bento Grid 6 block

A left-heavy bento for a developer platform, driven by one token-bucket simulation that feeds a rolling rate-limit graph and a live throughput counter in a sep…

npx shadcn@latest add https://shadcnstore.com/r/bento-grid-6.json
Bento Grid 7 block

A retail bento built around a full-width collection rail you can throw, with real momentum on a native scroller so keyboard, touch and zoom all keep working

npx shadcn@latest add https://shadcnstore.com/r/bento-grid-7.json
Bento Grid 8 block

An analytics bento whose only motion is other people: live cursors walking hand-placed routes across one overlay spanning the whole board, with the data left s…

npx shadcn@latest add https://shadcnstore.com/r/bento-grid-8.json
Bento Grid 9 block

A careers bento built around a full-height wall of faces tipped in 3D and scrolling on three unsynchronised columns, with published salary bands and a timed hi…

npx shadcn@latest add https://shadcnstore.com/r/bento-grid-9.json
Bento Grid 10 block

A bento where every card holds a piece of the product and the pointer finishes the sentence: a note lands on a frame, a version stack fans out, a grade wipes, …

npx shadcn@latest add https://shadcnstore.com/r/bento-grid-10.json
Bento Grid 11 block

A current-account bento where every tile works: a metal card that tilts and catches the light, a balance that counts itself in, two ledger lanes that pause und…

npx shadcn@latest add https://shadcnstore.com/r/bento-grid-11.json
Bento Grid 12 block

A ticketing bento for one night in a 198-seat room: a seating plan that fills seat by seat as the sale runs, orders pushing into a live feed, a split-flap boar…

npx shadcn@latest add https://shadcnstore.com/r/bento-grid-12.json
Blog Section 1 block

A clean three-card layout with image placeholders, categories, titles and call-to-action links

npx shadcn@latest add https://shadcnstore.com/r/blog-section-1.json
Blog Section 2 block

A grid of recent blog posts with images, titles, authors, and tags

npx shadcn@latest add https://shadcnstore.com/r/blog-section-2.json
Blog Section 3 block

A horizontal scrollable stories grid with gradient borders and avatars

npx shadcn@latest add https://shadcnstore.com/r/blog-section-3.json
Blog Section 4 block

A responsive grid layout featuring news cards with images, titles, and metadata

npx shadcn@latest add https://shadcnstore.com/r/blog-section-4.json
Comparison 1 block

An us-versus-alternatives table that becomes cards on mobile

npx shadcn@latest add https://shadcnstore.com/r/comparison-1.json
Comparison 2 block

A plan feature matrix whose lit column follows the pointer, with a billing switch, sticky plan headers and a mobile plan picker

npx shadcn@latest add https://shadcnstore.com/r/comparison-2.json
Comparison 3 block

An in-app change-plan screen: drawn tier marks, offer captions and struck list prices on cards above a feature matrix that upgrades and downgrades for real

npx shadcn@latest add https://shadcnstore.com/r/comparison-3.json
Contact Form 1 block

Clean and minimal contact form with essential fields

npx shadcn@latest add https://shadcnstore.com/r/contact-section-1.json
Contact Form 2 block

Contact form alongside company information cards

npx shadcn@latest add https://shadcnstore.com/r/contact-section-2.json
Contact Form 3 block

Contact form with location map and office details

npx shadcn@latest add https://shadcnstore.com/r/contact-section-3.json
Contact Form 4 block

Two-column layout with form and contact details

npx shadcn@latest add https://shadcnstore.com/r/contact-section-4.json
Contact Form 5 block

Contact section with frequently asked questions

npx shadcn@latest add https://shadcnstore.com/r/contact-section-5.json
Contact Form 6 block

Contact form with team member cards and social links

npx shadcn@latest add https://shadcnstore.com/r/contact-section-6.json
CTA Section 1 block

A single-line call to action with a live badge and two actions

npx shadcn@latest add https://shadcnstore.com/r/cta-section-1.json
CTA Section 2 block

A community subscribe card with an inline email field and avatar proof

npx shadcn@latest add https://shadcnstore.com/r/cta-section-2.json
CTA Section 3 block

A split call to action with documentation and tutorial links beside the primary button

npx shadcn@latest add https://shadcnstore.com/r/cta-section-3.json
CTA Section 4 block

A centred call to action with two buttons and no-credit-card reassurance

npx shadcn@latest add https://shadcnstore.com/r/cta-section-4.json
CTA Section 5 block

Modern enterprise CTA with feature showcase cards

npx shadcn@latest add https://shadcnstore.com/r/cta-section-5.json
CTA Section 6 block

Engaging newsletter signup with perks showcase and social proof elements

npx shadcn@latest add https://shadcnstore.com/r/cta-section-6.json
CTA Section 7 block

High-impact productivity CTA with gradient buttons and trust indicators

npx shadcn@latest add https://shadcnstore.com/r/cta-section-7.json
CTA Section 8 block

Interactive team showcase with hover effects and gradient text elements

npx shadcn@latest add https://shadcnstore.com/r/cta-section-8.json
CTA Section 9 block

Split layout CTA with organized resource links and image hover animations

npx shadcn@latest add https://shadcnstore.com/r/cta-section-9.json
CTA Section 10 block

Clean and elegant CTA perfect for any business website

npx shadcn@latest add https://shadcnstore.com/r/cta-section-10.json
CTA Section 11 block

Enterprise CTA with an animated perspective grid floor and mono display headline

npx shadcn@latest add https://shadcnstore.com/r/cta-section-11.json
CTA Section 12 block

Payments infrastructure CTA with an animated routing grid, dual actions and a metric row

npx shadcn@latest add https://shadcnstore.com/r/cta-section-12.json
CTA Section 13 block

Global expansion CTA with a configurable WebGL wave field and inline email capture

npx shadcn@latest add https://shadcnstore.com/r/cta-section-13.json
FAQ Block 1 block

A bordered single-column accordion with multiple items openable at once

npx shadcn@latest add https://shadcnstore.com/r/faq-block-1.json
FAQ Block 2 block

A single-open accordion with an underline trigger style and a two-paragraph intro

npx shadcn@latest add https://shadcnstore.com/r/faq-block-2.json
FAQ Block 3 block

A borderless, two-column accordion layout for a longer question set

npx shadcn@latest add https://shadcnstore.com/r/faq-block-3.json
FAQ Block 4 block

A card-style accordion with a search field affordance, for the functional search variant see faq-block-5

npx shadcn@latest add https://shadcnstore.com/r/faq-block-4.json
FAQ Block 5 block

A functional FAQ search that highlights matches inside answers, composes with categories and emits FAQPage schema

npx shadcn@latest add https://shadcnstore.com/r/faq-block-5.json
Feature 1 block

A four-up feature grid of icon cards under a badge heading, closing on a call to action

npx shadcn@latest add https://shadcnstore.com/r/feature-1.json
Feature 2 block

A two-column feature list paired with an image and no card chrome

npx shadcn@latest add https://shadcnstore.com/r/feature-2.json
Feature 3 block

A dual-image feature layout with four benefit rows beside the photography

npx shadcn@latest add https://shadcnstore.com/r/feature-3.json
Feature 4 block

Feature section with 2x3 grid layout and clean card design

npx shadcn@latest add https://shadcnstore.com/r/feature-4.json
Feature 5 block

A three-card feature section on a dot-pattern surface

npx shadcn@latest add https://shadcnstore.com/r/feature-5.json
Feature 6 block

Card-based feature section with decorative grid backgrounds

npx shadcn@latest add https://shadcnstore.com/r/feature-6.json
Feature 7 block

Feature section with dual image showcase and feature grid

npx shadcn@latest add https://shadcnstore.com/r/feature-7.json
Feature 8 block

A split feature section pairing four capability rows with a dashboard image and two actions

npx shadcn@latest add https://shadcnstore.com/r/feature-8.json
Feature 9 block

A six-item feature grid arranged over two images without cards

npx shadcn@latest add https://shadcnstore.com/r/feature-9.json
Feature 10 block

A mixed-width feature board pairing metric cards with data-table and dashboard previews

npx shadcn@latest add https://shadcnstore.com/r/feature-10.json
Feature 11 block

Scroll-pinned feature reel that dissolves one photograph into the next beside a numbered step rail

npx shadcn@latest add https://shadcnstore.com/r/feature-11.json
Feature 12 block

Scroll-stacked benefit cards that pin in turn, each pairing a live mini interface with a proof checklist

npx shadcn@latest add https://shadcnstore.com/r/feature-12.json
Footer Section 1 block

A footer with an inline email capture beside three columns of links

npx shadcn@latest add https://shadcnstore.com/r/footer-section-1.json
Footer Section 2 block

A half-image footer carrying a postal address, phone and email beside the link columns

npx shadcn@latest add https://shadcnstore.com/r/footer-section-2.json
Footer Section 3 block

A six-column footer that leads with the newsletter form and follows with four link columns

npx shadcn@latest add https://shadcnstore.com/r/footer-section-3.json
Footer Section 4 block

A five-column footer with quick links, resources, legal and a get-in-touch column

npx shadcn@latest add https://shadcnstore.com/r/footer-section-4.json
Footer Section 5 block

A footer on a soft gradient with an address block, contact lines and a stay-updated form

npx shadcn@latest add https://shadcnstore.com/r/footer-section-5.json
Footer Section 6 block

A minimal two-row footer with top navigation, a language menu and city links

npx shadcn@latest add https://shadcnstore.com/r/footer-section-6.json
Footer Section 7 block

A three-column footer pairing contact details and link groups with a subscribe form

npx shadcn@latest add https://shadcnstore.com/r/footer-section-7.json
Hero Section 1 block

A split hero with a badge, an avatar group and a trusted-by line under the call to action

npx shadcn@latest add https://shadcnstore.com/r/hero-section-1.json
Hero Section 2 block

A split hero built around a fixed-ratio media card for a product image or video

npx shadcn@latest add https://shadcnstore.com/r/hero-section-2.json
Hero Section 3 block

A centred hero with a dashboard preview above a logo row of named customers

npx shadcn@latest add https://shadcnstore.com/r/hero-section-3.json
Hero Section 4 block

A hero that carries four headline metrics as cards directly under the call to action

npx shadcn@latest add https://shadcnstore.com/r/hero-section-4.json
Hero Section 5 block

A hero with its own navigation bar, avatar proof and a full-bleed destination image

npx shadcn@latest add https://shadcnstore.com/r/hero-section-5.json
Hero Section 6 block

A search-led hero with tabs and location, type and price-range selects over an image grid

npx shadcn@latest add https://shadcnstore.com/r/hero-section-6.json
Hero Section 7 block

An AI product hero with a token-derived gradient and a looping chat demo

npx shadcn@latest add https://shadcnstore.com/r/hero-section-7.json
Hero Section 8 block

An editorial property hero whose photograph grades from midday to dusk across a draggable seam

npx shadcn@latest add https://shadcnstore.com/r/hero-section-8.json
Hero Section 9 block

A centred hero in an inset panel, with the stages of an authorisation fanned in 3D and dragged by hand

npx shadcn@latest add https://shadcnstore.com/r/hero-section-9.json
Hero Section 10 block

A fitness app hero on a full-bleed running photo printed as a halftone, with a pointer-led reveal lens

npx shadcn@latest add https://shadcnstore.com/r/hero-section-10.json
Hero Section 11 block

A showcase hero whose three rows of work drift in alternating directions on a tilted plane that straightens as you scroll

npx shadcn@latest add https://shadcnstore.com/r/hero-section-11.json
Hero Section 12 block

A product-launch hero under a drifting WebGL aurora, with a browser-framed screenshot and a stat row

npx shadcn@latest add https://shadcnstore.com/r/hero-section-12.json
Hero Section 13 block

A split hero on a node web that links itself and leans toward the cursor, beside a live signal console

npx shadcn@latest add https://shadcnstore.com/r/hero-section-13.json
Hero Section 14 block

A waitlist hero lit by counter-rotating beams, with a sheened headline, inline email capture and a wordmark marquee

npx shadcn@latest add https://shadcnstore.com/r/hero-section-14.json
Listing 1 block

A three-up service listing with category badges and a get-started action

npx shadcn@latest add https://shadcnstore.com/r/listing-1.json
Listing 2 block

A category listing that scrolls horizontally through destination cards

npx shadcn@latest add https://shadcnstore.com/r/listing-2.json
Listing 3 block

A two-column course listing with instructor avatars and category labels

npx shadcn@latest add https://shadcnstore.com/r/listing-3.json
Listing 4 block

A three-up course listing with a category badge on each card

npx shadcn@latest add https://shadcnstore.com/r/listing-4.json
Listing 5 block

A property listing with bed, bath and area counts and a view-details action

npx shadcn@latest add https://shadcnstore.com/r/listing-5.json
Listing 6 block

A category carousel with a progress indicator across twelve subject cards

npx shadcn@latest add https://shadcnstore.com/r/listing-6.json
Logo Cloud 1 block

Showcases ShadcnStore compatibility with popular technologies and development frameworks

npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-1.json
Logo Cloud 2 block

Customer testimonials and success metrics highlighting ShadcnStore component benefits

npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-2.json
Logo Cloud 3 block

Professional showcase featuring industry leaders who use ShadcnStore components

npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-3.json
Logo Cloud 4 block

Enterprise-focused showcase highlighting ShadcnStore components for large-scale applications

npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-4.json
Logo Cloud 5 block

Community-focused showcase featuring ShadcnStore partner companies and ecosystem growth

npx shadcn@latest add https://shadcnstore.com/r/logo-cloud-5.json
Navbar 1 block

A clean marketing navbar with a sheet menu on mobile

npx shadcn@latest add https://shadcnstore.com/r/navbar-1.json
Navbar 2 block

A mega-menu navbar with grouped flyouts and a featured card

npx shadcn@latest add https://shadcnstore.com/r/navbar-2.json
Navbar 3 block

A scroll-aware navbar that condenses into a floating pill

npx shadcn@latest add https://shadcnstore.com/r/navbar-3.json
Navbar 4 block

A storefront navbar with live search, avatar account menu, animated cart badge, and a product grid demo

npx shadcn@latest add https://shadcnstore.com/r/navbar-4.json
Navbar 5 block

A documentation-site header with a collapsing secondary row, breadcrumb promotion, ⌘K search and version switching

npx shadcn@latest add https://shadcnstore.com/r/navbar-5.json
Pricing Section 1 block

A three-tier pricing grid with a popular badge and a feature list per plan

npx shadcn@latest add https://shadcnstore.com/r/pricing-section-1.json
Pricing Section 2 block

A three-tier pricing grid with a raised middle plan and per-plan feature lists

npx shadcn@latest add https://shadcnstore.com/r/pricing-section-2.json
Pricing Section 3 block

A three-tier pricing grid with a monthly and annual billing switch

npx shadcn@latest add https://shadcnstore.com/r/pricing-section-3.json
Pricing Section 4 block

A clean and modern pricing section with a focus on features and benefits

npx shadcn@latest add https://shadcnstore.com/r/pricing-section-4.json
Pricing Section 5 block

Two-tier pricing layout with Personal vs Team plans and comprehensive features grid

npx shadcn@latest add https://shadcnstore.com/r/pricing-section-5.json
Pricing Section 6 block

Comprehensive 4-tier pricing with Free, Personal, Teams, and Enterprise plans

npx shadcn@latest add https://shadcnstore.com/r/pricing-section-6.json
Pricing Section 7 block

A usage-based pricing calculator with live totals and volume tiers

npx shadcn@latest add https://shadcnstore.com/r/pricing-section-7.json
Pricing Section 8 block

Scroll-stacked plans that hand over one at a time, each pairing its price panel with who it is for and what it does not do

npx shadcn@latest add https://shadcnstore.com/r/pricing-section-8.json
Changelog 4 block

A plain release list with a date rail and every line tagged added, improved or fixed

npx shadcn@latest add https://shadcnstore.com/r/changelog-4.json
Roadmap 1 block

A three-column Now, Next and Later board that publishes order rather than dates

npx shadcn@latest add https://shadcnstore.com/r/roadmap-1.json
Changelog 1 block

An editorial release timeline with version anchors and copyable links

npx shadcn@latest add https://shadcnstore.com/r/changelog-1.json
Changelog 2 block

A dense changelog with type filters, month grouping and expandable rows

npx shadcn@latest add https://shadcnstore.com/r/changelog-2.json
Changelog 3 block

Scroll-stacked releases that hand over one at a time, each pairing its version panel with what changed and why

npx shadcn@latest add https://shadcnstore.com/r/changelog-3.json
Timeline 1 block

A public Now/Next/Later roadmap board with vote chips

npx shadcn@latest add https://shadcnstore.com/r/timeline-1.json
Statistic 1 block

Modern statistics grid with progress indicators and performance metrics

npx shadcn@latest add https://shadcnstore.com/r/statistic-1.json
Statistic 2 block

Side-by-side layout showcasing company metrics and growth statistics

npx shadcn@latest add https://shadcnstore.com/r/statistic-2.json
Statistic 3 block

Comprehensive platform statistics with trend indicators and progress bars

npx shadcn@latest add https://shadcnstore.com/r/statistic-3.json
Statistic 4 block

A four-metric growth grid with year-over-year context and a closing call to action

npx shadcn@latest add https://shadcnstore.com/r/statistic-4.json
Statistic 5 block

Comprehensive business dashboard with summary cards and detailed analytics

npx shadcn@latest add https://shadcnstore.com/r/statistic-5.json
Statistic 6 block

Clean metrics grid displaying key performance indicators

npx shadcn@latest add https://shadcnstore.com/r/statistic-6.json
Statistic 7 block

An analytics board pairing sales by category and recent transactions with four summary figures

npx shadcn@latest add https://shadcnstore.com/r/statistic-7.json