Frontend Frameworks

GeoAI.js works seamlessly with popular frontend frameworks. Choose your preferred framework to get started quickly with geospatial AI in your applications.

Supported Frameworks

React.js

Build powerful geospatial AI applications with React’s component-based architecture.

• ✅ React 19 with TypeScript support
• ✅ Hooks-based state management
• ✅ Create React App template
• ✅ MapLibre GL JS integration

Get Started with React →

Vue.js

Leverage Vue’s reactive system for responsive geospatial AI interfaces.

• ✅ Vue 3 with Composition API
• ✅ TypeScript support
• ✅ Vite for fast development
• ✅ Single File Components

Get Started with Vue →

Coming Soon

We’re working on examples for additional frameworks:

• Angular - Modern web framework by Google
• Svelte - Compile-time optimized framework
• Solid.js - Fine-grained reactive framework

Framework-Agnostic Usage

GeoAI.js is framework-agnostic and can be used with any JavaScript framework or vanilla JS. The core API remains the same across all environments:

import { geoai } from 'geoai';
 
const pipeline = await geoai.pipeline(
  [{ task: "building-detection" }],
  mapProviderConfig
);
 
const result = await pipeline.inference({
  inputs: { polygon: userDrawnPolygon },
  mapSourceParams: { zoomLevel: 18 }
});

Choose the framework guide that matches your project setup to see framework-specific integration patterns and best practices.