We use cookies to understand how the site is used and to display ads. Analytics and advertising only run after you accept. You can change your choice anytime. Privacy policy

Skip to content
devvkit

devvkit / generators

Portfolio Generator

Generate a complete developer portfolio site and GitHub profile README from one form: live preview, zero signup.

>[identity]About you

PNG/JPG under 2 MB

>[projects]Projects 2/5
PROJECT 01
PROJECT 02
>[export]Download your portfolio

Everything runs in your browser: no data leaves your device. Host the HTML on GitHub Pages, Netlify, or Vercel.

>[preview]Live preview
your-name.dev
Y

Your Name

Your Role

> Contact

© 2026 Your Name

>[how-it-works]Deploy it anywhere

portfolio.html

A single self-contained file: inline CSS, no external dependencies, works offline. Open it, and it just works.

profile-readme.md

A GitHub profile README with badges, skills, projects table, and social links. Drop it in your repo named after your username.

Go live

GitHub Pages: Settings → Pages → upload folder. Or drag the HTML onto Netlify / Vercel drop zones for a live URL in seconds.

share this tool

related tools

GitHub Profile Analyzer
Analyze your GitHub profile and get an industry-grade score with exact, prioritized fixes and copy-paste templates.
Code Screenshot
Turn code into shareable PNG screenshots with themes, line numbers, and chrome.
Favicon Generator
Generate favicon.ico, PWA icons, apple-touch-icon, and manifest files from one image.
Open Source License Picker
Pick the right license for your project with a goals-based decision wizard.

Turn one form into a complete developer portfolio: a self-contained portfolio.html you can deploy anywhere, plus a GitHub profile README with badges, skills, and projects. Live preview as you type, zero signup, all data stays in your browser.

>[x]Features
  • -Live portfolio preview with desktop and mobile modes
  • -Self-contained single-file HTML with no external dependencies
  • -GitHub profile README with badges, skills table, and projects
  • -Projects section with live links and source links
  • -Photo upload embedded as a data URL
  • -One-click downloads: nothing is uploaded anywhere
>>Use Cases
  • >Building a portfolio site in minutes before a job application
  • >Generating a GitHub profile README without writing markdown
  • >Creating a personal landing page for a hackathon or event
  • >Replacing an outdated portfolio with a clean, deployable page

Frequently Asked Questions

>Do I need to sign up to use it??
No. Everything runs in your browser: no account, no email, no tracking. Your data never leaves your device.
>Where can I host the generated portfolio.html??
Anywhere static files are served: GitHub Pages (Settings → Pages → upload the folder), Netlify or Vercel (drag and drop), or your own server. The file has no external dependencies, so it works from any host: even file:// locally.
>What does profile-readme.md do??
It generates a GitHub profile README with your name, badges, tech stack table, projects table, and social links. Create a repository named exactly like your GitHub username and place the file in it as README.md: it renders on your profile page.
>Can I use my own photo??
Yes: upload a PNG or JPEG under 2 MB. It is embedded directly into the generated HTML as a data URL, so your portfolio stays a single portable file.