---
title: "Globe Morph — Free Framer component · Best of Framer"
description: "Free Framer component · by Kartik Tyagi · Maps. Globe Morph is a Framer code component that embeds an interactive WebGL globe that smoothly morphs into a flat map (van der Grinten projection)."
canonical: "https://framer.elliotli.dev/component/globe-morph"
---

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

# Globe Morph

Interactive globe

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

![Globe Morph preview image 1](https://framer.elliotli.dev/og/component/globe-morph/78ee2a295b06ec33/1600x1200.jpg)

## Summary

Globe Morph is a Framer code component that embeds an interactive WebGL globe that smoothly morphs into a flat map (van der Grinten projection).

## Description

**Globe Morph** is a Framer code component that embeds an interactive WebGL globe that smoothly morphs into a flat map (van der Grinten projection). It’s useful for hero sections, data dashboards, and map-focused layouts.

**Features**

-   **Customizable colors** – Land, ocean, and background via Framer’s property panel
    

-   **Opacity controls** – Land opacity and globe opacity
    

-   **Hex density** – 6 levels from 150 to 750 for different detail levels
    

-   **Responsive** – Works at any size with a minimum of 320×180px
    

**Use cases**

-   Hero sections with a globe or map
    

-   Data visualization and analytics pages
    

-   Portfolio and landing pages
    

-   Educational or geography-related sites
    

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

-   All · #1015

## Details

- **Author**: Kartik Tyagi
- **Published**: 2026-03-25
- **Updated**: 2026-03-25
- **Added**: 2026-03-06
- **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…