finds.dev← search

// the find

ForrestKnight/3d-portfolio

★ 337 · JavaScript · updated Jul 2024

Showcase of Website Build: https://youtu.be/f_ZxgQQ74Lc and Tutorial: TBD

A personal developer portfolio site built with React, Three.js, and Framer Motion, featuring a 3D parallax space scene. It's ForrestKnight's own portfolio turned into a public template — good for developers who want a visually impressive starting point and are comfortable forking someone else's personal branding.

The Three.js integration is well-structured, with the spaceman 3D model and parallax layers split into clean separate components. Vite keeps the build fast and the toolchain modern. The GitHub Actions workflow for deployment is already wired up, so you're not starting from scratch on CI. Framer Motion animations are used tastefully — entrance transitions rather than gratuitous effects.

This is someone's personal portfolio, not a reusable template — all the content (projects, bio, experience) is hardcoded in `src/data/index.js` and you're basically doing a find-and-replace on another person's identity. The author openly admits the parallax breaks on window resize and has no plans to fix it, which is a significant visual flaw for something whose entire pitch is the parallax effect. No TypeScript, no tests, no accessibility considerations — this is a demo, not production code. Last commit in mid-2024 and the README still says 'Tutorial: TBD', so don't expect ongoing maintenance.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →