# Free Shadcn UI blocks Free Browse 106+ free blocks built with React, shadcn/ui and Tailwind CSS. Copy & paste the code or install with the Shadcn CLI. See all categories on the full blocks library. ### Categories - [About1](/content/blocks/about/index.html) - [Accept Invite1](/content/blocks/accept-invite/index.html) - [Address Book1](/content/blocks/address-book/index.html) - [Application Shell1](/content/blocks/application-shell/index.html) - [Awards1](/content/blocks/awards/index.html) - [Background Pattern1](/content/blocks/background-pattern/index.html) - [Banner1](/content/blocks/banner/index.html) - [Blog1](/content/blocks/blog/index.html) - [Blog Post1](/content/blocks/blog-post/index.html) - [Book A Demo1](/content/blocks/book-a-demo/index.html) - [Careers1](/content/blocks/careers/index.html) - [Case Studies1](/content/blocks/case-studies/index.html) - [Case Study1](/content/blocks/case-study/index.html) - [Changelog1](/content/blocks/changelog/index.html) - [Chart Card2](/content/blocks/chart-card/index.html) - [Chart Group1](/content/blocks/chart-group/index.html) - [Checkout1](/content/blocks/checkout/index.html) - [Code Example1](/content/blocks/code-example/index.html) - [Community1](/content/blocks/community/index.html) - [Compare1](/content/blocks/compare/index.html) - [Compare Products1](/content/blocks/compare-products/index.html) - [Compliance1](/content/blocks/compliance/index.html) - [Contact1](/content/blocks/contact/index.html) - [Content1](/content/blocks/content/index.html) - [Cta8](/content/blocks/cta/index.html) - [Data Table1](/content/blocks/data-table/index.html) - [Download1](/content/blocks/download/index.html) - [Ecommerce Footer1](/content/blocks/ecommerce-footer/index.html) - [Experience1](/content/blocks/experience/index.html) - [Faq1](/content/blocks/faq/index.html) - [Feature10](/content/blocks/feature/index.html) - [Footer1](/content/blocks/footer/index.html) - [Gallery1](/content/blocks/gallery/index.html) - [Help Center1](/content/blocks/help-center/index.html) - [Hero6](/content/blocks/hero/index.html) - [Incentives1](/content/blocks/incentives/index.html) - [Industries1](/content/blocks/industries/index.html) - [Integration1](/content/blocks/integration/index.html) - [Invite User1](/content/blocks/invite-user/index.html) - [Leaderboard1](/content/blocks/leaderboard/index.html) - [List1](/content/blocks/list/index.html) - [Live Purchase1](/content/blocks/live-purchase/index.html) - [Login1](/content/blocks/login/index.html) - [Logos2](/content/blocks/logos/index.html) - [Navbar1](/content/blocks/navbar/index.html) - [Offer Modal1](/content/blocks/offer-modal/index.html) - [Order Summary1](/content/blocks/order-summary/index.html) - [Payment Methods1](/content/blocks/payment-methods/index.html) - [Pricing3](/content/blocks/pricing/index.html) - [Process1](/content/blocks/process/index.html) - [Product Card1](/content/blocks/product-card/index.html) - [Product Categories1](/content/blocks/product-categories/index.html) - [Product Detail1](/content/blocks/product-detail/index.html) - [Product Gallery1](/content/blocks/product-gallery/index.html) - [Product List1](/content/blocks/product-list/index.html) - [Product Quick View1](/content/blocks/product-quick-view/index.html) - [Product Specs1](/content/blocks/product-specs/index.html) - [Project1](/content/blocks/project/index.html) - [Projects1](/content/blocks/projects/index.html) - [Promo Banner1](/content/blocks/promo-banner/index.html) - [Rate Card1](/content/blocks/rate-card/index.html) - [Resource1](/content/blocks/resource/index.html) - [Reviews1](/content/blocks/reviews/index.html) - [Service1](/content/blocks/service/index.html) - [Services1](/content/blocks/services/index.html) - [Settings Profile1](/content/blocks/settings-profile/index.html) - [Shader1](/content/blocks/shader/index.html) - [Shopping Cart1](/content/blocks/shopping-cart/index.html) - [Sidebar1](/content/blocks/sidebar/index.html) - [Signup1](/content/blocks/signup/index.html) - [Stats1](/content/blocks/stats/index.html) - [Stats Card1](/content/blocks/stats-card/index.html) - [Team1](/content/blocks/team/index.html) - [Testimonial2](/content/blocks/testimonial/index.html) - [Timeline1](/content/blocks/timeline/index.html) - [Todo List1](/content/blocks/todo-list/index.html) - [Trust Strip1](/content/blocks/trust-strip/index.html) - [User Profile1](/content/blocks/user-profile/index.html) - [Waitlist1](/content/blocks/waitlist/index.html) - [Wishlist1](/content/blocks/wishlist/index.html) ## [Service 1](/content/block/service1/index.html) Service detail page with hero and prose content ## [Address Book 1](/content/block/address-book1/index.html) Address book list with edit modes and default selection ## [Todo 1](/content/block/todo1/index.html) Simple checkbox todo list ## [Projects 5](/content/block/projects5/index.html) Animated project cards with year badges ## [Cta 10](/content/block/cta10/index.html) Banded call-to-action with dual buttons ## [Ecommerce Footer 1](/content/block/ecommerce-footer1/index.html) Ecommerce footer with newsletter, language selector, and contact row ## [Shopping Cart 1](/content/block/shopping-cart1/index.html) Simple page shopping cart ## [Feature 1](/content/block/feature1/index.html) Two-column feature with square image and button ## [Footer 2](/content/block/footer2/index.html) Footer with logo, tagline, link columns, and legal row ## [Compliance 1](/content/block/compliance1/index.html) Two-column compliance narrative with stacked detail cards ## [Leaderboard 1](/content/block/leaderboard1/index.html) Leaderboard with Progress Bars ## [Careers 4](/content/block/careers4/index.html) Simple careers heading with category sections ## [User Profile 1](/content/block/user-profile1/index.html) Basic Profile Card ## [Project 1](/content/block/project1/index.html) Project detail with animated scroll reveal ## [Hero 7](/content/block/hero7/index.html) Centered hero with ratings row under single CTA ## [Chart Card 1](/content/block/chart-card1/index.html) Area Chart Card ## [Gallery 6](/content/block/gallery6/index.html) Gallery carousel with demo link ## [Promo Banner 1](/content/block/promo-banner1/index.html) Free shipping progress banner ## [Stats Card 1](/content/block/stats-card1/index.html) Metric Card with Trend ## [Testimonial 10](/content/block/testimonial10/index.html) Single centered quote ## [Product Gallery 1](/content/block/product-gallery1/index.html) Product image carousel and grid ## [Compare 7](/content/block/compare7/index.html) Compact three-column comparison table with tooltips ## [Hero 1](/content/block/hero1/index.html) Split hero with image on the right ## [Community 1](/content/block/community1/index.html) Centered invite with logo and outline social buttons ## [Feature 13](/content/block/feature13/index.html) Two-column feature cards with linked titles and imagery ## [Navbar 1](/content/block/navbar1/index.html) Navbar with icon dropdown menus ## [Order Summary 1](/content/block/order-summary1/index.html) Order confirmation with itemized totals ## [Wishlist 1](/content/block/wishlist1/index.html) Wishlist grid with price-drop badges ## [Pricing 4](/content/block/pricing4/index.html) Three-plan pricing with tabs and one highlighted column ## [Blogpost 1](/content/block/blogpost1/index.html) Centered article with alert and table ## [Help 1](/content/block/help1/index.html) Category grid help center ## [Product List 1](/content/block/product-list1/index.html) Product grid with badges ## [Resource 1](/content/block/resource1/index.html) Resource detail with sidebar and article ## [Feature 73](/content/block/feature73/index.html) Image card grid with optional header link ## [Process 1](/content/block/process1/index.html) Sticky sidebar four-step process ## [Content 1](/content/block/content1/index.html) Long-form story with sticky section outline ## [Product Specs 1](/content/block/product-specs1/index.html) Collapsible product spec tables ## [Download 2](/content/block/download2/index.html) Minimal three-column downloads ## [Case Study 8](/content/block/case-study8/index.html) Case study article with company sidebar ## [Waitlist 1](/content/block/waitlist1/index.html) Centered waitlist with avatar row ## [Book A Demo 1](/content/block/book-a-demo1/index.html) Demo booking form with benefits and logos ## [Team 1](/content/block/team1/index.html) Centered team grid with avatars ## [Chart Card 3](/content/block/chart-card3/index.html) Bar Chart Card ## [Incentives 1](/content/block/incentives1/index.html) Icon row of shopping incentives ## [Industries 1](/content/block/industries1/index.html) Industry cards with hover description ## [Feature 197](/content/block/feature197/index.html) Feature accordion with paired image panel ## [Feature 72](/content/block/feature72/index.html) Narrow header with bordered feature cards ## [Hero 45](/content/block/hero45/index.html) Hero with wide image and three feature columns ## [Faq 1](/content/block/faq1/index.html) Centered accordion FAQ block ## [Login 1](/content/block/login1/index.html) Minimal email and password login ## [Pricing 2](/content/block/pricing2/index.html) Classic two-plan pricing with billing switch ## [Reviews 1](/content/block/reviews1/index.html) Customer review list with average rating ## [Hero 115](/content/block/hero115/index.html) Centered hero with ring backdrop ## [Banner 1](/content/block/banner1/index.html) Full-width dismissible announcement bar ## [Checkout 1](/content/block/checkout1/index.html) Accordion checkout with cart and payment steps ## [Live Purchase 1](/content/block/live-purchase1/index.html) Rotating purchase toast card ## [Trust Strip 1](/content/block/trust-strip1/index.html) Icon grid of store guarantees ## [Accept Invite 1](/content/block/accept-invite1/index.html) Two-Column Invite with Email Form ## [Sidebar 1](/content/block/sidebar1/index.html) Basic Sidebar with Groups ## [Feature 51](/content/block/feature51/index.html) Stacked icon tabs with feature imagery ## [Invite User 1](/content/block/invite-user1/index.html) User Table with Dialog Invite ## [Chart Group 1](/content/block/chart-group1/index.html) Two Charts Side by Side ## [Product Card 1](/content/block/product-card1/index.html) Product card with sale badge ## [Code Example 1](/content/block/code-example1/index.html) Tabbed database query examples in multiple languages ## [Product Categories 1](/content/block/product-categories1/index.html) Split category banner with image ## [Signup 1](/content/block/signup1/index.html) Centered signup form with confirm password ## [Application Shell 1](/content/block/application-shell1/index.html) Sidebar Shell with Breadcrumbs ## [Background Pattern 1](/content/block/background-pattern1/index.html) Full-screen radial gradient background pattern ## [Timeline 9](/content/block/timeline9/index.html) Vertical dot timeline ## [Product Quick View 4](/content/block/product-quick-view4/index.html) Dialog quick view with variants ## [Cta 11](/content/block/cta11/index.html) Bordered CTA with icon label and single action ## [Integration 3](/content/block/integration3/index.html) Simple integration list ## [List 2](/content/block/list2/index.html) Icon list with action buttons ## [Blog 7](/content/block/blog7/index.html) Centered blog cards with read-more links ## [Payment Methods 1](/content/block/payment-methods1/index.html) Payment methods list with inline edit ## [Hero 47](/content/block/hero47/index.html) Split hero with handset frame and split headline line ## [Settings Profile 1](/content/block/settings-profile1/index.html) Basic Profile Form ## [Feature 166](/content/block/feature166/index.html) Centered intro over four-panel feature matrix ## [Compare Products 1](/content/block/compare-products1/index.html) Side-by-side product comparison with specs and cart ## [Shader 3](/content/block/shader3/index.html) Mouse-Interactive Glass Shader ## [Feature 43](/content/block/feature43/index.html) Icon reasons with centered call to action ## [Pricing 6](/content/block/pricing6/index.html) Single plan pricing card with grouped features ## [Feature 2](/content/block/feature2/index.html) Split feature row with image and dual actions ## [Case Studies 2](/content/block/case-studies2/index.html) Case studies with quotes and metrics ## [Contact 7](/content/block/contact7/index.html) Grid of contact method cards ## [Testimonial 9](/content/block/testimonial9/index.html) Masonry quotes with source icons ## [Offer Modal 4](/content/block/offer-modal4/index.html) Membership offer modal with photo ## [Hero 3](/content/block/hero3/index.html) Split hero with review strip and tall photography ## [Services 4](/content/block/services4/index.html) Bordered service cards with icon and bullet list ## [Data Table 1](/content/block/data-table1/index.html) Basic Data Table ## [Awards 1](/content/block/awards1/index.html) Awards table with linked rows ## [Feature 17](/content/block/feature17/index.html) Six-up icon grid with centered intro ## [Changelog 1](/content/block/changelog1/index.html) Changelog with sticky version and date rail ## [Stats 8](/content/block/stats8/index.html) Stats grid with heading and link ## [Rate Card 2](/content/block/rate-card2/index.html) Two-plan monthly rate cards ## [Product Detail 1](/content/block/product-detail1/index.html) Product detail with specs list ## [Logos 8](/content/block/logos8/index.html) Centered logo row with heading ## [Experience 1](/content/block/experience1/index.html) Work history rows with CV download ## [Cta 34](/content/block/cta34/index.html) Call to action with top border separator ## [Cta 35](/content/block/cta35/index.html) Call to action with left border stripe ## [Cta 36](/content/block/cta36/index.html) Inline split call to action ## [Cta 37](/content/block/cta37/index.html) Bordered grid split call to action ## [Cta 38](/content/block/cta38/index.html) Inverted card call to action ## [Cta 39](/content/block/cta39/index.html) Dashed outline card call to action ## [Logos 18](/content/block/logos18/index.html) Logo Grid Without Headline ## [About 29](/content/block/about29/index.html) Mission panel with text columns