Command palette
Desktop11 components29 variants4 recreations
Desktop command palettes: Command K, nested pages, scoped tabs, preview, Ask AI, cheat sheet and quick switcher.
$9, or included with Pro
Maps and location (Desktop)
Desktop packDomain
Desktop map split views, price pins and clusters, store locators, route planners, draw tools, layer menus and fleet boards.
- components
- 19
- variants
- 60
- recreations
- 3
- themes
- 5
Also for mobile: Maps and location
What’s inside
Nine desktop map patterns in 19 sets: a list and map split view, price, place and vehicle pins with clusters, a location picker, a store locator, a route planner, area drawing tools, info popups, layer menus with map controls, and a fleet board. Maps are an abstract vector placeholder that scales cleanly, with no tiles or real geography. Every page is documented with a live grid in light and dark.
- Vector map placeholder that scales to any frame
- Price pins with hover, visited, selected and focus states
- Recreations of Airbnb, Zillow and Google Maps layouts
Map split view
2 variants
- Default
- Row hovered
Listing row
4 variants
- Default
- Hover
- Selected
- Focus
Price pin
Free sample5 variants
- Default
- Hover
- Visited
- Selected
- Focus
Cluster pin
3 variants
- Small
- Medium
- Large
Location picker
3 variants
- Empty
- Typing
- Pinned
Location suggestion
3 variants
- Default
- Hover
- Active
Store result row
3 variants
- Default
- Selected
- Closed
Place pin
3 variants
- Default
- Selected
- Focus
Route planner
2 variants
- Driving
- Walking
Route option
3 variants
- Default
- Selected
- Focus
Drawn area
4 variants
- Drawing
- Closed
- Editing
- Radius
Draw toolbar
3 variants
- Move
- Shape
- Circle
Draw tool
4 variants
- Default
- Hover
- Selected
- Focus
Info popup
3 variants
- Listing
- Place
- Compact
Layer menu
3 variants
- Map
- Terrain
- Satellite
Layer option
3 variants
- Default
- Selected
- Focus
Map controls
2 variants
- Default
- Following
Fleet vehicle row
4 variants
- On route
- Delayed
- Idle
- Offline
Vehicle pin
3 variants
- Moving
- Stopped
- Delayed
- Figma file
- SuperDuper Pack: Maps and location (Desktop)
- 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 1 UI element and 1 screen pattern
- Map and Map
How Airbnb, Zillow and Google Maps 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.
Stays search map
Recreated from Airbnb
Homes map search with drawn boundary
Recreated from Zillow
Directions panel
Recreated from Google Maps
Not affiliated with, endorsed or sponsored by Airbnb, Zillow and Google Maps. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the price pin full size, free
A map price pin in default, hover, visited, selected and focus states. All 5 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More domain packs
Notifications and inbox
Desktop8 components36 variants4 recreations
Desktop notification bell and popover, inbox page, row types, snooze, preferences matrix, email digest and empty inbox.
$9, or included with Pro
Commerce and product pages
Desktop18 components76 variants3 recreations
Desktop product galleries, buy boxes, variant pickers, quick view, carts, reviews, comparison tables and store headers.
$9, or included with Pro
Questions about the maps and location pack
One Figma file: SuperDuper Pack: Maps and location (Desktop). It has 19 components with 60 variants, 3 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.