R3FSketchMaterial
A free web demo — play it in your browser, no install. Hand-drawn ballpoint sketch material for React Three Fiber
Vote and save it — continue with GitHub or sign in free
Made this, @abhishekmill? See how many people played it → or use email
GitHub asks to share your profile and email with us. We never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
A hand-drawn ballpoint look for React Three Fiber. Any mesh gets scribbled hatching that follows the light, wobbly pen outlines that overshoot the corners, and a hatched cast shadow, all drawn in the shader with no textures or post-processing.
denser in the mid-tones, a second direction in the shadows
sweeps back and forth in a zig-zag, and some of the turnarounds curl into small loops. The pattern is projected triplanar in object space, so it sticks to the model at any scale.
silhouette, plus edge strokes built from EdgesGeometry with a seeded wobble.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
3d web pack
Claude Code pack for building award-style 3D/WebGL websites — 6 agents + 4 skills (Three.js, R3F, WebGPU, GSAP) + live demo.
allanhert portfolio
Personal site and WebGL Lab — Next.js, Three.js and custom GLSL: GPU reaction-diffusion, SDF raymarching, dithered shaders.
webgl
Real-time 3D for the browser — Three.js, hand-written GLSL, 3D product configurators
- jungle trail A fully procedural first-person jungle in Three.js. Zero external art assets - every texture, mesh and sound generated in code.
Sky Shader
:sunny: WebGL sky and sun shader editor. Interactive procedurally generated sun and skies. Run it in your browser. This extends code from my Ludum…
life of cube
🦠 A cool Three.js and WebGL practice. A free web demo you can play in your browser right now, no install.
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
