Vector Dev Portfolio
Case-study grid with editorial blog rail and crisp typography rhythm.
Next.js
Tailwind
MDX4 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
Click "Access Template" → switch to Code tab → hit Download
↓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, Tailwind, MDX.
What's included
Everything you need to ship
Case-study project grid
Production-ready and fully customisable out of the box.
MDX-powered blog with syntax highlighting
Production-ready and fully customisable out of the box.
Tech stack showcase
Production-ready and fully customisable out of the box.
Contact form with validation
Production-ready and fully customisable out of the box.
Clean typographic hierarchy
Production-ready and fully customisable out of the box.
Smooth page transitions
Production-ready and fully customisable out of the box.
Accessible by default
Production-ready and fully customisable out of the box.
Zero external UI library dependencies
Production-ready and fully customisable out of the box.
Included sections
Ready to ship with Vector Dev Portfolio?
One-time payment. Instant download. Everything you need to go from idea to production.