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

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