System UI and device chrome (Mobile)
Mobile packSystem
iOS and Android keyboards, status bars, system alerts, share sheets and device frames to drop into phone mockups.
- components
- 24
- variants
- 123
- recreations
- 20
- themes
- 5
Also for desktop: System UI and device chrome
What’s inside
Keyboards for 11 input types on iOS and Android, plus status bars, home and navigation bars, permission and biometric prompts, share sheets, edit menus, notifications, Live Activities, widgets and device frames. A keyboard-per-field table maps each field to the right keyboard, return key and autofill hint. Separate iOS 26 and Android 16 look-alikes show the real OS colours.
- 11 keyboard types each for iOS and Android
- Keyboard-per-field table with 16 ready-made field and keyboard pairs
iOS keyboard
Free sample11 variants
- Default
- Default shift
- Default caps lock
- Numbers and symbols
- More symbols
- URL
- Number pad
- +3 more
Android keyboard
11 variants
- Default
- Default shift
- Default caps lock
- Numbers and symbols
- More symbols
- URL
- Number pad
- +3 more
iOS keyboard accessory
2 variants
- Done
- Previous and next
iOS status bar
18 variants
Android status bar
6 variants
iOS home indicator
3 variants
Android navigation bar
9 variants
- Gesture
- Gesture with keyboard
- Three button
iOS alert
5 variants
Android dialog
5 variants
iOS permission prompt
8 variants
Android permission prompt
6 variants
iOS biometric prompt
3 variants
Android biometric prompt
3 variants
iOS share sheet
2 variants
- Medium
- Large
Android share sheet
2 variants
- Link
- Image
iOS edit menu
2 variants
Android edit menu
2 variants
iOS lock-screen notification
4 variants
Android lock-screen notification
4 variants
iOS Live Activity
4 variants
Android live update
2 variants
iOS widget
6 variants
Android widget
3 variants
Device frame
2 variants
- iOS
- Android
- Figma file
- SuperDuper Pack: System UI (Mobile)
- Themes
- Light, Dark, Light high contrast, Dark high contrast and Wireframe
- Densities
- Comfortable and Compact
- Also in the file
- Usage and accessibility notes, motion specs, Figma variables
- Covers 5 UI elements and 3 screen patterns
- Status bar, Home indicator, Keyboard, System alert, Share sheet, Share, Widget and Live Activity & Dynamic Island
How iOS 26 and Android 16 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.
Keyboard / Glass OS
Recreated from iOS 26
Keyboard / Material OS
Recreated from Android 16
Status bar / Glass OS
Recreated from iOS 26
Status bar / Material OS
Recreated from Android 16
Home indicator / Glass OS
Recreated from iOS 26
Navigation bar / Material OS
Recreated from Android 16
Alert / Glass OS
Recreated from iOS 26
Dialog / Material OS
Recreated from Android 16
Permission / Glass OS
Recreated from iOS 26
Permission / Material OS
Recreated from Android 16
Biometric prompt / Glass OS
Recreated from iOS 26
Biometric prompt / Material OS
Recreated from Android 16
Share sheet / Glass OS
Recreated from iOS 26
Share sheet / Material OS
Recreated from Android 16
Edit menu / Glass OS
Recreated from iOS 26
Edit menu / Material OS
Recreated from Android 16
Notification / Glass OS
Recreated from iOS 26
Notification / Material OS
Recreated from Android 16
Live Activity / Glass OS
Recreated from iOS 26
Live update / Material OS
Recreated from Android 16
Not affiliated with, endorsed or sponsored by iOS 26 and Android 16. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the ios keyboard full size, free
The iOS keyboard in all 11 types, from default and email to number pad and emoji. All 11 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
Questions about the system ui and device chrome pack
One Figma file: SuperDuper Pack: System UI (Mobile). It has 24 components with 123 variants, 20 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.