Toolpad is a self‑hosted, open‑source, low‑code admin/dashboard builder and a collection of full-stack React components tailored for building internal tools and dashboards. Created by the team behind Material‑UI (MUI), it enables rapid development by combining drag‑and‑drop UI construction with tight backend integration. Toolpad Core provides the component library for Next.js/Vite projects, while the deprecated Toolpad Studio offered a visual builder interface. 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. 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.
Features
- Self‑hosted low‑code builder enabling drag‑and‑drop UI construction for internal tools
- Rich set of full-stack React components for dashboards: layout, navigation, authentication, dialogs, notifications, and more
- Built upon React, TypeScript, Next.js, and Material‑UI for seamless integration and high performance
- CLI tooling to bootstrap new Toolpad applications quickly
- Offers a query-building interface and the ability to re‑use custom React components and backend logic within the UI
- Open‑source with MIT licensing; Studio visual builder available in a legacy branch
Project Samples
