mapcn-svelte Svelte Themes

Mapcn Svelte

Beautiful shadcn-svelte map components.

mapcn-svelte

Beautiful maps, made simple.


Free & open source map components. Zero config, one command setup.
Built on MapLibre GL, styled with Tailwind, works seamlessly with shadcn-svelte.

Based on mapcn by Anmol Saini.

Get StartedInstallationExamples


Features

  • 🎨 Theme-aware — Automatically adapts to light/dark mode
  • 🎯 Zero config — Works out of the box with sensible defaults
  • 📦 shadcn-svelte compatible — Uses the same patterns and styling conventions
  • 🗺️ MapLibre GL powered — Full access to MapLibre's powerful mapping capabilities
  • 🧩 Composable — Build complex map UIs with simple, declarative components
  • 📍 Markers & Popups — Rich marker system with popups, tooltips, and labels
  • 🛤️ Routes — Draw routes and paths on your maps
  • 🎮 Controls — Zoom, compass, locate, and fullscreen controls
  • Svelte 5 — Built with Svelte 5's runes for optimal reactivity

Basemap Terms of Service

This project uses CARTO Basemaps which are based on OpenStreetMap data.

  • Commercial use: Requires a CARTO Enterprise license. Request a demo for pricing details.
  • Non-commercial use: Free for CARTO grantees under their basemap terms.
  • Alternative: You can switch to OpenStreetMap tiles or any other MapLibre-compatible tile provider.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add some amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

License

MIT License - see the LICENSE file for details.

Star History

Star History Chart

Top categories

Loading Svelte Themes