AI overview

Six agent interface pieces: chat, reasoning, tool, search, context and attachments.

They're demos

The AI pieces show the interface of an agent at work: each one is a timeline that plays when it enters the viewport, for up to 3 cycles, and stops in its final state. Hovering or focusing inside pauses it. With reduced motion, it opens straight at the end.

For a real chat, copy the block markup and wire up your own state. The logic shouldn't depend on data-u="ai-*".

The shell

They all use the same card: u-ai-card outside, u-ai-card__panel with the data-u, role="group" and aria-label, and u-ai-tile for the tiles. The card text goes in u-ai-card__text.

curl -fsSL unslop.leallabs.dev/i | sh -s add ai-chat ai-tool