Pixel Assembly

A dense field of modular pixels gathers into live typography and loosens around the pointer without sacrificing the word silhouette.

• Identity studies
• Title treatments
• Type-led campaign moments

• Text-mask sampling gives every pixel a stable home inside the live word
• Spring integration lets the field loosen locally and rebuild without a reset
• Density-aware budgets preserve the silhouette on compact canvases
• Pixel shape, scatter radius, and cursor pressure tune independently
• Every live control maps to the component's own motion and rendering contract
• The protected source is a complete portable React and CSS implementation

Adaptive sampling, capped DPR and visibility-based suspension keep the renderer predictable. Test density on low-power mobile hardware before increasing it.

Pointer and touch coordinates are container-scoped; offscreen renderers stop work and pixel ratio is capped.

The visual canvas is decorative by default. Pair it with a semantic heading or description, and reduced motion holds a stable rendered frame.