Landing page blocks and full pages for React

Free landing page blocks for React and Tailwind CSS v4: complete SaaS marketing pages, a scroll story, a premium landing page with motion and section blocks you can mix. MIT.

8 blocksFree, MITshadcn CLI compatibleTailwind CSS v4Light and dark

These are whole pages assembled from the section blocks on this site: hero, logos, features, testimonials, pricing, FAQ and a final call to action. Start from one and swap sections rather than starting from a blank file.

A full SaaS marketing page stacking a kinetic pitch hero, moving logo wall, feature bento, free versus premium compare, testimonials and a magnetic CTA.

npx shadcn@latest add @minidev/saas-marketing-pageCode

A complete Tailwind landing page assembled from a hero with two actions, a logo cloud, a stats strip, a three column feature grid and a closing CTA banner.

npx shadcn@latest add @minidev/marketing-landingCode

A React motion landing page combining an aurora hero, an animated feature row, three tier pricing cards that rise into view and a glowing closing CTA.

npx shadcn@latest add @minidev/premium-landingCode

A full React SaaS landing template with an aurora hero, logo wall, counting stats, animated features, pricing cards, a testimonial carousel, FAQ and CTA.

npx shadcn@latest add @minidev/saas-landingCode

A scrollytelling section: steps scroll on one side while a pinned visual swaps as each reaches mid screen and a progress rail fills. Inline on mobile.

npx shadcn@latest add @minidev/scroll-storyCode

A React docs landing page with an animated headline, docs search, get started and API buttons, a table of contents and scroll revealed code and callouts.

npx shadcn@latest add @minidev/docs-marketingCode

A marketing changelog with a gradient masked headline, a subscribe CTA and a timeline of versions with highlight dots and bullet lists that slide in.

npx shadcn@latest add @minidev/changelog-marketingCode

A status marketing section with an incident banner, operational badge, gradient headline and uptime bars for showing off reliability on a public page.

npx shadcn@latest add @minidev/status-marketingCode

Frequently asked questions

Where are the full templates?

Eight complete templates (AI SaaS, fintech, healthcare, agents, property, coaching, agency, commerce) live on the templates page, each with a brand kit.

More block types