Skip to content
+

Overview

Browse our collection of Toolpad examples that help you familiarise with Toolpad concepts.

This collection includes apps that showcase connecting to APIs, adding custom components, adding secrets, working with ORMs and more.

npm stats

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

Source code

Basic CRUD application

An admin application to showcase how CRUD operations work in Toolpad.

Source code

QR Code generator

A basic Toolpad application that can be used to turn any text or URL into a QR code.

Source code

With Prisma

A basic Toolpad application that demonstrates how to integrate with Prisma.

Source code

Google Sheet

Quickly fetch data from Google Sheets to build a Toolpad app.

Source code

Dog app

An app that shows dog images based on selected breeds or sub-breeds.

Source code

Customized data grid

A basic Toolpad app that shows how to customize a data grid column using a custom code component.

Source code

GraphQL app

An app that shows latest 100 stargazers info for any GitHub repository.

Source code

With WASM

A basic Toolpad application that demonstrates integrating with WASM modules.

Source code

Data provider with prisma

A basic Toolpad application that demonstrates how to use data providers with Prisma.

Source code

With Supabase

A Toolpad app that fetches data from Supabase and shows it in a list component.

Source code