3D Interactive Globe

Premium 3D Earth & animated edges.

Elevate your website with a highly optimized, interactive 3D Earth. Feature custom markers, dynamic borders, and cinematic glow effects perfectly tailored for modern developers.

Features

• Highly optimized WebGL performance

• Smooth drag and rotate interactions

• Dynamic country border animations

• Customizable map location markers

• Ambient atmospheric outer glow

• Responsive resize handling

• Clean layered visual architecture

• Works perfectly for dark mode and global UI

• Seamless static renderer fallback

Customization Options

• Globe radius and scale

• Ocean color and transparency

• Landmass dot density and size

• Border thickness and trail speed

• Inner glow and atmosphere color

• Auto-rotation speed and starting position

• Unlimited custom coordinate markers

How to Use

• Drop the component onto your Framer canvas

• Configure the base setup and globe radius

• Add latitude and longitude for custom markers

• Adjust the landmass dot density to match your brand

• Tune the rotation speed and glow intensity

• Publish for a premium interactive global map

Use Cases

• Premium SaaS landing pages

• International user base maps

• Tech and AI product showcases

• Dark mode interfaces

• Modern portfolio layouts

• Contact page location finders

• Futuristic UI systems

• Data visualization sections