Shadcn UI blocks for marketing, ecommerce, and apps.
Browse complete React and TypeScript sections for landing pages, storefronts, dashboards, authentication, and common product workflows.
Marketing
Start with a hero, explain the product with feature blocks, add proof, and close with a clear call to action. Each section is responsive and ready to adapt to your React or Next.js project.
Navbars
5 Components
Hero Sections
14 Components
Features
12 Components
Testimonials
10 Components
FAQ Sections
5 Components
Pricing Tables
8 Components
Team Sections
9 Components
Footer Sections
7 Components
CTA Sections
13 Components
Stats Sections
8 Components
Blog Sections
4 Components
Logo Clouds
5 Components
Bento Grids
12 Components
Contact Sections
6 Components
Listing Cards
6 Components
Banners
5 Components
Product Updates
6 Components
Comparison Tables
3 Components
Waitlist Pages
4 Components
E-commerce
Build the customer-facing side of a store with product discovery, detail, cart, checkout, review, and account blocks. The components are ready for your catalog data and commerce backend.
Application
Start with the application frame, add the right data views, and complete the experience with matching authentication and error states. Each block is designed for real dashboard and admin workflows.
FAQ
Shadcn UI blocks, answered
What people ask before using the catalogue.
npx shadcn@latest add @shadcnstore/hero-section-1. The CLI writes the block and every shadcn/ui component it depends on into your project. Full steps are in the installation docs.
use client directive the Next.js App Router needs. Nothing assumes a particular router, data layer or build tool.
lucide-react. Focus management, escape handling and keyboard behaviour in menus and dialogs come from the primitive rather than being reimplemented in each block.