# Examples

A list of examples to demonstrate adding `kepler.gl` to your app. Each of the examples is a complete project that can be ran locally.

To start each example, cd into the folder then run:

```
yarn && yarn start
```

* [**Demo App**](/examples/demo-app.md)

  kepler.gl as a single page app, loading sample maps from remote url, saving map data to dropbox. This is also the source code of kepler.gl/#/demo.
* [**Open Modal**](/examples/open-modal.md)

  Open kepler.gl in a modal.
* [**Custom Reducer**](/examples/custom-reducer.md)

  Customize kepler.gl reducer initial state, adding more actions using plugin.
* [**umd client**](/examples/umd-client.md)

  A single html file loading kepler.gl
* [**Replace UI Component**](/examples/replace-component.md)

  Example showing how to replace kepler.gl default ui components using `injectComponents` method.
* [**Custom theme**](/examples/custom-theme.md)

  Customize kepler.gl theme by override default style properties.
* [**Node App**](/examples/node-app.md)

  Embed Kepler.gl in a node/express/webpack application.
* [**Custom map style**](https://github.com/keplergl/kepler.gl/tree/14c35fc048a745faab0c6770cab7a4625ccedda3/examples/custom-map-style/README.md)

  Demo how to use kepler.gl with other basemap services other than Mapbox.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.kepler.gl/examples.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.