EOxElements

MCP.Pizza Chef: EOX-A

EOxElements offers a collection of web components designed to add geospatial features like interactive maps, location search, charts, and data filters to websites or web apps. These components let you build rich map-based interfaces with tools for drawing, filtering, and displaying geographic data. You need basic web development skills to install and use these components in your project. It works in any web environment that supports modern web components.

Images/Design
Other
Web/Research

Use This MCP server To

Add interactive maps with drawing tools to my website Search geographic locations with autocomplete input Display charts with dynamic data on a web page Create forms based on JSON schemas Filter large lists of items on a webpage Show properties of geospatial data files visually Control map layers and time playback visually

README

EOxElements

A Web Component collection of geospatial UI elements, crafted by EOX.

Documentation, Examples

Please find descriptions, API docs and interactive examples here.

Elements

  • ⭕️ Alpha elements are in-development and may have many frequent breaking changes.
  • 🟡 Beta elements are mostly polished and ready for use, but may still have breaking changes.
  • Stable elements are reviewed, documented, and API complete.
Element Description Docs & Examples Version State
eox-chart Dynamic chart with built-in data fetching Docs & Examples
eox-drawtools Draw and manage features on a map Docs & Examples
eox-feedback Quick and easy feedback widget Docs & Examples
eox-geosearch An autocompleted search input for geographic locations Docs & Examples
eox-itemfilter Filter/search large sets of items client-side or server-side Docs & Examples
eox-jsonform Render a form from a JSON schema Docs & Examples
eox-layercontrol Manage and modify map layers Docs & Examples
eox-layout Easily create a UI layout Docs & Examples
eox-map Map with powerful tools & helpers Docs & Examples
eox-stacinfo Display properties of STAC files Docs & Examples
eox-storytelling StoryTelling tools based on markdown Docs & Examples
eox-timecontrol Time control and playback for map layers Docs & Examples
eox-tour Guided tour for UIs Docs & Examples

Usage

For detailed descriptions and documentation on the individual elements, please check out the READMEs in the element subfolders.

Bundlers (Vite, Webpack, etc.)

npm install @eox/<element>
import "@eox/<element>"
<eox-element></eox-element>

Script tag

<eox-element></eox-element>

<script type="module">
import "@eox/<element>" from "https://cdn.skypack.dev/@eox/<element>"
</script>

Development

For detailed development instructions, including monorepo structure, coding standards, and testing procedures, please refer to the Contributing Guide.

AI Agents working in this repository should also consult AGENTS.md for specific guidelines on maintaining documentation and ensuring compatibility with the MCP server.

License

By contributing to EOxElements, you agree that your contributions will be licensed under the repository's LICENSE.

Previous versions

The main branch of this project contains the v2 version of EOxElements. For the (legacy) v1 EOxElements, please see the v1 branch.

EOxElements FAQ

Can I use EOxElements to add interactive maps to my web app?
Yes — it provides ready-made map and geospatial UI components you can embed in web projects, though some setup is needed.
Can I use EOxElements to search for geographic locations?
Yes — it includes a geosearch element for autocompleted location search inputs.
Does EOxElements require an API key or account?
No — it is an open collection of UI components you can use freely in your projects.
Which apps or clients support EOxElements?
EOxElements is designed as web components, so it works in web apps that support standard web components. It is not tied to specific AI assistants.
How hard is it to set up EOxElements?
Setup requires developer skills — you need to install packages and import components in your web project.
Can I use EOxElements with popular AI assistants like ChatGPT or Claude?
Not directly — EOxElements is for developers building web interfaces, not a plug-in for AI chat apps.