Toolpad Core - Examples

Browse a collection of Toolpad Core examples to help you get started quickly.

Installation

You can create a new project based on any of these examples using the create-toolpad-app command:

npx create-toolpad-app@latest --example "example-name"

Featured examples

Functional dashboard
NEW

This example shows you how to get started building a dashboard with Toolpad Core, Next.js App Router, Auth.js and Material UI components in a customized theme.

Live preview

Other examples

Vite with React Router and Firebase Auth

This app shows you to how to get started using Toolpad Core with Vite, React Router, and authentication using Firebase.

Vite with React Router and mock authentication

This app shows you to how to get started using Toolpad Core with Vite, React Router and any external authentication provider.

Next.js App Router with Auth.js Passkey

This app shows you to how to get started using Toolpad Core with Auth.js Passkeys and the Next.js App Router.

Auth.js v4 with Next.js Pages Router

This app shows you to how to get started using Toolpad Core with Auth.js v4 and the Next.js Pages router.

Vite with React Router

This app shows you to how to get started using Toolpad Core with Vite and React Router.

Auth.js Magic Link with Next.js App Router

This app shows you to how to get started using Toolpad Core with Auth.js Magic Links and the Next.js App Router.

Auth.js with Next.js Pages Router

This app shows you to how to get started using Toolpad Core with Auth.js and the Next.js Pages router.

Auth.js with Next.js App Router

This app shows you to how to get started using Toolpad Core with Auth.js and the Next.js App Router.

Tutorial app

This app shows you to get started with Toolpad Core and use basic layout and navigation features.