# 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**](https://docs.kepler.gl/examples/demo-app)

  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**](https://docs.kepler.gl/examples/open-modal)

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

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

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

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

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

  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.