ShadcnUI + React + TypeScript + Tailwind.
Build your React landing page effortlessly with the required sections to your project.
- Navbar
- Sidebar(mobile)
- Hero
- Sponsors
- About
- Stats
- How It Works
- Features
- Services
- Call-to-Action (CTA)
- Testimonials
- Team
- Pricing
- Newsletter
- Frequently Asked Questions(FAQ)
- Contact form
- Footer
- Fully Responsive Design
- User Friendly Navigation
- Dark Mode
- Meta tags
- Modern Tech Stack (React 19, Vite 8, TypeScript 7, Tailwind CSS 4)
- Code Quality Tools (Biome, Knip)
- Clone this repository:
git clone https://github.com/dominictayloruk/shadcn-landing-page.git- Go into project
cd shadcn-landing-page- Install dependencies
pnpm install- Run development server
pnpm devpnpm dev- Start development serverpnpm build- Build for productionpnpm preview- Preview production buildpnpm check- Run Biome check (linter + formatter)pnpm check:fix- Run Biome check with auto-fixpnpm lint- Run Biome linterpnpm lint:fix- Run Biome linter with auto-fixpnpm format- Format code with Biomepnpm format:check- Check code formatting with Biomepnpm knip- Analyze unused dependencies and exports
- React 19
- Vite 8
- TypeScript 7
- Tailwind CSS 4
- shadcn/ui components
- Lucide React icons
- Biome 2
- Knip 6
For detailed dependency information, see PLAN.md
Choose Nixpacks as the build pack.
- Set the source repository:
https://github.com/dominictayloruk/shadcn-landing-page.git
- Publish directory:
/dist
- Install command:
pnpm install
- Build command:
tsc && vite build