Portfolio Ideas is an open-source GitHub repository that curates a large collection of real developer and designer portfolio websites, with live URLs, source repos, and tech-stack breakdowns for each entry.
What is Portfolio Ideas?
Portfolio Ideas is a curated list of portfolio website examples maintained by Victor Eke (GitHub: Evavic44). The repository takes contributions via pull requests and outputs a markdown table where each row shows the author, a screenshot, a live URL, a link to the source repository (when available), and the tech stack used. It runs entirely on GitHub and is inspired by Clone Wars and the Hashnode article "30 Web Developer Portfolios to Inspire You".
Key Features
- Curated portfolio table — The repository contains more than 100 portfolio entries, each with author name, screenshot, live demo URL, repository link, and tech stack.
- Tech stack metadata — Every row lists concrete tools and frameworks, such as Next.js, React, Gatsby, Vue, Svelte, Three.js, GSAP, Tailwind CSS, and styled-components, making it easy to compare approaches.
- Live demos and source code — Each entry links directly to the deployed portfolio site and, where available, its GitHub repository for code inspection.
- Community contributions — Anyone can add a new portfolio by raising a pull request that follows the CONTRIBUTING.md guidelines.
- Contributor recognition — The project uses an all-contributors badge to publicly acknowledge everyone who adds to the list.
- Single-file format — The entire catalog is a searchable markdown table, which makes scanning and comparing portfolios straightforward.
Who is it for?
- Developers building a personal website — browse dozens of real portfolio examples to choose a design direction, layout, and tech stack.
- Designers looking for layout inspiration — see how other designers structure projects, about sections, and contact areas.
- Job seekers — identify portfolio patterns that effectively present experience and project work to recruiters.
- Open-source contributors — add your own portfolio or someone else's to the list and earn recognition via the contributors badge.
Use cases
- Web developers: evaluate portfolios built with React, Next.js, Gatsby, Vue, and Svelte to inform your own framework choice.
- Creative developers: study interactive portfolios that use Three.js, GSAP, and WebGL for animated experiences.
- Content creators: explore blog-style portfolios that integrate headless CMS tools like Sanity, Prismic, and Netlify CMS.
- Contributors: submit a pull request to grow the list, following the contribution guidelines in the repository.
How does it work?
Browse the table to find portfolios of interest, click the live URL to visit the deployed site, and open the GitHub link to inspect the source code. To add an entry, read the CONTRIBUTING.md guidelines and create a pull request that includes the author, screenshot, live URL, repository, and tech stack.
FAQ
Is Portfolio Ideas free?
Yes, Portfolio Ideas is completely open source and free to browse on GitHub. There is no cost to view the list or to contribute your own portfolio.
How can I add my portfolio to the list?
Read the CONTRIBUTING.md guidelines in the repository, then raise a pull request that includes the portfolio author, screenshot, live URL, repository link (if available), and tech stack. The maintainers review and merge valid contributions.
What tech stacks are featured?
The list includes portfolios built with React, Next.js, Gatsby, Vue, Svelte, Hugo, Jekyll, Eleventy, and animation libraries such as Three.js and GSAP, along with styling systems like Tailwind CSS and styled-components.
Who maintains Portfolio Ideas?
Portfolio Ideas was created and is maintained by Victor Eke (GitHub user Evavic44). The repository has amassed over 6,000 stars as of the source page.
Alternatives
- Clone Wars — a similar open-source curation, but focused on clone implementations of popular apps rather than personal portfolios.
