Particle systems are usually treated as effects, something you bolt onto an interface for visual interest. I wanted to see what happens when the particles are the content: letters assembled from a dot grid, held briefly, then released.
The question driving this: can you tune the transition behavior along a single axis from chaotic to organic, and does that axis feel meaningfully different to someone interacting with it in real time?
The widget. Each word in the text input gets parsed into its own frame. Particles sample the letterforms via pixel scanning: the font renders offscreen to a canvas, the white pixels become target coordinates, and the dot cloud assembles toward them. Mouse movement repels nearby particles. They spring back when the cursor leaves.
Chaos vs. organic. At the chaos end: particles scatter on every transition with high velocity, and they breathe in formation (slight continuous jitter while stable). At the organic end: transitions are smooth re-targeting with no explosion, and settled particles hold precisely. The parameter tunes ease, friction, and transition force simultaneously. One slider, but it's touching the feel of the whole system.
Color. The slider runs grayscale to muted cool (desaturated blues, slates) to vibrant. The middle is intentionally where I wanted to spend time. The cool zone (steel blue, horizon gray, Nordic slate) is the most compositionally useful. The vibrant end assigns hues per-particle from a fixed palette: coral, teal, amber, violet, mint.
What I learned. The chaos/organic axis works. High chaos with vibrant color becomes disorienting fast. The particles look like they're malfunctioning, not forming. Low chaos with cool colors is close to meditative. The interesting design space is in the middle: slight chaos, desaturated palette. Enough motion to feel alive, not enough to feel broken.
The font matters more than I expected. Space Mono at 700 weight gives the cleanest particle density. The letterforms have enough mass to read as text even when the dots are spread apart during transitions.