create-toolpad-app

Create Toolpad App

The simplest method to start with Toolpad is by using create-toolpad-app. This CLI tool enables you to quickly start building a new Toolpad Core application, with everything already set up. You can use the --studio flag if you want to bootstrap a Toolpad Studio project.

Interactive

You can create a new project interactively by running:

npx create-toolpad-app@latest
# or
yarn create toolpad-app
# or
pnpm create toolpad-app

You then need to provide the name of your project:

✔ Enter the name of your project:

Enter the name to install the necessary types/dependencies and create a new Toolpad Core project.

Changelog

v0.16.0

<!-- generated comparing v0.15.0..master -->

Jun 11, 2025

A big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:

• CRUD improvements including non-editable fields, rendering custom fields, and page containers out-of-the-box!

BREAKING CHANGE: CRUD pages now include a PageContainer based on the pageTitles prop. Either remove the PageContainer you were using in these pages and set the pageTitles prop, or override the container using the pageContainer slot. You can find more detailed instructions and examples in the CRUD component documentation.

• New app provider for Tanstack React Router.
• New useNavigation hook to access your navigation configuration from anywhere.
• Japanese locale support.

@toolpad/core

• Support non-editable items in CRUD form pages (#4918) @apedroferreira
• Allow custom form fields in CRUD (#4968) @apedroferreira
• Add Tanstack React Router provider (#4971) @apedroferreira
• CRUD page titles with pageTitles and pageTitle props (#4930) @apedroferreira
• Add new useNavigation hook (#4965) @apedroferreira
• Make CRUD forms React 18 compatible (#4966) @apedroferreira
• Allow full customization for dashboard header (#4820) @rkristelijn
• Fix closing behavior under strict mode (#4973) @Janpot
• CRUD UI improvements (#4937) @apedroferreira
• Add Japanese locale support (#4970) @yuito-it
• Small adjustment to Data Grid selection in CRUD. (#4983) @apedroferreira
• Use named imports for locales (#4945) @yuito-it

Core

• Remove Toolpad Studio (#4987) @apedroferreira
• Remove @vitejs/plugin-react as dependency (#4977) @Janpot
• Remove required checkout step (f916976) @oliviertassinari

All contributors of this release in alphabetical order: @apedroferreira, @Janpot, @oliviertassinari, @rkristelijn, @yuito-it