Skip to content
All effectsAI & Agents

Source Fan

A stack fans out when the answer is backed by sources.

Pure CSSAI & AgentsPro

Usage

Meant for

Chat Source

Examples

On a Chat Source

Citations fanning out of a stack. The spread and the tilt both come from the same index, so adding a fifth source needs no new CSS — only a fifth child. --wm-spread sets the step: 128px here, so the four Chat Source chips end side by side (64px on a phone, where they overlap).

The class is wm wm-source-fan — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.