CortexcnCortexcn

Portfolio

A one-page portfolio for developers and designers_

Download free
example.com
The full Portfolio page on a desktop
The Portfolio template on a desktop

Scroll inside the frames to see the whole page.

What's inside

  • Every name, link, project, and quote comes from one file, config/site.ts.
  • Hero stickers visitors can drag around, and a statement that lights up as you scroll.
  • A contact form that posts to any form service, or opens the visitor's email app.
  • Light and dark mode, a mobile menu, and support for reduced motion.
  • Share image, sitemap, and robots file generated from your details.
  • Set up for the shadcn CLI, so any Cortexcn component installs in one command.

Sections

  • Hero
  • About
  • Services
  • Projects
  • Testimonials
  • Writing
  • Contact

Built with

  • Next.js 16
  • React 19
  • Tailwind CSS 4
  • Motion
  • TypeScript

Get started

  1. 1

    Download and unzip

    You get a cortexcn-portfolio folder with the whole project inside.

  2. 2

    Install and run it

    Use pnpm, npm, or any package manager you like.

    cd cortexcn-portfoliopnpm installpnpm dev
  3. 3

    Make it yours

    Put your name, links, projects, and quotes in config/site.ts, then swap the covers in public/projects and public/posts.

  4. 4

    Deploy

    Push the folder to GitHub and import it on Vercel. No environment variables are needed.

Free under the MIT license. Use it for yourself or your clients and change anything you like.