Overview Templates Showcase Documentation
New Devfolio v2.0 with Framer Motion

The GitHub-powered
developer portfolio.

A Node.js CLI tool that scaffolds a fully functional, stunning developer portfolio in one command. Fetches live data from GitHub to keep your site always up-to-date automatically.

➜ ~ npx create-devfolio@latest my-portfolio
? GitHub username: octocat
? Template: Modern Dark

✔ Fetched profile (14 repos, bio, avatar)
✔ Scaffolded files & Vite config
✔ Dependencies installed

Success! Created my-portfolio
Run: npm run dev

Everything you need for a modern portfolio

Built with the modern web stack to ensure your portfolio is fast, customizable, and always relevant.

Live GitHub Integration

Automatically fetches your public repositories, star counts, primary languages, bio, and profile picture directly from the GitHub API.

Multiple Templates

Choose from professionally designed, production-ready templates. From minimal single-page layouts to complex multi-page portfolios.

Tailwind CSS Styling

Fully styled with Tailwind CSS, making it incredibly easy to customize colors, typography, and layouts to match your personal brand.

Vite Powered

Built on top of Vite for lightning-fast HMR during development and highly optimized static builds for deployment.

Framer Motion

Optional Framer Motion integration for smooth page transitions, scroll animations, and interactive elements right out of the box.

Deploy Anywhere

Generates a standard static site that can be deployed for free to Vercel, Netlify, GitHub Pages, or any static hosting provider.

Zero to Portfolio in 60 seconds

No manual data entry. No complex configuration. Just run the command and deploy.

1

Run the CLI command

Execute the creation script via your terminal. It will prompt you for your GitHub username and preferred template.

2

Data is fetched automatically

Devfolio connects to the GitHub API, pulling down your pinned repositories, contribution stats, bio, and avatar instantly.

3

Customize and Deploy

Tweak the generated Tailwind classes or modify the React components. Push to GitHub and connect to Vercel for instant deployment.

Developer Avatar

Alex Developer

Full-stack engineer building tools for the modern web. Open source enthusiast.

React Node.js TypeScript
Ready to launch your portfolio?

Ship a live developer portfolio in one command.

Generate a production-ready site, pull in your latest GitHub data automatically, and customize it with templates powered by Tailwind, Vite, and optional Framer Motion.

Free, open source, and deploys in minutes.