---
title: "Globe Dashboard — Free Framer component · Best of Framer"
description: "Free Framer component · by Tim Akihiro Heinrich – Zukunftsberatung. · Maps. Responsive 3D globe glass dashboard."
canonical: "https://framer.elliotli.dev/component/globe-dashboard"
---

[Home](/)/[Components](/components)/[Maps](/components/category/maps)/Globe Dashboard

# Globe Dashboard

Responsive 3D globe glass dashboard.

[View on Framer](https://framer.com/marketplace/components/globe-dashboard/?via=elliot-li)

![Globe Dashboard preview image 1](https://framer.elliotli.dev/og/component/globe-dashboard/2def87dfe58dbb1e/1600x1200.jpg)

## Summary

Responsive 3D globe glass dashboard.

## Description

## 3D Globe Glassmorphism Dashboard

An interactive dashboard with a live-rotating 3D globe, animated city markers, and glassmorphism panels. Includes a built-in bar or pie chart panel. Switch to mobile layout for an edge-clipped globe with a focused city list. No code needed.

### Features

-   Auto-rotating globe with smooth hover-to-city animation
    
-   Animated cloud layer with realistic atmospheric drift
    
-   Glassmorphism panels — adapts to dark and light mode
    
-   Built-in bar chart and pie chart with entrance animation
    
-   Mobile layout: edge-clipped globe left, city panel right
    
-   City markers pulse on hover and rotate the globe to that location
    
-   Vignette overlay for a cinematic depth effect
    
-   Browser chrome mockup with customizable URL bar
    

### Customization

All settings are exposed as Framer property controls:

-   Layout: Desktop or Mobile
    
-   Background color
    
-   Dark / Light mode
    
-   Accent color for chart and markers
    
-   City list with title, region, latitude and longitude
    
-   Chart types: Bar or Pie
    
-   Chart Metric, date range and change badge
    
-   Panel position and width
    
-   Font picker connected to project asset library
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8jg8qt9l-k8tPuANJGw8PXhLLuC43aytatWfLw0)

Mobile Layout:

-   Globe fills the left side with a subtle left-side clip
    
-   Right panel shows city list only
    
-   Chart-related controls auto-hide when Mobile is selected
    
-   Panel width, top and right offset fully adjustable
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8jg8qt9l-6B97gXWBom1y8ndI5r8HLsJqqSxgBS)

## Rank history [How rankings work →](/terms#rankings)

-   All · #2922

## Details

- **Author**: Tim Akihiro Heinrich – Zukunftsberatung.
- **Published**: 2026-04-23
- **Updated**: 2026-04-14
- **Added**: 2026-03-27
- **Categories**: Maps

## More like this

-   [Waypoint](/component/waypoint) — Dev Ahsan · $9 — Photo-first locations map
-   [No-key Store Locator](/component/no-key-store-locator) — Sean Weekes · $15 — UK store finder, no Google API key
-   [Geo Office Location](/component/geo-office-location) — Design Foundry · Free — Interactive Global Office Showcase
-   [Map Locator CMS](/component/map-locator-cms) — sherwin · $15 — Map Locator CMS is a flexible, interactive map component for Framer that helps you showcase stores, offices, properties, venues, service…