Controls
16 components in Controls, each with an animated preview.
16 components
Animated Radio ButtonA radio button whose inner dot springs in and whose ring pulses once when selected.
Checkmark Box Toggle StyleA checkbox toggle style for iOS whose box fills and draws its checkmark, with a dash for a mixed Toggle(sources:).
Circular Range SliderA dial with two handles that sets a range around the clock, like a night of sleep.
Counter StepperMinus and plus buttons around a number that rolls as it changes and stops at its limits.
Day Night ToggleA switch whose icon morphs between a sun and a moon while its background shifts between day and night colors.
Filter Chip GroupSelectable filter chips that show a checkmark when chosen and wrap onto as many rows as they need.
Icon Switch Toggle StyleA switch toggle style whose knob carries a symbol for each state, like a checkmark and a cross, that swaps as it slides.
Range SliderA slider with two thumbs that picks a range, like the lowest and highest price of a filter.
Ruler Scroll PickerA horizontal ruler of tick marks that snaps to a value under a fixed center indicator.
Select All ChecklistA list of checkable rows under a select-all box that turns mixed when only some rows are checked and counts the selection.
Settings Toggle RowA settings row with a symbol on a colored rounded square, a title, an optional subtitle and a switch, like the Settings app.
Sliding Segmented PickerA segmented picker whose selected pill glides between the options.
Spring Toggle StyleA custom toggle style whose knob widens under the finger and overshoots as it lands.
Swipe To Confirm SliderA track with a thumb you drag to the end to confirm, which springs back if released early.
Tick Mark SliderThe system slider with a mark at the values that matter, which settles on the nearest one when let go.
Weekday Segmented PickerA row of round day buttons that picks several days of the week in the calendar's order, with a summary like Weekdays under it.
No component matches. Try fewer words, or clear the filters.