> For the complete documentation index, see [llms.txt](https://docs.kepler.gl/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.kepler.gl/examples.md).

# 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.