Skip to content
MapCN website preview

MapCN

mapcn.dev

Free, open-source, customizable map components for React built on MapLibre GL, styled with Tailwind CSS and following the shadcn/ui pattern.

What is MapCN?

MapCN provides ready-to-use, copy-in map components for React and Next.js, built on MapLibre GL and styled with Tailwind CSS to work alongside shadcn/ui. It covers interactive maps, markers, and controls with a component model familiar to shadcn users. The project is free and open source.

Best for

  • Adding interactive maps to React apps
  • shadcn-styled map markers and controls
  • Next.js projects needing MapLibre maps

Key features

  • Copy-paste map components for React
  • Built on MapLibre GL
  • Tailwind CSS styling, works with shadcn/ui
  • Markers, controls, and interactive maps
  • Free and open source
Tailgrids UI website preview

React and Tailwind CSS component library with 600+ components and blocks, a CLI, prebuilt templates and a matching Figma design system.

ReactTailwindComponents+1
Affect UI website preview

Agent-ready React components, screens, and blocks for AI products and SaaS — one dependency-free file each, added by hand or by Claude, Cursor, or v0.

ReactComponentsAI+2
Appica UI website preview

A free, open-source React component library built on Base UI, styled with Tailwind, animated with Motion — 70+ polished components for humans and AI agents.

ReactTailwindDesign Systems+3