NOVA STUDIO — Creative Agency — Next.js Template
A stunning, premium agency landing page featuring a transitioning glassmorphic navbar, mega-dropdowns, decoupled planet scale and text scroll zoom, gapless white-out section transition, tall portrait team framing, and a giant footer wordmark.
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
Duo-mode morphing navbar from top header to floating glassmorphic pill capsule
Production-ready and fully customisable out of the box.
Detailed 2-column mega-dropdown grids for STUDIO and SERVICES with micro-hover states
Production-ready and fully customisable out of the box.
Scroll-scrubbed decoupled planet scale and exponential text zoom targeting the 'S' stroke
Production-ready and fully customisable out of the box.
100% gapless organic scroll transition to Section 2 white canvas with zero black track gaps
Production-ready and fully customisable out of the box.
Lenis smooth scroll with perfectly synchronized animation progress and mobile syncTouch
Production-ready and fully customisable out of the box.
Perfect vertical headshot portrait frames for symmetrical, head-crop-free team grid
Production-ready and fully customisable out of the box.
Responsive accordion drawer menu for mobile and tablet devices
Production-ready and fully customisable out of the box.
Giant outro wordmark with dynamic responsive spacing preventing letters from clipping
Production-ready and fully customisable out of the box.
Clean, elegant typography and modern minimalist layouts
Production-ready and fully customisable out of the box.
Included sections
Ready to ship with NOVA STUDIO — Creative Agency?
One-time payment. Instant download. Everything you need to go from idea to production.