What the Frontend? Open the interactive gallery →
3D & WebGL

Particle system

Thousands of small points in space — forming shapes, flowing in fields, or reacting to interaction.

What you're seeing

A cloud or field of tiny particles that move, form shapes, or respond to cursor movement.

Where you'll see it

Hero backgrounds, data visualizations, loading screens.

Difficulty

Advanced — 5/5

Libraries that build it

Three.jsReact Three FiberGSAP

From the toolbox

Three.jsThe reason the browser does 3D at all. Every drivable world and scroll-through bookshelf in this gallery starts here.

Ready to prompt — paste this into your AI coding tool

"Create a Three.js Points geometry with [N] vertices, animate with simplex noise field, map movement to time uniform in the shader"

Related 3D & WebGL effects

Floating 3D objectShader distortion3D textWebGL image hoverNoise terrainFluid simulation
See the animated preview in the dictionary →