toolpad

Toolpad: Full stack components and low-code builder for dashboards and internal apps.

1633
396
TypeScript

Toolpad logo

Toolpad

license
npm latest package
npm downloads
GitHub branch status
Follow on X
Renovate status
Average time to resolve an issue
Open Collective backers and sponsors
OpenSSF Best Practices

mui%2Ftoolpad | Trendshift

Product walkthrough

Toolpad Core is a set of high level React components that abstract common concepts such as layout navigation and routing. It aims at helping you build and maintain dashboards and internal tooling faster. It’s built on top of Material UI.

https://github.com/user-attachments/assets/d2a7ff8e-2dd6-4313-98d2-5f136513f9a9/

Keep in mind that the maintainers are primarily focused on other projects and may not be able to respond in a timely manner to issues or pull requests related to Toolpad Core.

Notice

Toolpad is in its beta stages of development. Feel free to run this application to try it out for your use cases, and share any feedback, bug reports or feature requests that you come across.

Quick setup locally

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

Documentation

Check out our documentation.

Examples

Find a list of example apps on the docs to help you get started with Toolpad Core quickly.

Contributing

Read the contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to MUI.

Notice that contributions go far beyond pull requests and commits.
Although we love giving you the opportunity to put your stamp on MUI, we also are thrilled to receive a variety of other contributions.

Changelog

The changelog is regularly updated to reflect what’s changed in each new release.

Roadmap

Future plans and high-priority features and enhancements can be found in the roadmap.

Toolpad Studio

Toolpad Studio is a self-hosted low-code admin builder designed to extend the Toolpad Core React components. It’s for developers of all trades who want to save time building internal applications. Drag and drop from a catalog of pre-built components, connect to any data source and build apps quickly.

https://github.com/user-attachments/assets/f47466df-3790-4a05-8f38-f1aaa13a49f3/

Toolpad Studio has been deprecated, but the project can be found in the toolpad-studio branch of this repository, where it can also be published from.

The create-toolpad-app CLI can also still be used to quickly setup Toolpad Studio projects:

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

License

This project is licensed under the terms of the MIT license.

Sponsoring services

These great services sponsor MUI’s core infrastructure:

GitHub

GitHub allows us to host the Git repository and coordinate contributions.

Netlify

Netlify allows us to distribute the documentation.

BrowserStack logo

BrowserStack allows us to test in real browsers.

CodeCov

CodeCov allows us to monitor the test coverage.