Animated Globe Components

Dev Design Library indexes 9 Animated globe components from 6 open-source UI libraries, with the most coming from Velora UI, Aceternity UI, Cult UI, Magic UI and React Bits. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the globe components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Globe components belong to the Maps group.

• Infinite MenuReact Bits · ReactHorizontally looping menu effect that scrolls endlessly with seamless wrap.
• GlobeMagic UI · ReactAn autorotating, interactive, and highly performant globe made using WebGL.
• GlobeCult UI · ReactCOBE-powered 3D globe with showcase presets, markers, arcs, DOM overlays, and theme-aware styling
• GlobeAnimations (Svelte) · SvelteAn autorotating, interactive, and highly performant globe made using WebGL.
• Bento feature gridVelora UI · ReactFive-card bento grid with live visuals: integration beams, orbiting icons, a chart, a tag marquee and a globe.
• 3d GlobeAceternity UI · React
• GlobeVelora UI · ReactDotted canvas globe with markers, great-circle arcs, drag and keyboard rotation.
• GlobeAceternity UI · React
• Globe split heroVelora UI · ReactSplit hero with copy, CTAs and live stats beside an interactive dotted globe with arcs.

Libraries with Animated globe components

• Velora UI
• Aceternity UI
• Cult UI
• Magic UI
• React Bits

Related categories

• Globe Components
• React Globe Components
• Tailwind CSS Globe Components
• Animated Map Components