Form fields
Mobile28 components208 variants5 recreations
Mobile form fields with error and success states, each paired with the right iOS or Android keyboard.
$9, or included with Pro
Chips, tags and badges (Mobile)
Mobile packActions and input
Mobile chips and badges: filter, choice, input, action and category chips, plus status, count, dot and verified badges.
- components
- 12
- variants
- 40
- recreations
- 3
- themes
- 2
Also for desktop: Chips, tags and badges
What’s inside
Seven chip patterns (filter bar, choice group, action row, input field, suggestions, sort control, category bar) and five badge patterns (status row, icon with count, dot on item, labelled item, verified name). The chip and badge parts carry pressed, focus and selected states, and selection never relies on colour alone. Every page has a documentation frame and a live grid in Light and Dark, Comfortable and Compact.
- 11 reusable chip and badge parts with full states
- Count badges up to 99+ that never cover their icon
- 3 recreations from Spotify, Airbnb and Shop
Filter bar
Free sample4 variants
- None selected
- Some selected
- Toggles
- Menus
Choice group
4 variants
- Wrapped
- Single row
- Default
- Error
Action row
2 variants
- Icon and label
- Label only
Chip input field
3 variants
- Default
- Focus
- Overflow
Suggestion chips
2 variants
- Search
- Reply
Sort control
2 variants
- Closed
- Open
Category bar
2 variants
- Icon above
- Pill
Status row
5 variants
- Neutral
- Info
- Success
- Warning
- Danger
Icon with count
6 variants
- Icon
- Avatar
- One digit
- Two digits
- Overflow
Dot on item
3 variants
- Icon
- Avatar
- Tab
Labelled item
4 variants
- Explicit
- New
- Beta
- Sale
Verified name
3 variants
- Profile header
- List row
- Inline
- Figma file
- SuperDuper Pack: Chips, tags and badges (Mobile)
- Themes
- Light and Dark
- Densities
- Comfortable and Compact
- Also in the file
- Usage and accessibility notes, motion specs, Figma variables
- Covers 2 UI elements
- Chip and Badge
How Spotify, Airbnb and Shop do it
Recreations of real products, so you can compare approaches side by side. They are approximate, built from public product knowledge, with placeholder data and no third-party artwork.
Music filter bar
Recreated from Spotify
Stays category pills
Recreated from Airbnb
Shopping filters
Recreated from Shop
Not affiliated with, endorsed or sponsored by Spotify, Airbnb and Shop. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the filter bar full size, free
A filter chip bar with toggle and menu chips, plus the filter chip part with 24 variants. All 4 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More actions and input packs
Selection controls
Mobile19 components216 variants3 recreations
Mobile switches, checkboxes, radios, sliders, steppers, ratings and swatches, each with every state drawn and documented.
$9, or included with Pro
Filtering and sorting
Mobile12 components41 variants5 recreations
Mobile filter and sort patterns: chip bars, filter and sort sheets, price ranges, results bars, map and list, saved searches.
$9, or included with Pro
Questions about the chips, tags and badges pack
One Figma file: SuperDuper Pack: Chips, tags and badges (Mobile). It has 12 components with 40 variants, 3 recreations, and notes on when to use each part. Everything uses Figma variables, so you can change the colours and type to match your product.