30 open-source projects similar to visgl/react-map-gl, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best React Map Gl alternative.
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
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.
react-native-maps is a cross-platform map component and visualization library for embedding interactive maps within mobile applications on iOS and Android. It provides a declarative interface for managing geospatial user interfaces, allowing for the rendering of geographical data and location-based features. The library enables the visualization of spatial data through the placement of markers, the creation of custom callouts, and the drawing of polylines and polygons as map overlays. It supports interactive map navigation, including the ability to animate map regions and customize the visual
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
Maplibre GL JS is a WebGL map rendering engine and vector tile map library used to create interactive web maps. It serves as a web-based GIS visualization tool and an interactive map interface framework for rendering geographic data and vector tiles on web pages. The library provides capabilities for 3D terrain rendering and the integration of custom 3D content. It supports complex geospatial data visualization through the use of heatmaps, clusters, and 3D extrusions, while allowing for custom map styling and environmental effect customization. The system covers a broad range of functional a
Leaflet is a lightweight JavaScript mapping library used to build mobile-friendly interactive maps on web pages. It functions as an open-source geospatial toolkit and web map renderer, providing the necessary tools to display geographical tiles and vector data. The framework is designed as a mobile-first map interface, ensuring that mapping experiences remain responsive and efficient across both desktop browsers and mobile devices. It enables the creation of custom map implementations and the visualization of geospatial data through the addition of markers, popups, and layers. The library co
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 project is a declarative visualization library and geospatial framework designed for rendering large-scale data sets within web browsers. It functions as a high-performance graphics engine that leverages hardware acceleration to display complex 2D and 3D visual layers, enabling the visualization of millions of data points through a structured, component-based syntax. The framework distinguishes itself through its ability to synchronize custom data visualizations with third-party mapping platforms. By managing camera states and coordinate systems, it allows developers to overlay high-perf
deck.gl is a GPU-accelerated geospatial engine and WebGL2 data visualization framework. It functions as a high-performance spatial visualizer and map overlay library designed to render large-scale spatial and temporal datasets. The system specializes in mapping data arrays into visual layers for complex geographic representations. It provides the capability to create interactive visual overlays and cartographic projections that align with various third-party map providers. The framework supports large-scale data visualization, interactive spatial analysis, and the development of custom high-
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
L7 is a WebGL-powered geospatial visualization engine and browser-based GIS engine designed for high-performance rendering of large-scale 2D and 3D spatial datasets. It functions as a geographic data visualization library that leverages hardware acceleration to display massive datasets and heatmaps within a web browser. The engine features an abstracted basemap integration layer that decouples data visualization from the underlying map provider, allowing for the use of various map providers or offline deployments. It employs a system for visual variable mapping to translate numeric and catego
react-quill is a React component wrapper for the Quill rich text editor, providing a customizable WYSIWYG interface for creating and manipulating formatted semantic HTML content. It functions as a controlled component that manages the internal state and events of the editor within the React lifecycle. The project enables the definition of custom text formats and formatting schemas to support specialized styling or unique data structures. It features configurable toolbars and visual themes, allowing for the application of custom CSS and the specification of custom DOM elements for the editing
Google map library for react that allows rendering components as markers :tada:
This project is a cross-platform mapping SDK and hardware-accelerated rendering engine implemented in C++. It provides a shared geospatial core that allows for the embedding of interactive maps into Android, iOS, macOS, Node.js, and Qt applications. The system focuses on high-performance vector tile rendering using OpenGL and GPU primitives to display interactive 3D landscapes and complex geospatial datasets. It transforms compressed protocol buffers into customizable visuals through a style-driven layer pipeline. The capability surface extends to comprehensive location services, including g
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
Mapbox GL JS is a WebGL map rendering engine and interactive web map framework used to render vector tiles, raster imagery, and 3D terrain in the browser. It functions as a vector tile map library and geospatial data visualization tool, employing GPU-accelerated shaders to transform geospatial data into interactive maps. The project distinguishes itself through the integration of custom WebGL layers directly into the rendering pipeline and the use of data-driven expressions to map feature properties to visual attributes. It supports specialized data loading via PMTiles and provides offline ma
Tiled is a visual editor for creating two-dimensional game environments, functioning as a tile map editor and game level design tool. It allows for the construction of game worlds by arranging reusable tile sets and assets into maps. The system includes a tile set manager to organize and modify collections of tiles that can be shared across multiple project maps. It supports the creation of complex environments through layered map composition and the placement of objects at precise coordinates. The editor provides capabilities for grid alignment, coordinate-based layouts, and the attachment
OpenLayers is a JavaScript web mapping library and WebGIS framework used for rendering interactive 2D maps and geospatial data on web pages. It serves as a geospatial data visualization tool and an open geospatial standard client for consuming standardized geographic data formats and web map services. The project provides a framework for building complex geographic information systems in the browser. It supports the development of custom map applications and the integration of geographic information system capabilities to handle spatial data and coordinates. The library covers broad capabili
Mapnik is a cartographic rendering library and map rendering engine designed to convert geographic information system data into visual maps and printable layouts. It serves as a spatial data visualization tool that applies symbology and styling rules to diverse geographic data sources. The project utilizes an XML map configuration framework to define the visual appearance of maps, allowing the separation of styling logic and layout properties from the core rendering engine. Its capabilities cover geographic information visualization and cartographic style management. The system integrates sp
Plotly.js is a JavaScript charting library and interactive graphing framework used to create web-based visualizations. It functions as a high-performance data visualization engine that utilizes both SVG for static elements and WebGL for hardware-accelerated rendering of large datasets and complex 3D plots. The library is distinguished by specialized toolkits for financial analysis, such as candlestick and OHLC charts, and geographic mapping tools for rendering choropleth and scatter maps with custom projections. It also supports complex scientific visualizations, including Sankey diagrams, pa
React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme
This project is a comprehensive collection of reusable code snippets, custom hooks, and implementation patterns for building user interfaces with React. It serves as a library of short examples designed to solve common development tasks, ranging from state management to DOM integration. The collection provides a wide array of specialized utilities for interacting with browser APIs, including window dimension tracking, media query evaluation, and online status monitoring. It also includes practical guides and snippets for performance optimization, such as memoization, lazy loading, and state c
Plotnine is a data visualization library for Python based on the Grammar of Graphics. It serves as a declarative statistical plotting framework and multi-panel plotting engine, allowing users to create complex charts by mapping data variables to visual properties such as position, color, and size. The project is distinguished by its use of a layered composition model and a statistical transformation engine that performs aggregations and computations before rendering visuals. It features a comprehensive system for multi-panel faceting, which enables the splitting of a single visualization into
Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes
Earth is an interactive web-based platform for visualizing global weather, ocean, and atmospheric data. It animates particle flows representing wind, ocean currents, and waves on a customizable map, and supports overlaying color-coded meteorological, oceanographic, chemical, and particulate data for detailed analysis. The platform distinguishes itself by offering multiple cartographic projections—including orthographic, equirectangular, and stereographic—that can be switched to view global patterns from different perspectives. It also provides keyboard-driven navigation, allowing map rotation
This project is a collection of technical reference guides and cheatsheets for implementing static typing patterns with TypeScript in React. It serves as a comprehensive typing guide for applying static types to components, hooks, and state management. The resource provides specific patterns for defining component properties, reference handles, and generic types. It includes detailed signatures for handling synthetic events, form submissions, and the creation of typed custom hooks using tuple assertions. The documentation covers a broad range of capability areas, including state management v
This project is a technical breakdown and implementation of a user interface framework's internal architecture, focusing specifically on the mechanics of the virtual DOM, reconciliation, and component lifecycles. It serves as a resource for understanding how a core logic layer manages the transition from high-level component descriptions to physical browser elements. The project distinguishes itself by providing detailed visualizations, including flowcharts and block schemes, to map the reconciliation process and code execution paths. It explores how a platform-agnostic core can be adapted fo
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
IBAnimatable is a set of visual design tools for prototyping bespoke interface elements, motion effects, and navigation transitions within a graphical environment. It provides a designer for creating and prototyping animations directly within the Apple Interface Builder environment and a system for building custom interface components through a visual attributes panel. The project distinguishes itself by offering a visual interface transition editor for configuring screen navigation and gesture-driven transitions without manual coding. It includes a prototyping sandbox for testing interaction
LCUI is a component-based, cross-platform UI toolkit for building desktop applications using C, TypeScript, and JSX. It provides a declarative UI compiler that transforms JSX and TypeScript markup into native C code, enabling developers to construct interfaces without a browser runtime. The library includes a CSS styling engine that applies standard CSS rules to layout and style native desktop components, and supports component composition with state management and event binding. The toolkit distinguishes itself by combining web development patterns with native desktop rendering, allowing dev