Skip to content

Pill buttons

Fully rounded buttons for chips, filters, toggles and the odd share count: outlined, solid, two-tone and glass. Copy the CSS, or the prompt that rebuilds one in your AI coding tool.

B 015Rose outline pill

B 017Classic pill

B 018Two-tone pill

B 019Pill with ring

B 021Pill shrink-on-press

B 022Capsule with dot

B 032Frosted glass pill

B 034Glass with glow edge

B 036Glass segment tab

B 042Soft pill accent

B 045Neo-brutal pink pill

B 059Center bloom

B 075Sheen on gold pill

B 083Three-dot loader

Notifications

B 086Switch toggle (checkbox)

B 087Toggle pill (pressed state)

B 101Conic ring spin

B 106Neon pulse cyan

B 109Ember breathing

B 112Liquid pill wobble

B 113Lava lamp interior

B 118Tracking reveal

B 122Magnetic pull

B 129Glass dome key

B 131Clay bubble

B 136Aurora drift

B 139Holographic foil

B 145RGB split hover

B 147Inset fill vertical

B 160Puffy sticker outline

Design

B 161Chip close soft

React

B 162Chip close outline

Remote

B 163Chip selectable check

Jane Doe

B 165Chip avatar close

B 167FAB extended

B 176Sparkle AI gradient

B 178Sparkle orbit

B 180Sparkle magic wand

B 185Countdown drain

B 186Share pill icon

B 190Share count pill

B 195Micro pill

Nearby shelves: outline buttons, gradient buttons, icon buttons.