Shadcn Marketing Blocks for Landing Page Sections
67 marketing sections in 8 sets: heroes, CTA sections, blog indexes and posts, FAQ accordions, contact pages, versus sections, how it works steps and pricing.
Shadcn Marketing Blocks
Every Marketing block here is a React component you install with the shadcn CLI, built with Tailwind CSS, and many use ReUI primitives.
The categories below split the group by the screen you are building, so you can open the one you need instead of scanning the whole group.
Marketing Block Categories
- Blog6
Blog post layouts, article grids, and content listing components for editorial sites.
Versus sections that set a product against the workflow it replaces, as a feature matrix, a card beside a plain list or 2 step tracks.
Contact forms, support and enquiry sections, and office detail panels for business and portfolio sites.
- CTA17
Call to action sections that close a page, from centered email captures and split layouts to full-width banners with photos and proof rows.
- FAQ6
FAQ and accordion sections for common questions, knowledge bases, and support pages.
- Hero16
Hero sections with announcement pills, two-tone headlines, dual calls to action, and framed product consoles.
How it works sections that walk a product in numbered steps, from step grids to tabs that swap a product console.
Pricing sections with plan tier columns, a monthly or yearly billing toggle, a featured plan, and per-seat team pricing.
Why Teams Start From a Block
- You get a whole marketing screen instead of a pile of primitives: layout, spacing, and content hierarchy are already decided.
- Every block lists the components it is built from, so you can see what lands in your project before you install it.
- The markup is explicit and consistent, which makes it a better starting point for an AI coding agent than a blank file.