Skip to board
Pill.
Everything, as it runs. Hover a tile to play it, press space to look closer.
Start from
Compare these components
Choose by behavior and layout, then check the available frameworks and access requirements on each component page.
- Amber upload pill
A warm gradient upload pill with a bright rim that widens its coloured cast and lights the label from behind on hover.
- Arrow to label pill
A round chevron button that stretches into a wide labeled pill on hover, trading the mark for a word as the flat fill becomes a two-stop ramp.
- Bevel press pill
A dark bevelled pill with a recessed round chip on its end that sinks into the surface when pressed.
Open the full index
- Amber upload pill
- Arrow to label pill
- Bevel press pill
- Bubble burst menu
- Camera flash pill
- Count badge cluster
- Dark Pill Sign In
- Draining fill button
- Expanding icon pill
- Expanding icon pill
- Floating download pill
- Follow count swipe
- Gap stretch arrow button
- Edge light pill
- Grounded download pill
- Hairline Tone Badge
- Invert on hover pill
- Rolling Label Button
- Liquid wave button
- Orbiting rim light button
- Overshoot icon button
- Rocking archive tint pill
- Rocking icon CTA
- Settling shadow button
- Share row lift
- Sliding fill send pill
- Speaking glow button
- Stacked shell sign in
- Streak border button
- Swelling pill button
- Swelling pill add button
- Traveling border pill
- Traveling underglow pill
- Travelling knob follow button
- Wipe fill button
Tags
3D (7)Administration (6)Ambient (18)Analytics (8)Animated (21)Area (9)Arrow (10)Avatar (7)Backdrop (9)Background (25)Badge (9)Bar (9)Button (158)Calendar (8)Call to action (6)Canvas (41)Card (15)Chart (32)Chip (11)Collapse (6)Confirm (13)Controlled state (10)Count (6)Counter (8)Call to action (12)Cursor (11)Customer (6)Depth (12)Diagonal (6)Dialog (11)Dot (7)Drag (8)Drawer (7)Drift (10)Expand (10)Fill (15)Flood (8)Focus (8)Follow (6)Form (24)Frame (9)Gallery (9)Glow (15)Gradient (17)Grid (13)Halo (7)Headline (6)Hero section (6)Highlight (6)Hint (6)Hover (89)Icon (44)Icon button (8)Input (9)Interactive (25)Invert (14)Label (9)Label swap (6)Layout (8)Lift (10)Light (10)Line (7)Loading (10)Loop (14)Menu (10)Metric (8)Modal (8)Monthly (6)Navigation (9)Noise (9)Orbit (7)Outline (23)Overlay (7)Page (10)Panel (15)Parallax (8)Particle (12)Perspective (9)Pill (35)Pointer (32)Popover (7)Press (28)Progress (10)Pulse (7)Reveal (30)Ring (12)Rotate (6)Row (7)Scale (9)Scroll (12)Send (7)Settings (7)Shadow (13)Share (15)Slide (10)Spring (24)Stack (7)Stagger (13)Status (8)SVG (30)Sweep (15)Switch (7)Tactile (6)Text (10)Tile (12)Tilt (10)Toggle (32)Toolbar (11)Tooltip (18)Trail (7)Trend (7)Typography (8)Underline (6)Wave (9)Wipe (6)Workflow (9)Workspace (13)