Startup Landing Page
A dark, modern startup landing page template with smooth Lenis scrolling, Framer Motion animations, bento feature grid, product dashboard showcase, pricing, testimonials, and FAQ.
Next.js
TypeScript
Tailwind CSS v4
Framer MotionLenis
Lucide Icons4 pages included
Get started
Run it on your machine
Download the template, install dependencies, and have a fully working Next.js app running locally in under 2 minutes.
Download ZIP
Purchase the template to get the full source ZIP
↓Install deps
Open a terminal in the project folder and run the install command
Start dev server
Spin up the local development server with hot reload
Open browser
Visit the local URL and start customising the template
$ npx create-next-app@latest my-app
$ # copy template files into my-app/src/
$ cd my-app
$ npm install framer-motion lucide-react @studio-freight/lenis
$ npm run dev
→ Ready on http://localhost:3000
Requires Node.js 18+ and npm 9+. Stack: Next.js, TypeScript, Tailwind CSS v4, Framer Motion, Lenis, Lucide Icons.
What's included
Everything you need to ship
3D Transforms
CSS perspective and rotateX/Y/Z transforms power card flips, tilt effects, and depth-layered hero compositions.
A11y Optimized
WCAG 2.1 AA compliant — proper ARIA roles, keyboard navigation, focus rings, reduced-motion support, and colour contrast.
Animations & Effects
Scroll-triggered reveals, staggered entrances, blur-to-clear transitions, and hover microinteractions via Framer Motion v12.
Automated SEO
Next.js Metadata API pre-configured with titles, descriptions, OpenGraph, Twitter cards, and canonical URLs per page.
Built-in Analytics
Analytics event hooks wired to page views and CTA clicks — drop in your Plausible, Posthog, or GA4 token and go.
CMS
Content structured as typed TypeScript config objects for easy copy updates without touching layout or component code.
Components
40+ pre-built UI primitives — buttons, cards, badges, inputs, modals, tabs, and more — all dark-mode ready.
Forms
Contact and waitlist forms with client-side validation, accessible error states, and a submit handler ready to wire to any API.
Layout Templates
Named layout presets (hero, features, pricing, FAQ, CTA) that can be mixed and reordered with minimal prop changes.
Overlays & Modals
AnimatePresence-powered dialogs, drawers, and full-screen overlays with keyboard-dismissal and scroll-lock built in.
Project Styles
Global design tokens (colours, spacing, radii, shadows) defined as CSS custom properties for one-file brand theming.
Slideshows/Tickers
Auto-scrolling logo marquees and testimonial rails with configurable speed, gap, and pause-on-hover behaviour.
Sticky Scrolling
Sticky-left process section where the heading pins while step cards scroll past — built with CSS position:sticky.
Visual Breakpoints
Tailwind responsive prefixes cover sm/md/lg/xl/2xl with tested layouts from 375 px iPhone SE to 4 K desktop.
Included sections
Ready to ship with Startup Landing Page?
One-time payment. Instant download. Everything you need to go from idea to production.