DEV Community

Cover image for I Built an AI 3D WebGL Portfolio Generator That Gives You Full Source Code Export
Abdul Aziz Nooruddin
Abdul Aziz Nooruddin

Posted on

I Built an AI 3D WebGL Portfolio Generator That Gives You Full Source Code Export

Hey everyone! šŸ‘‹

Like many developers, I noticed a frustrating tradeoff when creating a technical portfolio:

  1. Option A: Spend 40+ hours coding a custom website from scratch and maintaining it whenever you finish a new project.
  2. Option B: Use generic website builders that give you flat 2D templates, charge high monthly fees, and lock your code inside proprietary walled gardens.

To solve this, I built MyFolio — an AI-powered 3D spatial portfolio generator that transforms your GitHub repositories and PDF resume into an interactive 3D WebGL website in under 60 seconds, with 100% standalone source code export.


⚔ What Makes MyFolio Different?

1. šŸš€ Zero Vendor Lock-in (Full Source Code ZIP Export)

Unlike closed website builders, you own your code completely. Every build allows you to download a standalone, production-ready ZIP package containing clean HTML, CSS, Three.js shaders, and assets. You can self-host it on Vercel, Netlify, Cloudflare Pages, AWS, or GitHub Pages.

2. 🌌 GPU-Accelerated 3D WebGL Spatial Worlds

Instead of flat cards, MyFolio renders interactive 3D spatial environments powered by Three.js and GSAP:

  • Jack 3D Creator: Spatial developer workspace with continuous inertia scroll and holographic nodes.
  • Kage Kyoto Temple: Interactive Shinto mountain sanctuary with 3D Torii gates and WebGL lighting.
  • Nadia Brand: Minimalist executive world for technical founders and advisors.

3. šŸ”„ Live GitHub Webhook Auto-Sync

Your portfolio never goes stale. Whenever you push new code or release a repository on GitHub, MyFolio automatically synchronizes your commit activity, tech stack, and case studies.

4. šŸ“„ Multimodal AI Resume & Repo Synthesis

Drop your PDF resume or enter your GitHub username — our multimodal AI pipeline extracts your key systems projects, categorizes your tech stack, and synthesizes technical case studies automatically.


šŸŽ® Live Demo & Try It Out

You can explore live demo templates or generate your own 3D portfolio with 3 free builds every week:


šŸ’¬ Feedback Welcome!

I’d love to hear your thoughts:

  • What 3D environments or visual themes would you love to see next?
  • What features would make this even more useful for your workflow?

Drop your feedback and thoughts below! šŸ‘‡

Top comments (0)