React Native dashboards embedded in your application

Build analytics dashboards in React Native with less than 10 lines of code! Try Cumul.io's data visualization library for React Native applications.

Try free

Connect data from any source

Connect data from any source in minutes: your database or warehouse, web services or your own API. Use our out-of-the-box connectors, or build your own plugin in just a few lines of code.

Create dashboards with drag & drop

Build dashboards with our easy-to-use editor, no data scientist needed! Easily adapt the look & feel, language and modify dashboards per screen size. All without writing a single line of code.

Seamlessly fits your React Native stack

Seamlessly integrate dashboards in your React Native stack, using @cumul.io/react-native-cumulio-dashboard. Trigger actions between your platform & the dashboards by using our powerful bi-directional communication feature

Explore our example app with embedded dashboards below, and get a glimpse of the possibilities!

Explore the code

Add data visualizations in React Native applications in no time!

Getting your embedded dashboards to production was never as easy.

Simply install the @cumul.io/react-native-cumulio-dashboard package on npm & import it into your application. Add your React Native dashboard component with a few lines of code and you’re ready to go to production!

Need some more inspiration before getting started? Check out the sample React Native integration on Snack Expo.

Install package

 import CumulioDashboardComponent from '@cumul.io/react-native-cumulio-dashboard';
 import { useRef } from 'react';
 ...
 function CumulioWrapper() {
     const ref = useRef(null);
     return (
         <div className="App">
             <CumulioDashboardComponent
                 ref={ref}
                 authKey="<!-- your generated authKey -->"
                 authToken="<!-- your generated authToken -->"
                 dashboardSlug="test"
                 switchScreenModeOnResize={false}
                 loaderSpinnerColor="rgb(0, 81, 126)"
                 loaderSpinnerBackground="rgb(236 248 255)"
                 itemsRendered={(e) => console.log('itemsRendered', e)}
             ></CumulioDashboardComponent>
         </div>
     );
 }
 ...