A premium Framer Code Component built with React, TypeScript, and Three.js.
Add a realistic interactive 3D Earth globe to Framer with Earth textures, clouds, night city lights, ocean shine, atmosphere glow, stars, and a cinematic galaxy background.
Perfect for SaaS, cloud hosting, AI, infrastructure, analytics, security, server, and global product websites.
Fully customizable from Framer Property Controls, including textures, rotation, drag, scale, zoom, lighting, clouds, stars, night emission, and ocean shine.
• Premium 3D WebGL Earth globe for Framer
• Built with React, TypeScript, and Three.js
• Realistic Earth diffuse, normal, gloss, cloud, emission, and galaxy maps
• Smooth auto-rotation and drag-to-rotate interaction
• Inertia-based globe movement
• Ocean Shine control for realistic water reflection
• Night Emission control for city lights
• Natural atmosphere edge glow
• Galaxy background and star field controls
• Smooth preload with no white flash
• Scale, zoom, pitch, yaw, and offset controls
• Fully editable from Framer Property Controls
• Canvas and Preview friendly
• Clean single-file component
• EarthRouteGlobe.tsx component file
• Ready-to-paste Framer code
• Cloudinary texture URLs added by default
• Customizable controls inside Framer
This is a one-time digital purchase. All sales are final once files are downloaded.
If you face a technical issue, contact me with screenshots or a short screen recording and I’ll do my best to help.
A premium Framer Code Component built with React, TypeScript, and Three.js.
Add a realistic interactive 3D Earth globe to Framer with Earth textures, clouds, night city lights, ocean shine, atmosphere glow, stars, and a cinematic galaxy background.
Perfect for SaaS, cloud hosting, AI, infrastructure, analytics, security, server, and global product websites.
Fully customizable from Framer Property Controls, including textures, rotation, drag, scale, zoom, lighting, clouds, stars, night emission, and ocean shine.
• Premium 3D WebGL Earth globe for Framer
• Built with React, TypeScript, and Three.js
• Realistic Earth diffuse, normal, gloss, cloud, emission, and galaxy maps
• Smooth auto-rotation and drag-to-rotate interaction
• Inertia-based globe movement
• Ocean Shine control for realistic water reflection
• Night Emission control for city lights
• Natural atmosphere edge glow
• Galaxy background and star field controls
• Smooth preload with no white flash
• Scale, zoom, pitch, yaw, and offset controls
• Fully editable from Framer Property Controls
• Canvas and Preview friendly
• Clean single-file component
• EarthRouteGlobe.tsx component file
• Ready-to-paste Framer code
• Cloudinary texture URLs added by default
• Customizable controls inside Framer
This is a one-time digital purchase. All sales are final once files are downloaded.
If you face a technical issue, contact me with screenshots or a short screen recording and I’ll do my best to help.