Nocturne — Dark Minimal Portfolio Template (Next.js 14)

Nocturne is a premium dark portfolio template crafted for designers, developers, and creatives who want a website that feels as refined as it looks.

Built with Next.js 14, Tailwind CSS, Framer Motion, and Lenis smooth scrolling, every interaction is designed to deliver a high-end, editorial experience.

Live Preview - livepreview

Features:

• Cinematic intro loader with letter-by-letter name reveal
• Interactive particle canvas hero with animated connected nodes
• Frosted-glass floating navbar with scroll-spy active states
• Filterable project grid (All / UX / Visual / Play) with smooth layout transitions
• Cursor-following project labels for an immersive browsing feel
• 3D card tilt effect with smooth spring-based motion
• Scroll-reactive About section with dynamic color transitions
• Tech stack section with staggered reveal animations
• Testimonials grid with subtle fade-in motion
• Bold editorial-style contact section with mailto CTA and social links
• Lenis-powered smooth inertial scrolling throughout
• Light sweep shimmer effects on section headings
• Custom trailing cursor (automatically disabled on touch devices)
• Live updating date in the footer
• Fully responsive across all devices
• Supports prefers-reduced-motion for accessibility

Customization:

All content is managed from a single file. Easily update your name, role, location, email, projects, testimonials, tech stack, and social links in one place no need to dig through components.

Deployment:

Deploy in minutes using Netlify, Vercel, or any static hosting platform. A pre-configured netlify.toml file is included for quick setup.

Tech Stack:

Next.js 14 · TypeScript · Tailwind CSS · Framer Motion · Lenis