Customization

Your workspace, your style

Changes apply instantly and save automatically.

Appearance
Theme presets

Theme presets

Default

Layout preferences

Direction
Sidebar color
Header color
Sidebar size
Layout width

Google Maps

Three ways to explore live Google maps, location markers, and directions.

Google Maps setup needed. Add a browser-restricted API key and a map ID for markers and routes in .env.local. The page will show live maps after configuration and restart.

Standard Google Map

San Francisco, California

Explore a live road map with Google controls, drag navigation, and a compact view switcher.

Configure Google Maps

Add NEXT_PUBLIC_GOOGLE_MAPS_API_KEY to enable this live map.

San Francisco Bay AreaGoogle map controls remain available on the map when configured.

Custom markers & info windows

4 demo locations

Select a fictional workspace to focus its Google marker and open its location details.

Configure Google Maps

Add NEXT_PUBLIC_GOOGLE_MAPS_API_KEY to enable this live map.

Harbor StudioFictional waterfront headquarters and client welcome desk.

Routes & directions

Live Routes API request

Choose two demo locations and request a real Google route. Distance and travel time appear only after Google returns them.

Plan a route

Route information

Configure both the API key and map ID to request routes.

Configure Google Maps

Add NEXT_PUBLIC_GOOGLE_MAPS_API_KEY to enable this live map.