Animated Map Components

Dev Design Library indexes 13 Animated map components from 8 open-source UI libraries, with the most coming from Velora UI, Aceternity UI, Cult UI, Kokonut UI and Magic UI. 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 map components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion.

• 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
• Seat MapKokonut UI · ReactPick seats for a show. Drag along a row to take several, and it points out any single seat you'd leave stranded.
• GlobeAnimations (Svelte) · SvelteAn autorotating, interactive, and highly performant globe made using WebGL.
• Folded MapUI Lab · ReactAn itinerary that unfolds panel by panel like a paper road map, recentring as it opens.
• 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.
• World MapAceternity UI · React
• World MapVelora UI · ReactDotted SVG world map with markers, pulsing hubs and animated connection arcs.

Libraries with Animated map components

• Velora UI
• Aceternity UI
• Cult UI
• Kokonut UI
• Magic UI

Related categories

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