Archive
2026 · Mar·demo·web-app·live

3D Playground

Interactive sandbox for Three.js and React Three Fiber experiments. Camera rigs, shaders, post-processing pipelines, all in one place.

Impact

Techniques battle-tested here before they land in a client build. Public so anyone can pull a recipe.

Tech Stack
ReactTypeScriptThree.jsReact Three Fiber

An interactive sandbox for Three.js and React Three Fiber experiments. Camera rigs, shader effects, post-processing pipelines, geometry generators. all in one place.

Overview

Real 3D work needs a fast feedback loop. This is the lab. Every technique gets tested here before it lands in a client project. The repo is public so anyone working in WebGL can grab a recipe.

What it does

  • Free-camera scene browser with reset and presets
  • Shader playground with live editor
  • Post-processing rack with toggleable effects
  • Geometry and material generators
  • Side-by-side comparison view

Highlights

  • Every technique here was used in a real client build first
  • Single repo, one deploy target. anyone can fork and try
  • Mobile-aware fallbacks where WebGPU is unavailable

Build something similar?

Related Work

Chat Analyzer Pro cover
DemoLive
2025

Chat Analyzer Pro

Privacy-first chat statistics. Drop in an export from WhatsApp, Messenger, Instagram, Telegram or Discord. every byte stays in your browser.

Next.jsReactTypeScriptD3
Business Metrics Dashboard cover
DemoLive
2025

Business Metrics Dashboard

Analytics dashboard template. KPI tracking, revenue waterfall, cohort retention, conversion funnel and customer LTV.

Next.jsReactTypeScriptRecharts
SVP Root cover
ClientLive
2026

SVP Root

Standalone WordPress site for a Swiss local political chapter. Custom branding on a Divi base, editorial layout, easy to update.

WordPressPHPDivi