Live, autosaving garden editor
- Press E to drop into edit mode, anywhere
- Click a plant in 3D to load its form
- Edits stream into the scene in real time
- Debounced autosave to a KV-backed API
Back to Projects
This portfolio
A portfolio that doubles as a procedural 3D garden. Every plant is grown live from an L-system, shaded with custom GLSL, and editable in the browser with an autosaving inline editor.
Role
Designer & Developer
Team
Solo
Year
2026
Live plant gallery
Each canvas is real, running in your browser right now. Drag to orbit, scroll to zoom, hit regenerate to roll a new seed.
4 generators · 100% procedural
Skills I developed
Procedural plant biology
- L-systems for 8+ species (fern, tree, vine…)
- Seeded RNG for reproducible hybrids
- Custom GLSL: painterly + crystalline shaders
- Every plant unique, none baked in
3D as the product
- The home page is a full R3F garden scene
- Bloom, post-processing, orbit controls
- Smooth-scroll, custom cursor, mini-game
- Mobile-safe fallbacks and lazy 3D hydration
Stack
Next.js 16React 19React Three FiberGLSL shadersL-systemsFramer MotionLenisVercel KVTypeScript