Live preview Avatars
Bloom Expanding Capsule Avatar
The circular capsule stretches into a full name plate as the pointer enters it.
#capsule CSS effects
2 free, pure-CSS effects match the "capsule" tag. Each is copy-ready and needs no library or build step.
Live preview Sliders
Slate Pill Slider
A thick slate capsule rail where a violet fill tracks the pale pill handle.