# Cnippet Blocks blocks for shadcn/ui

> Cnippet Blocks: 110+ free, production-ready website sections (heroes, pricing, features, FAQs, testimonials, footers and more) built with Base UI and Tailwind CSS on top of Cnippet UI. Copy, paste, and ship landing pages faster.

Cnippet Blocks publishes 110 blocks for shadcn/ui, all of them free. In its own words: Cnippet Blocks: 110+ free, production-ready website sections (heroes, pricing, features, FAQs, testimonials, footers and more) built with Base UI and Tailwind CSS on top of Cnippet UI. Copy, paste, and ship landing pages faster. Its blocks cover login and sign-up, hero, feature, footer and blog.

Free blocks install with the shadcn CLI under the @cnippet-blocks namespace, so the code lands in your project.

- Page, with live previews: https://shadcn.exchange/r/cnippet-blocks
- Its own site: https://blocks.cnippet.dev/?utm_source=shadcn.exchange
- 110 blocks, all free. Last changed 2026-11-01.
- Categories: Hero (7), Pricing (4), Dashboard (1), Login (8), Navbar (4), Features (6), Footer (6), CTA (2), Testimonials (4), FAQ (4), Contact (2), Blog (6)
- Search its blocks as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&registry=cnippet-blocks&q=<words>`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free blocks

All 110 blocks, in the order its page shows them. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Gallery 3](https://shadcn.exchange/r/cnippet-blocks/gallery-3): gallery. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/gallery-3.json`
- [Navbar 4](https://shadcn.exchange/r/cnippet-blocks/navbar-4): navbar. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/navbar-4.json`
- [Related 1](https://shadcn.exchange/r/cnippet-blocks/related-1): Three text-only link cards on a hairline rule (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/related-1.json`
- [Page Header 1](https://shadcn.exchange/r/cnippet-blocks/page-header-1): Interior page header: photo, breadcrumbs, title and optional stats (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/page-header-1.json`
- [Video 4](https://shadcn.exchange/r/cnippet-blocks/video-4): video. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/video-4.json`
- [Career 2](https://shadcn.exchange/r/cnippet-blocks/career-2): Career. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/career-2.json`
- [Metrics 6](https://shadcn.exchange/r/cnippet-blocks/metrics-6): Full-width header above an animated four-across numeral grid (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/metrics-6.json`
- [Property 1](https://shadcn.exchange/r/cnippet-blocks/property-1): Grid of property cards with optional filter tabs and a view-all footer (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/property-1.json`
- [Feature 2](https://shadcn.exchange/r/cnippet-blocks/feature-2): Feature. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/feature-2.json`
- [Blog 7](https://shadcn.exchange/r/cnippet-blocks/blog-7): Lead article: wide image beside title, standfirst and byline (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/blog-7.json`
- [About 2](https://shadcn.exchange/r/cnippet-blocks/about-2): Overlapping photo pair with credentials beside the story told as prose (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/about-2.json`
- [Faq 4](https://shadcn.exchange/r/cnippet-blocks/faq-4): FAQ. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/faq-4.json`
- [Property 2](https://shadcn.exchange/r/cnippet-blocks/property-2): Full property listing with status tabs, district filter, sort and pagination (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/property-2.json`
- [Hero 1](https://shadcn.exchange/r/cnippet-blocks/hero-1): hero. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/hero-1.json`
- [Metrics 3](https://shadcn.exchange/r/cnippet-blocks/metrics-3): metrics. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/metrics-3.json`
- [Team 2](https://shadcn.exchange/r/cnippet-blocks/team-2): team. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/team-2.json`
- [Hero 2](https://shadcn.exchange/r/cnippet-blocks/hero-2): hero. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/hero-2.json`
- [Logo 3](https://shadcn.exchange/r/cnippet-blocks/logo-3): logo. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/logo-3.json`
- [Career 1](https://shadcn.exchange/r/cnippet-blocks/career-1): Career. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/career-1.json`
- [Career 3](https://shadcn.exchange/r/cnippet-blocks/career-3): Career. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/career-3.json`
- [Footer 1](https://shadcn.exchange/r/cnippet-blocks/footer-1): Footer. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/footer-1.json`
- [Feature 1](https://shadcn.exchange/r/cnippet-blocks/feature-1): Feature. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/feature-1.json`
- [404 3](https://shadcn.exchange/r/cnippet-blocks/404-3): Full-bleed photo 404 with two actions and a row of next-step links (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/404-3.json`
- [Newsletter 1](https://shadcn.exchange/r/cnippet-blocks/newsletter-1): newsletter. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/newsletter-1.json`
- [Contact 4](https://shadcn.exchange/r/cnippet-blocks/contact-4): Contact. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/contact-4.json`
- [Team 3](https://shadcn.exchange/r/cnippet-blocks/team-3): team. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/team-3.json`
- [Metrics 5](https://shadcn.exchange/r/cnippet-blocks/metrics-5): Header beside an animated numeral grid, with a logo strip (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/metrics-5.json`
- [Navbar 5](https://shadcn.exchange/r/cnippet-blocks/navbar-5): Navbar that sits transparent over a photo hero and turns solid on scroll (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/navbar-5.json`
- [Hero 6](https://shadcn.exchange/r/cnippet-blocks/hero-6): hero. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/hero-6.json`
- [Testimonial 2](https://shadcn.exchange/r/cnippet-blocks/testimonial-2): testimonial. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/testimonial-2.json`
- [Testimonial 5](https://shadcn.exchange/r/cnippet-blocks/testimonial-5): Quote cards in a carousel on a coloured band (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/testimonial-5.json`
- [Process 2](https://shadcn.exchange/r/cnippet-blocks/process-2): process. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/process-2.json`
- [Footer 3](https://shadcn.exchange/r/cnippet-blocks/footer-3): Footer. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/footer-3.json`
- [Login 3](https://shadcn.exchange/r/cnippet-blocks/login-3): login. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/login-3.json`
- [Logo 1](https://shadcn.exchange/r/cnippet-blocks/logo-1): logo. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/logo-1.json`
- [Hero 5](https://shadcn.exchange/r/cnippet-blocks/hero-5): hero. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/hero-5.json`
- [404 2](https://shadcn.exchange/r/cnippet-blocks/404-2): 404. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/404-2.json`
- [Dashboard 1](https://shadcn.exchange/r/cnippet-blocks/dashboard-1): dashboard. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/dashboard-1.json`
- [Banner 2](https://shadcn.exchange/r/cnippet-blocks/banner-2): Banner. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/banner-2.json`
- [Metrics 2](https://shadcn.exchange/r/cnippet-blocks/metrics-2): metrics. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/metrics-2.json`
- [Process 4](https://shadcn.exchange/r/cnippet-blocks/process-4): Header and photo beside a 2×2 grid of numbered steps (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/process-4.json`
- [Process 1](https://shadcn.exchange/r/cnippet-blocks/process-1): process. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/process-1.json`
- [Footer 6](https://shadcn.exchange/r/cnippet-blocks/footer-6): Footer. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/footer-6.json`
- [Testimonial 4](https://shadcn.exchange/r/cnippet-blocks/testimonial-4): testimonial. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/testimonial-4.json`
- [Integration 1](https://shadcn.exchange/r/cnippet-blocks/integration-1): integration. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/integration-1.json`
- [Footer 4](https://shadcn.exchange/r/cnippet-blocks/footer-4): Footer. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/footer-4.json`
- [Legal 1](https://shadcn.exchange/r/cnippet-blocks/legal-1): Stacked legal documents with anchor ids (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/legal-1.json`
- [Newsletter 3](https://shadcn.exchange/r/cnippet-blocks/newsletter-3): newsletter. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/newsletter-3.json`
- [Property 3](https://shadcn.exchange/r/cnippet-blocks/property-3): Property description and features beside facts, agent and district cards (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/property-3.json`
- [Feature 4](https://shadcn.exchange/r/cnippet-blocks/feature-4): Feature. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/feature-4.json`
- [Video 3](https://shadcn.exchange/r/cnippet-blocks/video-3): video. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/video-3.json`
- [Testimonial 1](https://shadcn.exchange/r/cnippet-blocks/testimonial-1): testimonial. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/testimonial-1.json`
- [Integration 2](https://shadcn.exchange/r/cnippet-blocks/integration-2): integration. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/integration-2.json`
- [Login 2](https://shadcn.exchange/r/cnippet-blocks/login-2): login. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/login-2.json`
- [Register 1](https://shadcn.exchange/r/cnippet-blocks/register-1): register. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/register-1.json`
- [Feature 6](https://shadcn.exchange/r/cnippet-blocks/feature-6): Numbered service rows, each with a pitch and a checklist (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/feature-6.json`
- [Career 5](https://shadcn.exchange/r/cnippet-blocks/career-5): Open roles as full-width rows with apply buttons and an empty state (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/career-5.json`
- [Blog 2](https://shadcn.exchange/r/cnippet-blocks/blog-2): Blog. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/blog-2.json`
- [Pricing 2](https://shadcn.exchange/r/cnippet-blocks/pricing-2): pricing. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/pricing-2.json`
- [Calendar 1](https://shadcn.exchange/r/cnippet-blocks/calendar-1): Calendar. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/calendar-1.json`
- [Team 1](https://shadcn.exchange/r/cnippet-blocks/team-1): team. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/team-1.json`
- [Faq 5](https://shadcn.exchange/r/cnippet-blocks/faq-5): FAQ. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/faq-5.json`
- [Faq 3](https://shadcn.exchange/r/cnippet-blocks/faq-3): FAQ. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/faq-3.json`
- [Integration 3](https://shadcn.exchange/r/cnippet-blocks/integration-3): integration. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/integration-3.json`
- [Navbar 2](https://shadcn.exchange/r/cnippet-blocks/navbar-2): navbar. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/navbar-2.json`
- [Hero 4](https://shadcn.exchange/r/cnippet-blocks/hero-4): hero. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/hero-4.json`
- [Gallery 4](https://shadcn.exchange/r/cnippet-blocks/gallery-4): gallery. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/gallery-4.json`
- [Banner 5](https://shadcn.exchange/r/cnippet-blocks/banner-5): Banner. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/banner-5.json`
- [Login 4](https://shadcn.exchange/r/cnippet-blocks/login-4): login. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/login-4.json`
- [Team 5](https://shadcn.exchange/r/cnippet-blocks/team-5): Portrait cards that turn to colour on hover and reveal contact buttons (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/team-5.json`
- [Navbar 1](https://shadcn.exchange/r/cnippet-blocks/navbar-1): navbar. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/navbar-1.json`
- [Location 1](https://shadcn.exchange/r/cnippet-blocks/location-1): One tall feature card beside a grid of photo location cards (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/location-1.json`
- [Gallery 5](https://shadcn.exchange/r/cnippet-blocks/gallery-5): Large image with a column of thumbnails that swap it (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/gallery-5.json`
- [Career 4](https://shadcn.exchange/r/cnippet-blocks/career-4): Career. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/career-4.json`
- [404 1](https://shadcn.exchange/r/cnippet-blocks/404-1): 404. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/404-1.json`
- [Register 3](https://shadcn.exchange/r/cnippet-blocks/register-3): register. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/register-3.json`
- [Blog 8](https://shadcn.exchange/r/cnippet-blocks/blog-8): Three-across grid of article cards (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/blog-8.json`
- [Process 3](https://shadcn.exchange/r/cnippet-blocks/process-3): process. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/process-3.json`
- [Footer 8](https://shadcn.exchange/r/cnippet-blocks/footer-8): Photo footer with newsletter, link columns, offices and socials (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/footer-8.json`
- [Blog 9](https://shadcn.exchange/r/cnippet-blocks/blog-9): Article body in a reading column beside an author card (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/blog-9.json`
- [Feature 5](https://shadcn.exchange/r/cnippet-blocks/feature-5): Feature. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/feature-5.json`
- [Team 4](https://shadcn.exchange/r/cnippet-blocks/team-4): team. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/team-4.json`
- [Hero 9](https://shadcn.exchange/r/cnippet-blocks/hero-9): Full-bleed photo hero with highlights and a property search bar (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/hero-9.json`
- [Blog 5](https://shadcn.exchange/r/cnippet-blocks/blog-5): Blog. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/blog-5.json`
- [Cta 4](https://shadcn.exchange/r/cnippet-blocks/cta-4): CTA. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/cta-4.json`
- [Newsletter 4](https://shadcn.exchange/r/cnippet-blocks/newsletter-4): newsletter. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/newsletter-4.json`
- [Newsletter 2](https://shadcn.exchange/r/cnippet-blocks/newsletter-2): newsletter. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/newsletter-2.json`
- [Blog 1](https://shadcn.exchange/r/cnippet-blocks/blog-1): Blog. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/blog-1.json`
- [Feature 7](https://shadcn.exchange/r/cnippet-blocks/feature-7): Header beside a ruled checklist with an optional numeral grid (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/feature-7.json`
- [Logo 4](https://shadcn.exchange/r/cnippet-blocks/logo-4): logo. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/logo-4.json`
- [Pricing 3](https://shadcn.exchange/r/cnippet-blocks/pricing-3): pricing. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/pricing-3.json`
- [Pricing 1](https://shadcn.exchange/r/cnippet-blocks/pricing-1): pricing. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/pricing-1.json`
- [Footer 2](https://shadcn.exchange/r/cnippet-blocks/footer-2): Footer. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/footer-2.json`
- [Timeline 1](https://shadcn.exchange/r/cnippet-blocks/timeline-1): Header beside a ruled list of years (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/timeline-1.json`
- [Faq 6](https://shadcn.exchange/r/cnippet-blocks/faq-6): Header and button beside an accordion; optional numbering (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/faq-6.json`
- [Video 2](https://shadcn.exchange/r/cnippet-blocks/video-2): video. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/video-2.json`
- [Login 1](https://shadcn.exchange/r/cnippet-blocks/login-1): login. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/login-1.json`
- [About 1](https://shadcn.exchange/r/cnippet-blocks/about-1): Overlapping photo pair with credentials beside a numbered accordion of reasons (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/about-1.json`
- [Contact 5](https://shadcn.exchange/r/cnippet-blocks/contact-5): Enquiry form beside office cards and a general inbox (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/contact-5.json`
- [Logo 2](https://shadcn.exchange/r/cnippet-blocks/logo-2): logo. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/logo-2.json`
- [Gallery 2](https://shadcn.exchange/r/cnippet-blocks/gallery-2): gallery. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/gallery-2.json`
- [Metrics 4](https://shadcn.exchange/r/cnippet-blocks/metrics-4): metrics. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/metrics-4.json`
- [Register 2](https://shadcn.exchange/r/cnippet-blocks/register-2): register. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/register-2.json`
- [Register 4](https://shadcn.exchange/r/cnippet-blocks/register-4): register. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/register-4.json`
- [Video 1](https://shadcn.exchange/r/cnippet-blocks/video-1): video. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/video-1.json`
- [Pricing 4](https://shadcn.exchange/r/cnippet-blocks/pricing-4): pricing. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/pricing-4.json`
- [Hero 3](https://shadcn.exchange/r/cnippet-blocks/hero-3): hero. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/hero-3.json`
- [Gallery 6](https://shadcn.exchange/r/cnippet-blocks/gallery-6): Captioned photographs in a looping carousel (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/gallery-6.json`
- [Gallery 1](https://shadcn.exchange/r/cnippet-blocks/gallery-1): gallery. `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/gallery-1.json`
- [Cta 5](https://shadcn.exchange/r/cnippet-blocks/cta-5): Photo band with contact details beside a callback form (from Marbrook). `npx shadcn@latest add https://shadcn.exchange/r/cnippet-blocks/cta-5.json`