DEV Community

Cover image for Devstarter: Next.js Portfolio Template with Cyberpunk UI
jQueryScript
jQueryScript

Posted on

Devstarter: Next.js Portfolio Template with Cyberpunk UI

Devstarter: a free, open-source one-page portfolio template built with Next.js 16, shadcn/ui v3.6, and Tailwind CSS 4.

Key highlights:

  • Cyberpunk aesthetic with neon green accents and monospace typography
  • Five pre-built sections: Hero, Projects, Skills, Blog, and Contact
  • Light and dark modes fully configured across all components
  • CSS Grid with Subgrid, view transitions, and backdrop blur — no JS library required
  • TypeScript 5.8 throughout, free for personal and commercial use

All customization runs through shadcn/ui's CSS custom property system. Change colors, fonts, and spacing with a few edits in globals.css.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)