UI Element Exercises
Explore hands-on “UI Element” exercises to sharpen your skills and level up your craft. Want more? Browse all search results
Exercise
Trailing icon
Exercise
Molecules
Exercise
Icon container
Exercise
Ensure icons are easy to tap and click
Exercise
Components
Exercise
Organisms
Exercise
Leading icon
Exercise
Toggles
Exercise
Input mask
Exercise
Popover modal
Exercise
Action input
Exercise
Ensure your icons scale correctly
Exercise
Pattern libraries
Exercise
Fixed element
Exercise
Tooltips
Exercise
Container
Exercise
Place icons in consistent containers
Exercise
Text
Exercise
Border radius
Exercise
Tick
Exercise
Inline menu
Exercise
Form
Exercise
Use card layout for content browsing
Exercise
Multiselect menu
Exercise
Enabled state
Exercise
Lightbox modal
Exercise
Fluid element
Exercise
Inputs
Exercise
Rich card
Exercise
Contextual menu
Exercise
Table
Exercise
Cascading menu
Exercise
Elevated card
Exercise
Balance out icons visually
Exercise
Keyboard shortcuts
Exercise
Radio buttons
Exercise
Error state
Exercise
Dimensions
Exercise
Lists
Exercise
Required input
Exercise
Placeholder
Exercise
Apply appropriate card shadows
Exercise
Hyperlinks
Exercise
SVG icons
Exercise
Accompany icons with labels
Exercise
Fullscreen mobile modal
Exercise
Position modals in the center
Exercise
iOS vs. Android modals
Exercise
Cards
Exercise