awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

Code annotation tool

Ranking updated Jul 27, 2026

For annotation markers, the strongest matches are tomchentw/react-google-maps (This project is a React-based map annotation library that), istarkov/google-map-react (This library allows you to render custom React components) and react-native-maps/react-native-maps (This cross-platform mobile map component handles markers, coordinates, and). uber/react-map-gl and anmolsaini16/mapcn round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.

Hand-picked open-source code annotation tools for GitHub. Compare the top repositories by stars, features, and activity to find the right fit.

Code annotation tool

Find the best repos with AI.We'll search the best matching repositories with AI.
  • tomchentw/react-google-mapstomchentw avatar

    tomchentw/react-google-maps

    4,626View on GitHub↗

    This project is a Google Maps React wrapper and integration library that bridges the Google Maps JavaScript API with a declarative component-based architecture. It provides an interactive map component for rendering map views, markers, and overlays using geographic coordinates and custom HTML. The library serves as a geographic data visualization tool and a map-based search interface. It enables the implementation of place search functionality and autocomplete inputs integrated directly with the map view. The capability surface covers location-based services including route visualization, pa

    This project is a React-based map annotation library that wraps the Google Maps API to support custom markers, interactive popups, geographic coordinates, and clustering, though it focuses specifically on the Google Maps ecosystem rather than agnostic rendering.

    JavaScriptGeographic Coordinate MappingMarker ClusteringReact Map Components
    View on GitHub↗4,626
  • istarkov/google-map-reactistarkov avatar

    istarkov/google-map-react

    6,470View on GitHub↗

    Google map library for react that allows rendering components as markers :tada:

    This library allows you to render custom React components as markers on Google Maps, satisfying your need for map annotation tools with React support and custom icons.

    JavaScriptMap Marker TooltipsReact Map Components
    View on GitHub↗6,470
  • react-native-maps/react-native-mapsreact-native-maps avatar

    react-native-maps/react-native-maps

    15,971View on GitHub↗

    react-native-maps is a cross-platform mobile map component for iOS and Android that renders interactive geographic data and markers. It provides a native map view and viewport controller to manage camera movement, zoom levels, and coordinate-based animations on mobile devices. The project includes a GeoJSON map renderer for visualizing complex geographic features and an interactive map overlay library for drawing polylines, polygons, and heatmaps. It supports integration with both Google Maps and Apple Maps, allowing developers to switch between providers or apply cloud-based styling and cust

    This cross-platform mobile map component handles markers, coordinates, and overlays natively for React Native, though it targets mobile apps rather than general web charts.

    TypeScriptPolyline OverlaysGeographic Coordinate RenderingPolygon Overlays
    View on GitHub↗15,971
  • uber/react-map-gluber avatar

    uber/react-map-gl

    8,457View on GitHub↗

    react-map-gl is a React component library for embedding and controlling Mapbox GL JS interactive maps. It serves as a high-level bridge that maps the imperative methods of the Mapbox GL JS engine to a declarative component state. The project allows for the development of custom map interfaces and geospatial data visualizations. It enables the creation of location-based web applications by providing a reusable UI element for rendering vector tiles and spatial information.

    This repository provides a React wrapper for map rendering that supports custom overlays and geographic coordinates, making it a great fit for building interactive map applications despite lacking built-in clustering out of the box.

    TypeScriptReact Map Components
    View on GitHub↗8,457
  • anmolsaini16/mapcnAnmolSaini16 avatar

    AnmolSaini16/mapcn

    5,965View on GitHub↗

    MapCN is a React component library that wraps MapLibre GL into declarative, composable building blocks for interactive maps. It provides a set of small, reusable components for rendering maps, placing markers, drawing routes, and clustering points, all managed through React hooks, context, and refs for state and lifecycle control. The library distinguishes itself by offering a complete set of map features as individual React components that automatically adapt to light and dark themes. It includes components for interactive map rendering with zero configuration, marker placement with popups a

    MapCN is a React-based map annotation library that wraps MapLibre GL to provide composable building blocks for custom markers, clustering, and interactive popups using geographic coordinates, though it lacks native vector overlay support.

    TypeScriptMap Marker TooltipsReact Map Components
    View on GitHub↗5,965
  • visgl/react-map-glvisgl avatar

    visgl/react-map-gl

    8,457View on GitHub↗

    react-map-gl is a library of reusable components and hooks for embedding high-performance WebGL map visualizations within React applications. It provides a declarative wrapper for Mapbox GL JS, synchronizing the map state and styles with a component-based state management system. The toolkit enables the rendering of complex 2D and 3D geospatial data visualizations on map layers. It includes a framework for developing custom map components and specialized user interface elements using shared context and dedicated hooks. The library manages interactive map integration and geospatial data visua

    React-map-gl is a React component library for rendering interactive WebGL maps, and while it provides the mapping foundation needed to display markers and overlays, implementing specific features like custom clustering requires additional plugin layers.

    TypeScriptReact Map Components
    View on GitHub↗8,457
  • sebholstein/angular-google-mapssebholstein avatar

    sebholstein/angular-google-maps

    2,028View on GitHub↗

    This project is a collection of reusable components designed to integrate Google Maps into web applications built with the Angular framework. It provides a declarative interface for embedding interactive maps, allowing developers to configure map instances, markers, and overlays directly through standard framework templates and property bindings. The library distinguishes itself by wrapping imperative mapping services into a lifecycle-managed architecture. It handles the asynchronous loading of external mapping scripts and ensures that map instances and event listeners are properly cleaned up

    This library provides Angular components for integrating Google Maps with support for markers, clusters, and overlays, though it is specific to the Angular framework rather than React.

    TypeScriptMarker Clustering
    View on GitHub↗2,028
  • paullecam/react-leafletPaulLeCam avatar

    PaulLeCam/react-leaflet

    5,592View on GitHub↗

    This project is a GIS component library and a React wrapper for the Leaflet mapping library. It acts as a bridge between the imperative Leaflet API and the declarative state management of React, allowing for the creation of interactive geographic maps and spatial data visualizations. The library uses a component-based architecture to render maps with markers and layers. It synchronizes the React virtual DOM with the map's internal layer registry to maintain a consistent geographic state, mapping component lifecycles to the addition and removal of map layers. The tool provides capabilities fo

    This React wrapper for Leaflet provides a component-based architecture for rendering interactive maps with custom markers, popups, and geographic coordinates, though advanced features like clustering require additional plugins.

    TypeScriptReact Map Components
    View on GitHub↗5,592
  • markmarkoh/datamapsmarkmarkoh avatar

    markmarkoh/datamaps

    3,800View on GitHub↗

    Datamaps is a library for generating interactive, data-driven geographic visualizations within web applications. It utilizes scalable vector graphics to render maps, allowing for precise styling and responsive resizing across different screen sizes. The library provides a declarative configuration pattern that binds custom datasets to geographic regions. This enables the creation of choropleth maps, where regions are color-coded based on statistical values, and point-based overlays that represent individual data points as interactive bubbles. Beyond basic rendering, the toolset includes capa

    Datamaps is a D3-based JavaScript mapping library that renders geographic visualizations and point-based bubble overlays, fitting the category well despite lacking React support and marker clustering.

    JavaScriptGeographic Coordinate Mapping
    View on GitHub↗3,800
  • python-visualization/foliumpython-visualization avatar

    python-visualization/folium

    7,372View on GitHub↗

    Folium is a Python library that builds interactive Leaflet.js maps directly from Python data structures, enabling geographic data visualization in Jupyter notebooks or as standalone HTML pages. It creates maps centered on given coordinates with configurable zoom, tiles, and dimensions, and supports embedding those maps inside web routes for serving in browsers. The library provides a comprehensive set of tools for data-driven map creation, including choropleth maps that bind tabular data to geographic geometries, colormap application to markers and polygons, and GeoJSON data overlay and visua

    Folium is a Python library that builds interactive Leaflet.js maps and supports marker clustering and geographic data visualization, though it is primarily Python-first rather than offering direct React support.

    PythonMarker Clustering
    View on GitHub↗7,372
  • keplergl/kepler.glkeplergl avatar

    keplergl/kepler.gl

    11,871View on GitHub↗

    Kepler.gl is a web-based geospatial visualization framework designed for rendering large-scale location datasets. It functions as a modular React mapping component that enables developers to embed interactive, high-performance geographic visualizations into web applications, serving as a comprehensive engine for building browser-based GIS dashboards. The library distinguishes itself through a highly extensible architecture that centers on centralized state management. By utilizing a predictable state-driven model, it allows for the programmatic control of map layers, filters, and viewport set

    Kepler.gl is a powerful geospatial visualization framework built for React that renders large-scale datasets, though it focuses more on complex layer rendering and data-driven filtering than lightweight pin and popup management.

    TypeScriptReact Map Components
    View on GitHub↗11,871
  • maptalks/maptalks.jsmaptalks avatar

    maptalks/maptalks.js

    4,519View on GitHub↗

    maptalks.js is a JavaScript map rendering library and web map interaction framework used to render interactive 2D and 3D geographic data on a web canvas. It functions as a 3D geospatial engine supporting 3DTiles and GLTF formats, a GeoJSON visualization tool, and a spatial analysis library. The project distinguishes itself through high-performance rendering and dynamic geospatial animation, including the ability to simulate traffic flow and execute smooth visual transitions for map elements. It provides comprehensive tools for interactive geometry editing, allowing users to draw and modify ve

    Maptalks.js is a map rendering and interaction framework that supports custom graphics, geometric overlays, and interactive features, making it a capable library for map annotations despite lacking native React integration out of the box.

    HTMLGeographic Coordinate Mapping
    View on GitHub↗4,519
  • justfly1984/react-google-maps-apiJustFly1984 avatar

    JustFly1984/react-google-maps-api

    1,970View on GitHub↗

    React Google Maps API is a component library designed to embed interactive Google Maps and geographic overlays inside React applications using declarative markup. It provides tools for building responsive mapping interfaces within component-based architectures to handle user navigation and location data. The library manages the integration by wrapping imperative mapping library instances inside declarative component lifecycles, translating React updates into the appropriate DOM mutations. It includes an asynchronous script injection loader that tracks and initializes external script dependen

    This library provides React bindings for Google Maps to easily render custom markers, interactive popups, and overlays, though it relies on the underlying Google Maps API rather than offering native marker clustering out of the box.

    TypeScriptReact Map Components
    View on GitHub↗1,970
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
tomchentw/react-google-maps4.6KJavaScriptMITNov 7, 2022
istarkov/google-map-react6.5KJavaScriptMITFeb 17, 2026
react-native-maps/react-native-maps16KTypeScriptMITApr 9, 2026
uber/react-map-gl8.5KTypeScriptNOASSERTIONApr 11, 2026
anmolsaini16/mapcn6KTypeScriptmitFeb 20, 2026
visgl/react-map-gl8.5KTypeScriptNOASSERTIONApr 11, 2026
sebholstein/angular-google-maps2KTypeScriptMITJun 6, 2024
paullecam/react-leaflet5.6KTypeScriptNOASSERTIONDec 31, 2025
markmarkoh/datamaps3.8KJavaScriptMITFeb 10, 2026
python-visualization/folium7.4KPythonNOASSERTIONJun 22, 2026

Related searches

  • Type annotation systems
  • a tool for data labeling and annotation
  • a markdown extension for text editors
  • Data labeling tool
  • Git status client
  • Compiler directives
  • an open source library for interactive maps
  • a VS Code extension for inline git annotations