# Shadcn Blocks - 2018+ Free & Premium Blocks for Shadcn UI

Browse and download 2018 extra Shadcn UI blocks. Built with React, shadcn/ui and Tailwind CSS. Copy & paste the code or install with the Shadcn CLI.

## Grouped Blocks

### Categories

**Dashboard** 18 blocks  
[Browse Shadcn Dashboard blocks](/content/blocks/dashboard/index.html)

**Application Shell** 14 blocks  
[Browse Shadcn Application Shell blocks](/content/blocks/application-shell/index.html)

**Hero** 285 blocks  
[Browse Shadcn Hero blocks](/content/blocks/hero/index.html)

**Feature** 313 blocks  
[Browse Shadcn Feature blocks](/content/blocks/feature/index.html)

**Integration** 35 blocks  
[Browse Shadcn Integration blocks](/content/blocks/integration/index.html)

**About** 40 blocks  
[Browse Shadcn About blocks](/content/blocks/about/index.html)

**Pricing** 96 blocks  
[Browse Shadcn Pricing blocks](/content/blocks/pricing/index.html)

**Contact** 30 blocks  
[Browse Shadcn Contact blocks](/content/blocks/contact/index.html)

**Product List** 10 blocks  
[Browse Shadcn Product List blocks](/content/blocks/product-list/index.html)

**Product Detail** 10 blocks  
[Browse Shadcn Product Detail blocks](/content/blocks/product-detail/index.html)

**Product Categories** 5 blocks  
[Browse Shadcn Product Categories blocks](/content/blocks/product-categories/index.html)

**Ecommerce Hero** 6 blocks  
[Browse Shadcn Ecommerce Hero blocks](/content/blocks/ecommerce-hero/index.html)

**Bento** 53 blocks  
[Browse Shadcn Bento blocks](/content/blocks/bento/index.html)

**Testimonial** 39 blocks  
[Browse Shadcn Testimonial blocks](/content/blocks/testimonial/index.html)

**Data Table** 32 blocks  
[Browse Shadcn Data Table blocks](/content/blocks/data-table/index.html)

**Chart Group** 15 blocks  
[Browse Shadcn Chart Group blocks](/content/blocks/chart-group/index.html)

**Sidebar** 21 blocks  
[Browse Shadcn Sidebar blocks](/content/blocks/sidebar/index.html)

**Help** 2 blocks  
[Browse Shadcn Help blocks](/content/blocks/help/index.html)

**Shopping Cart** 14 blocks  
[Browse Shadcn Shopping Cart blocks](/content/blocks/shopping-cart/index.html)

**Settings Profile** 9 blocks  
[Browse Shadcn Settings Profile blocks](/content/blocks/settings-profile/index.html)

**User Profile** 12 blocks  
[Browse Shadcn User Profile blocks](/content/blocks/user-profile/index.html)

**Checkout** 8 blocks  
[Browse Shadcn Checkout blocks](/content/blocks/checkout/index.html)

**Reviews** 14 blocks  
[Browse Shadcn Reviews blocks](/content/blocks/reviews/index.html)

**Chart Card** 27 blocks  
[Browse Shadcn Chart Card blocks](/content/blocks/chart-card/index.html)

**Footer** 44 blocks  
[Browse Shadcn Footer blocks](/content/blocks/footer/index.html)

**Navbar** 20 blocks  
[Browse Shadcn Navbar blocks](/content/blocks/navbar/index.html)

**Live Purchase** 3 blocks  
[Browse Shadcn Live Purchase blocks](/content/blocks/live-purchase/index.html)

**Settings Integrations** 10 blocks  
[Browse Shadcn Settings Integrations blocks](/content/blocks/settings-integrations/index.html)

**Payment Methods** 4 blocks  
[Browse Shadcn Payment Methods blocks](/content/blocks/payment-methods/index.html)

**Crud Companies** 9 blocks  
[Browse Shadcn Crud Companies blocks](/content/blocks/crud-companies/index.html)

**Ecommerce Footer** 6 blocks  
[Browse Shadcn Ecommerce Footer blocks](/content/blocks/ecommerce-footer/index.html)

**Todo List** 10 blocks  
[Browse Shadcn Todo List blocks](/content/blocks/todo-list/index.html)

**Order History** 5 blocks  
[Browse Shadcn Order History blocks](/content/blocks/order-history/index.html)

**Gallery** 52 blocks  
[Browse Shadcn Gallery blocks](/content/blocks/gallery/index.html)

**Invite User** 4 blocks  
[Browse Shadcn Invite User blocks](/content/blocks/invite-user/index.html)

**Accept Invite** 4 blocks  
[Browse Shadcn Accept Invite blocks](/content/blocks/accept-invite/index.html)

**Blog** 54 blocks  
[Browse Shadcn Blog blocks](/content/blocks/blog/index.html)

**Product Card** 14 blocks  
[Browse Shadcn Product Card blocks](/content/blocks/product-card/index.html)

**Blog Post** 13 blocks  
[Browse Shadcn Blog Post blocks](/content/blocks/blog-post/index.html)

**Field Mapping** 2 blocks  
[Browse Shadcn Field Mapping blocks](/content/blocks/field-mapping/index.html)

**Product Quick View** 5 blocks  
[Browse Shadcn Product Quick View blocks](/content/blocks/product-quick-view/index.html)

**Stats Card** 10 blocks  
[Browse Shadcn Stats Card blocks](/content/blocks/stats-card/index.html)

**Download** 20 blocks  
[Browse Shadcn Download blocks](/content/blocks/download/index.html)

**Offer Modal** 3 blocks  
[Browse Shadcn Offer Modal blocks](/content/blocks/offer-modal/index.html)

**Team** 38 blocks  
[Browse Shadcn Team blocks](/content/blocks/team/index.html)

**Settings Members** 5 blocks  
[Browse Shadcn Settings Members blocks](/content/blocks/settings-members/index.html)

**Product Gallery** 5 blocks  
[Browse Shadcn Product Gallery blocks](/content/blocks/product-gallery/index.html)

**Projects** 25 blocks  
[Browse Shadcn Projects blocks](/content/blocks/projects/index.html)

**Settings Notifications** 4 blocks  
[Browse Shadcn Settings Notifications blocks](/content/blocks/settings-notifications/index.html)

**Incentives** 6 blocks  
[Browse Shadcn Incentives blocks](/content/blocks/incentives/index.html)

**Project** 33 blocks  
[Browse Shadcn Project blocks](/content/blocks/project/index.html)

**Leaderboard** 3 blocks  
[Browse Shadcn Leaderboard blocks](/content/blocks/leaderboard/index.html)

**Order Summary** 8 blocks  
[Browse Shadcn Order Summary blocks](/content/blocks/order-summary/index.html)

**Wishlist** 3 blocks  
[Browse Shadcn Wishlist blocks](/content/blocks/wishlist/index.html)

**Timeline** 16 blocks  
[Browse Shadcn Timeline blocks](/content/blocks/timeline/index.html)

**Onboarding** 2 blocks  
[Browse Shadcn Onboarding blocks](/content/blocks/onboarding/index.html)

**Product Specs** 2 blocks  
[Browse Shadcn Product Specs blocks](/content/blocks/product-specs/index.html)

**Shader** 20 blocks  
[Browse Shadcn Shader blocks](/content/blocks/shader/index.html)

**Compare Products** 5 blocks  
[Browse Shadcn Compare Products blocks](/content/blocks/compare-products/index.html)

**Trust Strip** 4 blocks  
[Browse Shadcn Trust Strip blocks](/content/blocks/trust-strip/index.html)

**Ecommerce Navbar** 2 blocks  
[Browse Shadcn Ecommerce Navbar blocks](/content/blocks/ecommerce-navbar/index.html)

**Social Media Trending** 8 blocks  
[Browse Shadcn Social Media Trending blocks](/content/blocks/social-media-trending/index.html)

**Address Book** 3 blocks  
[Browse Shadcn Address Book blocks](/content/blocks/address-book/index.html)

**Promo Banner** 7 blocks  
[Browse Shadcn Promo Banner blocks](/content/blocks/promo-banner/index.html)

**Help Center** 2 blocks  
[Browse Shadcn Help Center blocks](/content/blocks/help-center/index.html)

**Logos** 31 blocks  
[Browse Shadcn Logos blocks](/content/blocks/logos/index.html)

**Services** 19 blocks  
[Browse Shadcn Services blocks](/content/blocks/services/index.html)

**Service** 7 blocks  
[Browse Shadcn Service blocks](/content/blocks/service/index.html)

**Signup** 10 blocks  
[Browse Shadcn Signup blocks](/content/blocks/signup/index.html)

**Login** 8 blocks  
[Browse Shadcn Login blocks](/content/blocks/login/index.html)

**Compare** 10 blocks  
[Browse Shadcn Compare blocks](/content/blocks/compare/index.html)

**Cta** 38 blocks  
[Browse Shadcn Cta blocks](/content/blocks/cta/index.html)

**Awards** 7 blocks  
[Browse Shadcn Awards blocks](/content/blocks/awards/index.html)

**Background Pattern** 52 blocks  
[Browse Shadcn Background Pattern blocks](/content/blocks/background-pattern/index.html)

**Resources** 5 blocks  
[Browse Shadcn Resources blocks](/content/blocks/resources/index.html)

**Resource** 3 blocks  
[Browse Shadcn Resource blocks](/content/blocks/resource/index.html)

**Community** 7 blocks  
[Browse Shadcn Community blocks](/content/blocks/community/index.html)

**Stats** 19 blocks  
[Browse Shadcn Stats blocks](/content/blocks/stats/index.html)

**Careers** 12 blocks  
[Browse Shadcn Careers blocks](/content/blocks/careers/index.html)

**Faq** 26 blocks  
[Browse Shadcn Faq blocks](/content/blocks/faq/index.html)

**Code Example** 9 blocks  
[Browse Shadcn Code Example blocks](/content/blocks/code-example/index.html)

**Compliance** 9 blocks  
[Browse Shadcn Compliance blocks](/content/blocks/compliance/index.html)

**Banner** 25 blocks  
[Browse Shadcn Banner blocks](/content/blocks/banner/index.html)

**Case Studies** 12 blocks  
[Browse Shadcn Case Studies blocks](/content/blocks/case-studies/index.html)

**Skills** 2 blocks  
[Browse Shadcn Skills blocks](/content/blocks/skills/index.html)

**Case Study** 3 blocks  
[Browse Shadcn Case Study blocks](/content/blocks/case-study/index.html)

**Book A Demo** 3 blocks  
[Browse Shadcn Book A Demo blocks](/content/blocks/book-a-demo/index.html)

**Content** 4 blocks  
[Browse Shadcn Content blocks](/content/blocks/content/index.html)

**Changelog** 7 blocks  
[Browse Shadcn Changelog blocks](/content/blocks/changelog/index.html)

**Industries** 4 blocks  
[Browse Shadcn Industries blocks](/content/blocks/industries/index.html)

**List** 3 blocks  
[Browse Shadcn List blocks](/content/blocks/list/index.html)

**Experience** 4 blocks  
[Browse Shadcn Experience blocks](/content/blocks/experience/index.html)

**Process** 4 blocks  
[Browse Shadcn Process blocks](/content/blocks/process/index.html)

**Waitlist** 3 blocks  
[Browse Shadcn Waitlist blocks](/content/blocks/waitlist/index.html)

**Rate Card** 2 blocks  
[Browse Shadcn Rate Card blocks](/content/blocks/rate-card/index.html)

**Feedback** 7 blocks  
[Browse Shadcn Feedback blocks](/content/blocks/feedback/index.html)

**Our Story** 6 blocks  
[Browse Shadcn Our Story blocks](/content/blocks/our-story/index.html)

**Shop The Look** 6 blocks  
[Browse Shadcn Shop The Look blocks](/content/blocks/shop-the-look/index.html)

**Product Search** 7 blocks  
[Browse Shadcn Product Search blocks](/content/blocks/product-search/index.html)

**Deals** 5 blocks  
[Browse Shadcn Deals blocks](/content/blocks/deals/index.html)

**Cookie Banner** 19 blocks  
[Browse Shadcn Cookie Banner blocks](/content/blocks/cookie-banner/index.html)

**Forgot Password** 4 blocks  
[Browse Shadcn Forgot Password blocks](/content/blocks/forgot-password/index.html)

**Magic Link** 4 blocks  
[Browse Shadcn Magic Link blocks](/content/blocks/magic-link/index.html)

**Newsletter** 5 blocks  
[Browse Shadcn Newsletter blocks](/content/blocks/newsletter/index.html)

**Passkey** 2 blocks  
[Browse Shadcn Passkey blocks](/content/blocks/passkey/index.html)

**Reset Password** 5 blocks  
[Browse Shadcn Reset Password blocks](/content/blocks/reset-password/index.html)

**Two Factor** 4 blocks  
[Browse Shadcn Two Factor blocks](/content/blocks/two-factor/index.html)

**Verify Email** 6 blocks  
[Browse Shadcn Verify Email blocks](/content/blocks/verify-email/index.html)

## Pro & Premium

### Unlock the full library. Ship sections faster.

Stop rebuilding the same sections. Pro gives you 2,018+ blocks, commercial license, and new drops as the library grows—so your next landing page, dashboard, or storefront starts ahead.

- 2,018+ blocks across marketing, app & ecommerce
- Commercial license for client and product work
- Shadcn CLI install + copy/paste source you own
- New blocks added continuously—no extra fees
- Works with every official shadcn theme

[See pricing & unlock access](/content/pricing/index.html)

```terminal
CLI
$npx shadcn@latest add @shadcnblocks/hero245
✓ Installed
Shadcn Blocks
2018
- Hero245+
- Feature180+
- Pricing90+
- CTA70+
```

```terminal
CLI
$npx shadcn@latest add @shadcnblocks/hero245
✓ Installed
Shadcn Blocks
2018
- Hero245+
- Feature180+
- Pricing90+
- CTA70+
```