Globe Morph

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

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

Interactive globe