finds.dev← search

// the find

leoMirandaa/shadcn-landing-page

★ 1,981 · TypeScript · MIT · updated Oct 2024

Free Landing page template using Shadcn, React, Typescript and Tailwind

A free React landing page template built with shadcn/ui, Tailwind, and TypeScript, covering the usual marketing-site sections (hero, pricing, testimonials, FAQ, footer). It's aimed at developers who need a quick starting point for a SaaS or product landing page without building component layout from scratch.

Component-per-section structure (Hero.tsx, Pricing.tsx, Testimonials.tsx, etc.) makes it easy to delete or reorder sections without untangling a monolith. Built on shadcn/ui primitives rather than a bespoke component kit, so anything in the design (accordion, dropdown, sheet) is actually yours to modify, not a black-box import. Dark mode is wired through a real theme-provider/mode-toggle pair instead of a CSS hack, and the mobile nav uses a proper Sheet component rather than a hand-rolled overlay.

Last pushed October 2024 and shadcn/ui's CLI and component APIs have moved since then, so a fresh `npx shadcn add` against this repo's conventions may not match. All copy (testimonials, team bios, pricing tiers) is hardcoded directly in the TSX files, meaning every section requires editing component code rather than a config or content file. No tests, no Storybook, and no accessibility notes beyond what shadcn/ui gives you for free. Only a handful of ui/ primitives are vendored (no dialog, tabs, or form components), so anything beyond the included sections means pulling more shadcn components in yourself.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →