Basic Controls and Selectors
Buttons, selectors, switches, sliders, and combined input controls.
CSS gradient buttons
A set of modern gradient buttons with glow, outlines, and press feedback.
Open and runMeeting Room Segmented Control
Complete a segmented control in a meeting room scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runMeeting room preference toggle matrix
Complete the preference toggle matrix in a meeting room scenario: includes realistic content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runMeeting room range adjuster
Complete a range adjuster in a meeting-room scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runMeeting Room Rating Scale
Complete a rating scale for a meeting room scenario: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runMeeting Room Filter Chips
Complete the filter chip group in a meeting-room scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runMeeting Room Numeric Stepper
Complete a numeric stepper in a meeting room scenario: include realistic content, actionable controls, clear status feedback, and cross-size layouts.
Open and runMeeting Room Color Swatch Selection
Complete a color swatch selection in a meeting room scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runMeeting Room Plan Card Selection
Complete the option card selection for a meeting room scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runMeeting Room Dual-Value Range Control
Complete dual-range control in a meeting-room scenario: includes realistic content, actionable controls, clear state feedback, and cross-size layouts.
Open and runQuick date selection for meeting rooms
Complete quick date selection in a meeting room scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runReading Mode Segmented Picker
Complete a segmented control for the reading mode scenario: include real content, interactive controls, clear state feedback, and a responsive layout across sizes.
Open and runReading Mode Preference Toggle Matrix
Complete the preference toggle matrix in the reading mode scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.
Open and runReading Mode Range Slider
Complete the range adjuster in the reading mode scenario: includes real content, interactive controls, clear status feedback, and layouts across sizes.
Open and runRating scale for reading mode
Complete the rating scale in the reading mode scenario: includes real content, operable controls, clear status feedback, and responsive layouts.
Open and runReading mode filter chip group
Complete a filter chip group in a reading mode scenario: includes real content, actionable controls, clear status feedback, and a responsive layout across sizes.
Open and runReading mode numeric stepper
Complete a numeric stepper for a reading-mode scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runReading Mode Color Swatches Selection
Finish selecting color swatches in a reading-mode scenario: real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runReading Mode Scheme Card Selection
Complete the card selection in a reading-mode scenario, with real content, interactive controls, clear status feedback, and responsive layouts.
Open and runReading Mode Dual Range Control
Complete a dual-value range control in a reading-mode scenario: includes real content, interactive controls, clear state feedback, and cross-size layouts.
Open and runQuick date selection for reading mode
Complete quick date selection for a reading mode scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runTravel Plan Segmented Selector
Complete the segmented selector in a travel planning scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runTravel Plan Preference Toggle Matrix
Complete the preference toggle matrix for a travel planning scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runTravel plan range mixer
Complete a range mixer for a travel planning scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runTravel Plan Rating Scale
Complete the rating scale in a travel-planning scenario: real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runTravel Plan Filter Chips
Complete a filter chip group for a travel plan scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runTravel Plan Numeric Stepper
Complete a numeric stepper for a travel plan scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runTravel Plan Color Swatch Selection
Complete color swatch selection in a travel planning scenario: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runTravel Plan Option Cards Selection
Complete the option card selection for a travel plan scenario: includes real content, actionable controls, clear status feedback, and responsive layout across screen sizes.
Open and runTravel plan dual-value range control
Complete the dual-value range control in the travel planning scenario: includes realistic content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runQuick Date Picker for Travel Plans
Complete quick date selection in a travel planning scenario: includes real content, actionable controls, clear state feedback, and cross-size layouts.
Open and runMusic Studio Segmented Selector
Complete the segmented choice control in the music studio scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runMusic Studio Preference Toggle Matrix
Complete a preference toggle matrix for a music studio scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runMusic Studio Range Mixer
Complete a range control in a music studio scene: includes realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runMusic Studio Rating Scale
Complete the rating scale in a music studio scenario: includes real content, actionable controls, clear status feedback, and cross-size layouts.
Open and runSmart Home Quick Date Picker
Complete fast date selection in a smart home scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts.
Open and runBike Shed Color Swatch Selector
Complete color swatch selection in a bike shed scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runCommunity Garden Dual Range Control
Complete a dual-range control in a community garden scenario: includes realistic content, interactive controls, clear state feedback, and responsive layouts.
Open and runFamily Kitchen Filter Chip Group
Complete a filter tag set in a family kitchen scenario: includes real content, interactive controls, clear state feedback, and a responsive layout across sizes.
Open and runFitness Corner numeric stepper
Complete a numeric stepper for a fitness corner scenario: include real content, interactive controls, clear state feedback, and a responsive layout across sizes.
Open and runGardening Workshop Option Card Selection
Complete a solution card selection in a garden workshop scenario: include real content, interactive controls, clear status feedback, and a responsive layout.
Open and runGreenhouse Check-in Desk Quick Date Selection
Complete quick date selection in a greenhouse check-in desk scenario: includes realistic content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runGreenhouse Control Console Color Swatch Selection
Complete the color swatch selection in a greenhouse control console scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runGreenhouse Demo Screen Dual Range Control
Complete the dual-range control for a greenhouse demo screen scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runGreenhouse display rack filter chip group
Complete the filter tag group in a greenhouse display-rack scenario: includes real content, actionable controls, clear status feedback, and responsive layout across sizes.
Open and runGreenhouse Lounge Numeric Stepper
Complete the numeric stepper in a greenhouse lounge setting: includes real content, interactive controls, clear state feedback, and a cross-size layout.
Open and runGreenhouse Plan Board Option Cards Selection
Complete plan card selection for a greenhouse plan board scenario: include realistic content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runGreenhouse Setup Cart Range Adjuster
Complete a range slider in a greenhouse setup cart scenario: includes real content, actionable controls, clear status feedback, and responsive layouts across sizes.
Open and runGreenhouse Task Shelf Rating Scale
Complete the rating scale in a greenhouse task shelf scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runGuest suite segmented selector
Complete a segmented selector in a guest-suite scenario: real content, actionable controls, clear state feedback, and layouts across sizes.
Open and runChildren’s Room Preference Switch Matrix
Complete a preference toggle matrix in the children’s room scenario: includes real content, actionable controls, clear status feedback, and layouts across sizes.
Open and runLoft Check-in Desk Date Quick Select
Complete a quick date picker in a loft check-in desk scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runLoft Control Deck Color Swatches
Complete color swatch selection in the loft control console scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runLoft Demo Screen Dual-Range Control
Complete the dual-range control in the loft demo screen scenario: includes realistic content, interactive controls, clear status feedback, and responsive layouts.
Open and runLoft Display Rack Filter Tag Group
Complete the filter tag group in the loft display rack scenario: include real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runLoft lounge numeric stepper
Complete the numeric stepper in the loft lounge scene: includes real content, interactive controls, clear status feedback, and responsive layout across sizes.
Open and runLoft plan board option card selection
Complete option card selection in a loft plan board scenario: includes real content, actionable controls, clear state feedback, and responsive layouts.
Open and runLoft configuration cart range adjuster
Complete the range adjuster in the loft setup cart scenario: includes real content, actionable controls, clear state feedback, and responsive layout across sizes.
Open and runLoft Task Shelf Rating Scale
Complete a rating scale flow for the loft task shelf scenario: includes realistic content, actionable controls, clear state feedback, and layouts that adapt across sizes.
Open and runCreative Lab Segmented Selector
Complete the segmented control in the Creative Lab scenario: include real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runMaker Space preference toggle matrix
Complete a preference toggle matrix in a makerspace scenario: include real content, interactive controls, clear state feedback, and a responsive layout across sizes.
Open and runCafeteria Check-in Desk Date Quick Select
Complete rapid date selection in a pantry check-in desk scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runPantry Control Console Color Swatches Selection
Create color swatch selection for pantry control console scenarios: includes real content, interactive controls, clear state feedback, and layouts that adapt across sizes.
Open and runPantry demo screen dual-range control
Complete the dual-value range control in a pantry demo screen scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and runPantry Display Rack Filter Tag Group
Complete the filter chips in a pantry display-rack scenario: include real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runPantry lounge numeric stepper
Complete a numeric stepper in a pantry lounge scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runPantry Plan Board Option Cards Selection
Complete card selection in a pantry plan board scenario: include realistic content, actionable controls, clear status feedback, and responsive layouts.
Open and runRange adjuster for pantry cart configuration
Complete a range adjuster in a pantry setup cart scenario: includes real content, interactive controls, clear status feedback, and responsive layouts.
Open and runPantry task rack rating scale
Complete a rating scale in a pantry-task shelf scenario: real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runPet Corner segmented selector
Complete the segmented control in a pet corner scenario: includes real content, actionable controls, clear status feedback, and responsive layouts.
Open and runPodcast Booth Preference Toggle Matrix
Complete a preference toggle matrix in a podcast recording booth scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runQuick Date Picker for Reading Club
Quick date selection in a book club scenario: includes realistic content, interactive controls, clear status feedback, and responsive layout.
Open and runPerformance Check-in Desk Color Swatches Selection
Complete color sample selection in a recital check-in desk scenario: includes real content, interactive controls, clear status feedback, and responsive layouts across sizes.
Open and runStage Control Room Dual-Value Range Control
Complete dual-value range control in the performance control console scenario: includes real content, interactive controls, clear state feedback, and responsive layouts across sizes.
Open and runPerformance Demo Screen Filter Tag Group
Complete the filter chip group for the performance demo screen scenario: include real content, interactive controls, clear status feedback, and a responsive layout across sizes.
Open and runPerformance Display Rack Numeric Stepper
Complete a numeric stepper in a performance display rack scenario: with real content, actionable controls, clear state feedback, and a responsive layout across sizes.
Open and runPerformance Lounge Option Card Selection
Complete the plan card selection in the performance break area scenario: include real content, actionable controls, clear state feedback, and responsive layouts across sizes.
Open and runPerformance Plan Board Range Control
Complete the range control in a performance planning board scenario: includes real content, interactive controls, clear state feedback, and responsive layouts.
Open and run