AI & Agents
20 effects for the ai & agents family · every one loops · pure CSS unless a card says otherwise
The previews are open to everyone; the code of these effects comes with WunderUI Core and Pro.
The correct idle indicator for a system that is thinking rather than loading. A spinner says wait; this says alive.
Rows fade in as they enter the scroller and out as they leave. Both ends from one view() timeline.
offset-rotate: auto turns the marker to face along the path. That is what a translate can never do.
A prompt box an agent is about to receive: a gradient rim that keeps travelling round it, a turning orb, letters that arrive softly and a line sweeping the bottom edge while it sends.
A highlight passing over text that never dims. Gleam clips a gradient into the glyphs and dips the base colour with it; this one leaves the text at full contrast and adds light on top, which is the difference between decoration and a status you still have to read.
The phrase swaps on one clock while the shimmer runs on another. Two independent timers on the same element is what stops it looking like a single scripted loop.
The typing indicator. The dots must not all reach the top together; the offset is the whole effect.
An activity glyph, the verb, and a running clock. The clock is two columns of digits on steps() timers, ten seconds and sixty; a real elapsed counter past a minute needs a few lines of JavaScript, this one does not.