Animated 3D Globe

This component is Part of the  Essential Components plugin. Browse and insert 60+ components directly in Framer. Start for free

Give your landing page a centerpiece visitors actually stop and look at. Dot Orb is a glowing 3D globe made of thousands of dots that drift across its surface like a living network. It says technology, data and connection the moment someone lands on your page.

Perfect for AI, SaaS, Web3, fintech and developer sites.

Why you’ll love it

Look premium in minutes. Drop it in, pick three colors, and your hero looks custom-built. No videos or images to find, license or export.

• Match your brand exactly. Blend a dark, mid and bright tone into soft bands around the sphere. Add a glow halo and background. Framer color styles work too.

• Dark or light sites. A single switch gives you a luminous glowing orb on dark pages or a crisp, minimal one on light pages.

• Two personalities. Round dots feel soft and organic. Square dots feel sharp and technical.

• Feels alive. Dots flow across the surface instead of spinning on a loop, and the globe tilts gently toward your visitor’s cursor.

• Light and considerate. It draws itself live, so there is nothing heavy to download. It pauses when scrolled off-screen, uses fewer dots on phones, and respects “reduce motion” settings.

Customize everything

• Colors: three tones, band count, color drift, brightness, background, halo

• Dots: density, size, variation, softness, shape, depth fade

• Shape: globe size, tilt, glow or normal blend

• Motion: spin, drift, swirl detail, speed

• Cursor: follow on/off, tilt amount, responsiveness

Great for

Hero backgrounds behind centered text, product and feature sections, launch and waitlist pages, and portfolio or agency sites.

Set it to a fixed size or let it fill a section. It is decorative, so it never gets in the way of your text or buttons. Needs a WebGL browser (all modern ones); if unavailable, your background and glow still show.