3D and WebGL
Real-time 3D on the web: Three.js tools, shaders, particles and scenes you can orbit. Use these when a flat page is not enough and you want depth, light and objects people can play with.
11 references · Updated
Canvas UI3D & WebGLDot-matrix, glitch and scanline effects you apply to ordinary HTML cards and text.
Particles Casberry3D & WebGLPick one of 20+ 3D particle swarms (sphere, spiral, torus) and export it as Three.js or React.
Spline3D & WebGLInteractive 3D scenes with states, events and physics, built in the browser and embedded in a site.
Three.js3D & WebGLThe base library behind browser 3D, with a wall of example projects, docs and an online editor.
vgpu3D & WebGLA small WebGPU library: init, make a surface, then run a WGSL shader over a canvas.
Liquid Logo3D & WebGLUpload a logo and get it as liquid chrome, with presets like noir, stripes and backdrop.
Shader Gradient3D & WebGLMoving 3D gradients with grain, set by shape, color and motion, for React, Framer and Figma.
ContentCore3D & WebGLA start screen with 3D mockups, motion templates, icons and text logos, exported as image or video.
React Three Fiber3D & WebGLBuild a Three.js scene as reusable React components that react to state.
Shaders3D & WebGLShader effects packaged as components for React, Vue, Svelte and Solid, plus a visual editor.
Tripo3D & WebGLUpload an image or type a prompt and get a 3D model you export as GLB, FBX or OBJ.