Components

All 64 components, live. Everything below is interactive — click a title for install instructions and source.

Accordion

Grouped-inset disclosure list with rotating chevrons.

Your battery's maximum capacity is 91%. Peak performance capability is normal.

Action Sheet

Stacked action groups rising from the bottom, with a detached Cancel.

Album Grid

The Apple Music library grid.

Album Header

Album artwork, red artist name, Play / Shuffle.

Night Signals

Various Artists

Electronic · 2026

Alert

Inline tinted banner for warnings and status.

Audio Player

Queue, transport, seek, volume — as a hook.

Nothing playing

Avatar

Contacts-style circular avatar with a monogram fallback.

APJASW
Badge

iOS badges and tinted capsules.

312NewActiveBetaDraftv1.0
Breadcrumb

The Finder path bar with chevron separators.

Button

Filled, tinted, gray, plain, and destructive styles.

Card

A grouped-inset card with a hairline shadow.

Screen Time
Daily average · 2h 46m
Your screen time was down 12% last week, for an average of 2 hours, 46 minutes a day.
Carousel

Scroll-snap paging with a dot indicator.

1
2
3
4
Checkbox

The macOS checkbox: accent square with a white check.

Color Picker

The rainbow-ring well plus system-color swatches.

Highlight
Combobox

Bordered field with a filtered suggestion menu.

Command

Spotlight: the cmd-K command palette.

Content Unavailable

The centered empty state with symbol, title, and actions.

No Results

No results found for "swiftui". Check the spelling or try a new search.

Context Menu

The macOS right-click menu.

Right-click here
Control Group

A bordered cluster of buttons on one platter.

Date Picker

The inline calendar with month paging.

July 2026
SMTWTFS
Dialog

The iOS alert with hairline-separated actions.

Disclosure Group

Rotating-chevron rows that reveal indented content.

Dropdown Menu

The macOS pull-down menu on a blurred material.

Form

Grouped-inset sections of label/control rows.

Profile
Your name appears on shared notes.
Gauge

The open-ring dial and the linear capacity bar.

72Battery
480Move
23Storage
64 GB used128 GB
Glass

Liquid Glass: the light-bending control-layer material, regular and clear.

Regular glass

Adaptive — legible over anything.

Clear glass

For media-rich backgrounds.

Interactive tap me
Glass Button

Liquid Glass capsule button with springy press and optional tint.

Glass Tab Bar

Floating glass capsule with a pill morphing between tabs.

Hover Card

A hover preview panel on thick material.

Input

iOS inset field or macOS rounded-border text field.

Input OTP

Verification-code cells with a blinking caret.

Enter the code sent to your iPhone

Label

Form label set in the subheadline style.

List

The iOS Settings list: icon tiles, chevrons, hairline separators.

Connectivity
Airplane Mode
Turning on Airplane Mode disables all wireless connections.
Lyrics View

Bold synced lyric lines that light up with playback.

Menubar

The macOS menu bar with material menus.

Window content
Mini Player

The floating capsule above the tab bar.

Navigation Stack

Push/pop slide transitions with a back-button nav bar.

Settings
Now Playing

The full player with shrinking artwork.

Page Control

Dots for paged content.

3
Popover

A blurred material panel anchored to a control.

Progress

The thin linear progress bar.

Queue List

Up Next: current track pinned, upcoming below.

Playing Next

Nothing playing next.

Radio Group

macOS radio buttons with the accent fill.

Resizable

Draggable split-view divider.

Sidebar
Content
Scroll Area

macOS overlay scrollbars.

Up Next

Here Comes the Sun
Let It Be
Come Together
Hey Jude
Yesterday
Blackbird
Something
In My Life
Across the Universe
While My Guitar Gently Weeps
Help!
A Day in the Life
Search Field

The iOS search bar with clear and Cancel.

Segmented Control

The selected segment floats on a white platter.

Steps this year
Select

The macOS pop-up button with the accent chevron capsule.

Separator

A hairline divider.

Sound & Haptics

Ringtone
Text Tone
New Mail
Sheet

The iOS bottom sheet with a grabber.

Sidebar

The macOS/iPadOS source list with accent selection.

Files
recents
Skeleton

Redaction placeholder for loading states.

Slider

The iOS slider with the 28pt white thumb.

Spinner

The activity indicator with eight fading spokes.

Stepper

The iOS − / + control.

Copies: 1
Switch

The iOS toggle with the springy knob.

Tab Bar

The iOS bottom tab bar on blurred material.

home
Table

The macOS list view with alternating rows.

NameKindSizeDate Modified
Design.sketchSketch Document24.1 MBToday, 09:42
Notes.mdMarkdown4 KBYesterday
MockupsFolderJul 12
Budget.numbersNumbers1.2 MBJul 8
Textarea

Multiline text on an iOS inset field.

Toast

iOS notification banners; call toast() from anywhere.

    Toggle Group

    The macOS toggle cluster on one platter.

    Toolbar

    The macOS window toolbar with icon buttons.

    Documents12 items
    Window content
    Tooltip

    The macOS help tag.

    Track List

    Numbered rows with animated equalizer bars.