9,000 particles that spring between a sphere, a word and a torus knot.
WebGL and 3D effects
Hero pieces that make people stop scrolling: thousands of particles morphing between shapes, a drop of liquid chrome drawn by a shader.
A drop of liquid chrome drawn live by a WebGL shader.
These effects run on the GPU and slow down for visitors who have Reduce Motion turned on. Use one as the hero of a landing page or behind a sign-up form.
You get the React component and a standalone HTML file, with comments on the numbers worth tweaking.
Want all of them? The Shelf has every component in the catalogue for $29, once.
Questions
- Do I need Three.js?
- Particle Morph uses Three.js. Liquid Metal is a WebGL shader with no library at all. Each download lists what it needs.