Portfolio

Free personal portfolio template with smooth animations, project case studies, and a minimal aesthetic

Built With

Next.js 16+
React
TypeScript
Tailwind v4
Motion
WebGL
Lenis
Matter.js
next-themes

About this template

A personal portfolio template built around a signature WebGL flow shader, a magnetic morphing portrait, Lenis smooth scroll, and a calm black-and-white design system. Designed for individual designers and engineers who want a brand-ready scaffold with a distinctive look on day one. Free to use in personal and commercial projects.

Special Features

  • Light and dark mode with view-transition reveal
  • WebGL flow shader backdrop
  • Magnetic morphing portrait on hover
  • Smooth scroll with Lenis
  • Physics-driven tech stack chips
  • One-click copy email contact card
  • Fully responsive
  • Optimized for accessibility
  • SEO and Open Graph ready
  • Easy to customize from a single config

Included Sections

  • Animated pill nav with theme toggle
  • Hero with shader, headline, and morphing portrait
  • Projects grid with hover lift and image zoom
  • Polaroid strip on the about page
  • Skills grid
  • Interactive tech stack chips
  • Expandable experience timeline
  • Education list
  • Contact card with embedded shader
  • Site-wide shader backdrop