Motivd
AboutCase studiesDocs
PricingSecurity
← Back to dev news
Pixel bloom replaces Lottie in the AI agent chat — lighter, more on-brand
Article visual
May 4, 2026[BUILDER]Builder Polish

Pixel bloom replaces Lottie in the AI agent chat — lighter, more on-brand

We swapped the AI agent chat’s Lottie loader for a pure CSS pixel bloom — per-dot beat-frequency drift for an organic feel, and periodic hex + Star of David shape reveals that nod to the brand heart.

This week the builder’s waiting state got quieter and more deliberate. The AI agent chat used to lean on a Lottie animation while the model thought; we replaced it with a hand-tuned pixel bloom that lives entirely in CSS, ships no JSON payload, and stays crisp at any size.

Three commits landed on main behind the change. First, the Lottie dependency came out and a pixel grid took its place in the agent chat. A follow-up refined the bloom: each dot now has its own 2.2–3.6s duration plus ±280ms wave-delay jitter, the keyframes use cubic-bezier(0.37,0,0.63,1) for a sinusoidal rise and a slow fall, and a new --bloom-dur CSS custom property is wired per dot. The third commit layers two stamped reveals on top — a hexagon outline at 57–70% of an 18s cycle and a Star of David at 77–91% — composed cleanly through the opacity channel so the bloom colour and glow keep doing their job.

For founders watching the agent work, the surface is calmer and the brand language carries through to the smallest moments. For us, it’s one fewer runtime dependency and one more piece of motion we own end-to-end — the same approach that already made the rest of the builder feel native.

// community_feedback

Should we build this?

Related resource →