Three.js Marketplace
Three.js Marketplace
Kickstart your Three.js and React Three Fiber (R3F) projects with our free and premium components themes and tools. Designed for freelancers, developers, and agencies, each product includes essential features to get you up and running quickly.
Web Development
Help with your project?
Custom Three.js, WebGL, and WebGPU development — from product visualizers to interactive 3D websites.
Links
Featured Badge
Add this badge to your website to show you are featured on Three.js Resources.
Description
A three.js toolkit for drawing metallic shapes, you can draw on canvas or directly on mesh. It uses SDFs and heavy laplacian smoothing to create the iconic look.
Supports freehand strokes and b-splines with radial symmetry. You can use the demo to download your generated shapes or use the library for runtime generation inside your app.
Drawing
One canvas with freehand and curve tools. Freehand shows a live chrome preview while dragging. Curves are editable B-splines: place points, close at the first point or commit with double-click / Enter, drag a point to reshape, and drag its ring for variable width. Click any stroke or press Tab to select it; Delete/Backspace removes the selection.
Paint on Mesh
Same Freehand/Curve tools on a built-in or imported GLB. Symmetry/mirror are per-stroke. Output is a welded volume or displaced surface patch. Conform pulls the band into the mesh along the normal; Manual meshing keeps per-stroke meshes.
Sponsors
Related Resources
Mattercraft
Mattercraft is a visual editor perfected for building interactive 3D, AR, VR and WebXR experiences.
Objectverse Converter
Optimise your 3D assets for Spatial Web, Gaming, AR/VR experiences
X3JS
We ❤️ Three.js and X3JS is a browser-based game engine built on Three.js
lil-gui
Makes a floating panel for controllers on the web. Works as a drop-in replacement for dat.gui.