Skip to content

npm stats

This analytics dashboard shows how to track a KPI from a third-party data source.

npm stats app

Check out the live app

Open example

How to run

Use create-toolpad-app to bootstrap the example:

npx create-toolpad-app@latest --example npm-stats
yarn create toolpad-app --example npm-stats
pnpm create toolpad-app --example npm-stats


Open in StackBlitz

What's inside

This app demonstrates the following capabilities of Toolpad Studio:

  1. How to use a thrid party REST API to fetch data to a Toolpad Studio app.
  2. How to use custom components like charts.
  3. How to use pre-built Material UI components like the MUI X Date Picker.
  4. How to transform data.

The source

Check out the source code