A curation of awesome portfolio ideas for developers and designers to draw inspirations when they decide to create their own. Want to add yours or someone else's, feel free to raise a PR to add them. Inspired by clone Wars, 30 web developer ideas to inspire you, and my personal struggles :).
Read about how this project started: Portfolio Ideas - An open-source repository for inspiration
Author | Screenshot | Live URL | Repo | Tech Stack |
---|---|---|---|---|
Victor Eke | ![]() |
victoreke.com | GitHub | HTML, CSS, JavaScript |
Kent C. Dodds | ![]() |
kentcdodds.com | GitHub | React, TypeScript, Remix, Prisma, Redis, Postgres, CSS |
Brittany Chiang | ![]() |
brittanychiang.com | GitHub | React, Gatsby, Styled-components |
Braydon Coyer | ![]() |
braydoncoyer.dev | GitHub | React, TypeScript, NextJS, Tailwindcss, Notion API, Supabase |
Tania Rascia | ![]() |
taniarascia.com | GitHub | React, Gatsby, CSS, Netlify, NodeJS |
Jemima Abu | ![]() |
jemimaabu.com | GitHub | HTML, CSS, JavaScript. |
Rekhchand Sahu | ![]() |
rekhchandsahu.com | None | React, Gatsby, Preact, GSAP |
Olaolu Olawuyi | ![]() |
olaolu.dev | GitHub | VueJS, JavaScript, HTML, styled-components, Sass |
Thang Huu Vu | ![]() |
thvu.dev | GitHub | React, NextJS, NodeJS, TypeScript, GraphQL, Tailwindcss |
George Francis | ![]() |
georgefrancis.dev | None | GSAP, Netlify, HTML, CSS, JavaScript |
Aditya Vikram | ![]() |
people.umass.edu/avsingh | GitHub | HTML, CSS, JavaScript |
Adeola Adeoti | ![]() |
adeolaadeoti.xyz | GitHub | TypeScript, GSAP, NodeJS, NextJS, SCSS |
Dejan Markovic | ![]() |
dejan.works | None | HTML, CSS, JavaScript, Jquery |
Jack Jeznach | ![]() |
jacekjeznach.com/ | None | jQuery, PHP, GSAP, MySQL |
Max Böck | ![]() |
mxb.dev | GitHub | Eleventy, SCSS, Nunjucks |
David Darnes | ![]() |
darn.es | None | Netlify, Jekyll, ETC |
Schulz Daniel | ![]() |
iamschulz.com | GitHub | Hugo, Shell, JavaScript |
Rafael Conde | ![]() |
https://rafa.design | GitHub | Nunjucks, JavaScript, CSS |
Bruno Simon | ![]() |
bruno-simon.com | Github | GSAP, ThreeJS, JavaScript, ETC |
Oluwadare Oluwaseyi | ![]() |
seyi.dev | GitHub | HTML, SCSS, JavaScript, GSAP |
Jason Lengstorf | ![]() |
jason.af | GitHub | JavaScript, TypeScript, Nunjucks, CSS |
Deidre Driscoll | ![]() |
deidredriscoll.com | None | HTML, JavaScript, CSS, GSAP |
Chris Porter | ![]() |
madebyporter.com | GitHub | HTML, Slim, Ruby, SCSS, Shell, JavaScript, CSS |
Louis Hoebregts | ![]() |
mamboleoo.be | None | PHP, Parcel |
Adrien Gervaix | ![]() |
adriengervaix.com | None | HTML, CSS, JavaScript |
Aaron Shapiro | ![]() |
aaron.mn | GitHub | React, Gatsby, Styled Components, Netlify |
Peter Tait | ![]() |
petertait.com | GitHub | React, Webpack, Radium, Netlify |
Rick Waalders | ![]() |
rickwaalders.com | None | NextJS, React, NodeJS, GSAP, Webpack |
Community Pro | ![]() |
cpro-portfolio-html | Github | HTML, CSS, JavaScript |
Ahmed Zougari | ![]() |
ahmedzougari.com | GitHub | HTML, SASS, Bootstrap, JavaScript, Vite |
Raj Savaliya | ![]() |
rajsavaliya.com | GitHub | NextJS, React, TypeScript, Tailwind CSS |
Israel Mitolu | ![]() |
israelmitolu.netlify.app | GitHub | HTML, SASS, Javascript, GSAP |
Saikat Roy | ![]() |
saikatroy.netlify.app | GitHub | HTML, CSS, Bootstrap, JavaScript, jQuery |
Anand Baraik | ![]() |
anandbaraik.github.io | GitHub | HTML, CSS, React.js |
Nirban Chakraborty | ![]() |
nirban-chakraborty.netlify.app | GitHub | ReactJs, JavaScript, SASS, HTML |
Benaiah Alumona | ![]() |
benrobo.vercel.app | GitHub | Reactjs, TailwindCss, Next.js, Emailjs, BaayMax |
Md Nayeem Hossain | ![]() |
nayeemdev.github.io/ | GitHub | HTML, CSS, Bootstrap, Javascript, jQuery |
Sachin Chaurasiya | ![]() |
sachinchaurasiya.dev | None | HTML, CSS, JavaScript, ReactJs, Material UI |
Anish De | ![]() |
anishde.dev | GitHub | Next.js, TypeScript, Tailwind CSS, Content Layer |
Shourya Shikhar Ghosh | ![]() |
shourya.vercel.app | GitHub | Flutter |
Omar Sherif Ali ~OSA | ![]() |
osa-portfolio.vercel.app | GitHub | ReactJs, JavaScript, CSS, HTML |
Robby Leonardi | ![]() |
http://www.rleonardi.com/ | None | NextJS, React, NodeJS, GSAP, Webpack |
Serdar Gökhan | ![]() |
serdargokhan.dev | GitHub | NextJS, TypeScript, TailwindCSS |
Jeferson Brito | ![]() |
https://www.jefersonsilva.me/ | GitHub | Vue 3.0, Vite |
Trịnh Minh Nhật | ![]() |
https://trinhminhnhat.com | None | React, Tailwindcss |
Yunus Ertürk | ![]() |
yunuserturk.com | None | HTML, CSS, React, NextJS, |
Phong Nguyen | ![]() |
napthedev.com | Github | Nextjs, Tailwind, Framer-motion, Locomotive-scroll |
Ismael López | ![]() |
ismaellopez.dev | None | Svelte, JavaScript, CSS, HTML, Netlify CMS |
Micah Lindley | ![]() |
micahlindley.com | GitHub | Vue 3, Vite |
Tri Dang | ![]() |
tri-dang.github.io | GitHub | Ruby, Jekyll, Markdown |
Reza Ghasemzadeh | ![]() |
rezaghz.com | None | HTML, CSS, Bootstrap,Javascript, Blade |
Ariful Alam | ![]() |
arifszn.github.io/gitprofile | GitHub | React, Vite, Tailwind CSS |
Haythem Lazaar | ![]() |
portfolio-2022-blond.vercel.app | GitHub | HTML, SASS, JavaScript |
Dale Larroder | ![]() |
dalelarroder.com | GitHub | NextJS, Preact, TypeScript, Tailwind, MDX |
Williams Samuel | ![]() |
williamssam.netlify.app | GitHub | HTML, CSS, Javascript |
Guillaume Gouessan | ![]() |
guillaumegouessan.com | GitHub | GSAP, ThreeJS, JavaScript |
Patrick Heng | ![]() |
patrickheng.com | None | Nuxt.js, GSAP, ThreeJS |
Andrew Baisden | ![]() |
andrewbaisden.com | GitHub | HTML, CSS, TypeScript, ReactJS |
Aziz Rahman | ![]() |
azizstark.com | Github | React, Gatsby, Styled-Components, SCSS, AnimeJS |
Leonel Ngoya | lndev.me | GitHub | HTML, CSS, JavaScript | |
Jimmy Soussan | ![]() |
cozy-codeur.fr | Github | React, Gatsby, Chakra UI, Framer Motion |
Segun Ajibola | ![]() |
segunajibola.com | Github | HTML, CSS, TailwindCSS, React, SwiperJS |
Hisami Kurita | ![]() |
hsmkrt1996.com | Github | Vue.js, Nuxt.js, SCSS, ThreeJS, GSAP, ASSCROLL, imagesLoaded |
Dennis Snellenberg | ![]() |
dennissnellenberg.com | None | GSAP. JQuery, PHP, VueJS |
Isaac Fayemi | ![]() |
fayemi.design | None | Vanilla JS, pug, Prismic CMS, SCSS, ThreeJS, GSAP |
Bhavin Virani | ![]() |
bhavinn.xyz | Github | HTML, CSS, JS, React.js, Github API |
Patrick Scott | ![]() |
pscott.io | None | React.js, Heroku and Github Pages |
Lazar Nikolov | ![]() |
nikolovlazar.com | Github | Next.js, Chakra UI, MDX, Prisma, PlanetScale |
Reuben Rapose | ![]() |
reubence.com | GitHub | HTML, TailwindCSS, React, Javascript, Next.JS, MDX, Mailchimp Newsletter, Gisqus Comments, etc. |
M. Shahanwaz | ![]() |
mshahanwaz.me | GitHub | HTML, CSS, JavaScript, React, Next.js, Nodemailer |
Lee Robinson | ![]() |
leerob.io | GitHub | Next.js, PlanetScale, Prisma, Vercel, Sanity, Tailwind CSS |
Parth Desai | ![]() |
musing.vercel.app | GitHub | TailwindCSS, React, Javascript, Next.JS, MDX, Mailchimp Newsletter, Gisqus Comments |
Victor Ikechukwu | ![]() |
iamvictor.tech | None | Next.js, Tailwind CSS, React Rough Notation, Vivus, Netlify |
Usman Sabuwala | ![]() |
usman-s.me | GitHub | NextJS, Chakra UI, Framer Motion |
Zacky Aduoli | ![]() |
lookupzach.netlify.app | None | ReactJS, Material UI, SCSS, Styled Components |
Payton Pierce | ![]() |
paytonpierce.dev | GitHub | ReactJS, Material UI |
Jacob Valdez | ![]() |
jacobfv.github.io | GitHub | HTML, Jekyll |
Jasmeet Singh | ![]() |
jasmeetsinghbhatia.github.io/resume | GitHub | HTML, CSS, JavaScript |
Walter Teng | ![]() |
walterteng.com | GitHub | React, Typescript, Gatsby, Netlify |
Jahidul Islam | XahidEx.com | None | Typescript, NextJs, TailwindCSS, Prisma, Contentlayer, React | |
Greg Sithole | ![]() |
gregsithole.com | GitHub | HTML, CSS, React.js |
Rohit Saini | ![]() |
rohit-saini | None | ReactJs, CSS, GSAP, Framer Motion |
Oscar Barajas | ![]() |
gndx.io | GitHub | HTML, TailwindCSS |
Phillip Cabrera | ![]() |
Portfolio | GitHub | HTML, CSS, JavaScript, Webpack, ReactJs |
Nahuel Carrizo | ![]() |
Portfolio | GitHub | HTML, CSS, JavaScript, React, Webpack, Github Pages |
Alfaizkhan Pathan | ![]() |
Portfolio | GitHub | Flutter, Dart, Github Pages |
Jatin Kamboj | jatinkamboj.me | None | HTML, CSS, JavaScript, GreenSock | |
Leonid Meleshin | ![]() |
leon0399.ru | GitHub | ReactJS, Tailwind, CSS, Vercel |
Brayden | ![]() |
braydentw.io | GitHub | React, NextJS, TailwindCSS |
Ben | ![]() |
nuro.dev | GitHub | React, NextJS, TailwindCSS |
Matthias Kretschmann | ![]() |
matthiaskretschmann.com | GitHub | React, Gatsby |
Hamish Williams | ![]() |
hamishw.com | GitHub | React, ThreeJS, NextJS |
Çağlar Turalı | ![]() |
turali.js.org | GitHub | React, TypeScript |
Pyae Sone | ![]() |
pyaesonepsn.github.io | GitHub | HTML, CSS, JavaScript |
Efren Martinez | ![]() |
efrencodes.com | GitHub | NextJS, TypeScript, TailwindCSS |
Eliaz LR | ![]() |
eliaz-lr.dev | None | Vue 3, Vite, TailwindCSS |
Hikmet C. Kufteoglu | ![]() |
hicaku.com | GitHub | Vue 3, Pinia, TypeScript |
Ara Oladipo | ![]() |
araoladipo.tech | GitHub | HTML, CSS, Javascript, Vue.js, Spline3D |
Anthony Fu | ![]() |
antfu.me | GitHub | VueJS, Markdown, TypeScript, CSS, HTML |
Timothy Lin | ![]() |
timlrx.com | GitHub | NextJS, MDX, TailwindCSS, JavaScript, SASS |
Ngô Phú Thịnh | ![]() |
thinhcorner.com | GitHub | NextJS, TailwindCSS, TypeScript, CSS |
Josiah B. Etuk | ![]() |
jobenetuk.dev | None | Vanilla JS, Node JS, Prismic CMS, SASS, GSAP |
Mohamuud Abshir | mhbaando.com | GitHub | NextJS, SCSS, TypeScript, Headless CMS (Strapi). | |
Stef Ivanov | ![]() |
stefivanov.com | None | WordPress, Yoast SEO, MailChimp, PWA, Google Analytics, Sumo. |
Erika Senft Miller | ![]() |
erikasenftmiller.com | None | Contentful, GSAP, LazySizes, PWA, Google Analytics. |
Ruben Kuipers | ![]() |
rubenkuipers.design | None | Vue.js, Nuxt.js, Tailwind CSS, scrollreveal, Google Tag Manager, Google Analytics |
Maggie Appleton | ![]() |
maggieappleton.com | Github | React, Next.js, MDX, Algolia Search, Reach UI, Tippy.js, Framer Motion, styled-components, Lodash |
Moe Dayraki | ![]() |
moe.dayrakiarts.com | Github | Vue 3, Vite, Cypress, Tailwindcss, Typescript, Pinia, Primevue, magic.css, VueUse |
Truong Phan | ![]() |
techika.com | Github | Vue 3, Vite, VuePress, Tailwindcss, Tailwind, Lighthouse |
Wasim Baig | ![]() |
wasimbaig.com | GitHub | Next JS, Tailwind CSS, Framer-Motion |
Mike Bifulco | ![]() |
mikebifulco.com | GitHub | NextJS, React, SCSS, MDX, Vercel |
Shodipo Ayomide | ![]() |
shodipoayomide.com | GitHub | Gatsby, React, SCSS, Bootstrap, Jquery |
Damian Watracz | ![]() |
watracz.com | None | HTML, CSS, JavaScript, Swiper |
Franklin Ohaegbulam | ![]() |
frankiefab.com | GitHub | HTML, CSS, JavaScript |
Samuel Akinosho | ![]() |
samuelakinosho.com | None | Webflow, Jquery |
Rutik Wankhade | ![]() |
rutikwankhade.dev | None | NextJs, React, NodeJS, TailwindCSS |
Adenekan Wonderful | ![]() |
codewonders.dev | None | React, NextJS, Styled-components |
Olamide Sholanke | ![]() |
olamide.dev | None | Vue, NuxtJS |
Daniel Ezekiel | ![]() |
danielezekiel.me | GitHub | HTML, CSS, JavaScript |
Julia Johnson | ![]() |
juliacodes.com | GitHub | React, Styled-components |
Rida F'kih | ![]() |
rida.dev | GitHub | React, NextJS |
Anand Baraik | ![]() |
anandbaraik-folio.netlify.app | GitHub | HTML, CSS. |
Abhishek Jha | ![]() |
abhishekjha.me | None | HTML, CSS, JavaScript, Ruby on Rails, GSAP |
Olamide Adeyi | ![]() |
olamideadeyi.com | None | Vue, NuxtJS, GSAP |
Greg Ives | ![]() |
gregives.co.uk | GitHub | Vue, NuxtJS, SASS |
Collins Enebeli | ![]() |
kadet.dev | GitHub | React, Gatsby |
Cole_Solomon | ![]() |
colesolomon.me | GitHub | HTML, CSS, SASS, JavaScript, GSAP, W3js, PHP |
Adewale Adeyemi | ![]() |
adexdev.netlify.app | GitHub | Gridsome, GraphQL, Tailwind. |
Harsh Singh | ![]() |
harshsingh.xyz | GitHub | NextJS, TailwindCSS, TypeScript, Prisma |
Wallace Nascimento | ![]() |
portfolio-srnascimento40.vercel.app | GitHub | NextJS, ReactJS, TypeScript, Styled-Components |
Idris Olubisi | ![]() |
idrisolubisi.com | GitHub | ReactJs, GatsbyJs, TypedJs, Styled Component |
Aycan Öğüt | ![]() |
aycan.dev | Github | React, Next, TypeScript, Mantine |
Manish Kumar | ![]() |
manishk.dev | Github | React, Next, TypeScript, ParticleJS, Firebase, Vercel |
Andrea Toffanello | ![]() |
andreatoffanello.com | None | VueJS, ThreeJS, GSAP, Blender |
Chandraprakash Darji | ![]() |
chandraprakash.codes | Github | Nextjs, Typescript, Tailwindcss, Vercel |
Khaled Mohamed | ![]() |
John Doe | None | HTML5, SCSS, Bootstrap5, JavaScript, SwipperJS, Netlify |
Michael Kolesidis | ![]() |
michaelkolesidis.com | GitHub | TypeScript, p5.js, Sass, Yarn |
Piyush Goyani | ![]() |
piyushgoyani.thesourcepedia.org | None | VueJS, Gridsome, TailwindCSS, Firebase |
Vanessa Santana | ![]() |
nessajs.com.br | GitHub | HTML, CSS, JavaScript and PHP |
Mahmoud Elkariouny | ![]() |
clear-sleet.surge.sh | GitHub | HTML, CSS, JavaScript |
Antonio Ayola | ![]() |
antonioayola.netlify.app | GitHub | React, HTML, CSS, Modules CSS, JavaScript, PWA |
Ajo Alex | ![]() |
devpenzil.dev | GitHub | NextJS, Tailwind, GraphCMS |
Do you have any portfolio you want to see added but you can't add it yourself? Just mention it in this issue and it will be picked up by the community. You can also raise a PR to add any of the portfolios suggested here as well.
As you build your portfolio we hope you get that job or achiveve what you want with it. Don't forget to star this project if you find it helpful. If you like this project and want to give back, consider buying me a coffee. I'll appreciate every cup. ☕
![bmc-button](https://user-images.githubusercontent.com/62628408/163418953-1d32bf9c-317b-44ca-b773-44e36140fc9d.png)
Thanks goes to these wonderful people. (emoji key):
Victor Eke 🚧 💻 📖 🐛 |
Israel Mitolu 💻 📖 |
Piyush Goyani 💻 📖 |
Franklin Ohaegbulam 💻 📖 |
This project follows the all-contributors specification. Contributions of any kind welcome!