Dev Design LibraryTailwind CSS Map Components
Dev Design Library indexes 20 Tailwind CSS map components from 10 open-source UI libraries, with the most coming from Velora UI, Aceternity UI, Cult UI, Magic UI and OpenSourceUI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes.
Dotted MapMagic UI · ReactA component with a dotted map.
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.
MapPanel UI · React NativeVector map whose basemap is drawn from your theme tokens.
Ios Map Location WidgetOpenSourceUI · React
Dotted MapAnimations (Svelte) · SvelteA world map component rendered with dots, supporting custom markers with staggered entrance animations.
View On MapWatermelon UI · React
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
GlobeMagic UI · ReactAn autorotating, interactive, and highly performant globe made using WebGL.
Illustration Globe VercelCult UI · ReactGlobe deployment illustration
Ride Pickup WidgetOpenSourceUI · React
GlobeAnimations (Svelte) · SvelteAn autorotating, interactive, and highly performant globe made using WebGL.
View On Map BaseWatermelon 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.