UI elements in real apps
Browse real app screens by the UI element they contain, from bottom sheets and tab bars to toasts and cards. Each element is tagged against the real components in the Figma file.
System
Navigation
- Navigation bar1400 screens from 19 apps
- Large title2069 screens from 19 apps
- Tab bar710 screens from 17 apps
- Top tabs353 screens from 15 apps
- Segmented control154 screens from 14 apps
- Toolbar169 screens from 14 apps
- Side drawer16 screens from 2 apps
- Page indicator47 screens from 10 apps
- Index scrubber8 screens from 2 apps
Input
- Search bar541 screens from 19 apps
- Text field832 screens from 19 apps
- Password field76 screens from 13 apps
- Text area92 screens from 12 apps
- Code input59 screens from 13 apps
- Dropdown & select398 screens from 16 apps
- Date picker59 screens from 9 apps
- Time picker5 screens from 1 app
- Voice recorder6 screens from 2 apps
Control
- Button2112 screens from 19 apps
- Icon button3129 screens from 19 apps
- Text link1322 screens from 19 apps
- Social login button50 screens from 11 apps
- Floating action button131 screens from 11 apps
- Switch193 screens from 18 apps
- Checkbox200 screens from 19 apps
- Radio button125 screens from 16 apps
- Slider46 screens from 7 apps
- Stepper50 screens from 6 apps
- Chip474 screens from 18 apps
- Sort control8 screens from 3 apps
- Rating control29 screens from 6 apps
- Reaction bar8 screens from 1 app
- Colour swatches3 screens from 1 app
View
- Card609 screens from 18 apps
- List row1636 screens from 19 apps
- Section header845 screens from 19 apps
- Carousel129 screens from 16 apps
- Tile140 screens from 16 apps
- Banner174 screens from 16 apps
- Badge292 screens from 19 apps
- Avatar753 screens from 19 apps
- Divider30 screens from 7 apps
- Accordion17 screens from 5 apps
- Table10 screens from 3 apps
- Chart72 screens from 11 apps
- Progress indicator240 screens from 15 apps
- Loading indicator319 screens from 19 apps
- Message bubble106 screens from 8 apps
- Hero header86 screens from 12 apps
- Price summary54 screens from 8 apps
- Map44 screens from 6 apps
- Empty-state illustration61 screens from 8 apps
Media
Overlay
- Bottom sheet309 screens from 18 apps
- Action sheet21 screens from 9 apps
- Context menu26 screens from 8 apps
- Dialog126 screens from 16 apps
- Full-screen modal119 screens from 12 apps
- Toast & snackbar83 screens from 17 apps
- Tooltip & coach mark31 screens from 8 apps
- Scrim407 screens from 19 apps
- Share sheet17 screens from 11 apps
Brand
Try an editable clone in Figma
Install the free plugin and import 5 screens from any paid clone, or take the whole WhatsApp clone free.