Skip to content

Toolpad Studio

Turn your |
into UIs

Build scalable and secure internal tools locally. Drag and drop to build UI, then connect to data sources with your own code.

Star

Powered by Material UI

import { PrismaClient, Prisma } from '@prisma/client';

const prisma = new PrismaClient();

export async function getUsers() {
  return prisma.user.findMany();
}

export async function addUser(user: Prisma.UserCreateInput) {
  return prisma.user.create({ data: user });
}

export async function updateUser(id: number) {
  return prisma.user.update({ where: { id } });
}

export async function deleteUser(id: number) {
  return prisma.customer.user({ where: { id } });
}
CodeUI

Use cases

Toolpad Studio is ideal for building

Analytics dashboard

Build Analytics dashboards to slice and dice any metric across various dimensions. Further, use them to monitor KPIs, track business goals, and identify trends and opportunities. Toolpad Studio allows you to combine data from multiple sources and bind it by writing JavaScript anywhere.View more

Admin panel

Enable your teams to quickly view and manage customer orders, queries, and refunds by creating admin apps that gather data from third-party APIs providers like Stripe, Twilio, Zendesk, etc. Toolpad Studio allows end users to create, read, update, or delete records.View more

Utility apps

Provide the stakeholders with simple apps to manage their daily operations. You can quickly build an app on Toolpad Studio by calling APIs or writing custom functions. Your app remains secure as the code never leaves your network, and you can securely deploy it to any service you choose.View more

Build much more!

Learn how to build these and many other apps using Toolpad Studio!View more examples

Features

Production-ready
in minutes

Build visually

Use the drag & drop canvas to build applications fast. Create a beautiful, functional user interface without writing a single line of CSS.

Use your IDE

Build low-code with pro-code extensibility. Use your IDE to write code and bring data to the canvas.

Connect any data source

No need for integrations — use your existing code to connect to your data sources, from databases to APIs.

MUI component libraries

Access the full suite of pre-built MUI components, including both Material UI and MUI X—or bring your own custom components to your Toolpad Studio app.

Self-host for security

Host Toolpad Studio on your own infrastructure to keep full control over where your data goes. In the future, we will provide airgapping guarantees.

Custom theming

Write CSS in Toolpad Studio to manage the finer details. Import styles or define them locally to take full control of your app's theme.

Upvote the features you want to get prioritized 👍

Want to request a feature? Head over to our repo and if not already listed, feel free to open an issue explaining the use case.

Upvote

Plans

Different plan sizes to fit
every need

With the intention to have affordable plans for all kind of business needs, we will announce our exact pricing later this year.

Community

Get started with a powerful open-source low-code platform, MIT-licensed, free forever

Plans

Community

Hosting

Self-hosting


Cloud hosting

Apps

Apps

Unlimited


Data sources

Unlimited


Export to code


Plugin API


Staging environments

1 env

White label


Custom themes

Components

Components


Custom components


Premium components

Security

OAuth2/OpenID SSO


SSO enforcement


SAML-based SSO


Granular permissions


Audit logs

Support

Support level

Community

Plans

Community

Commercial

Community

Get started with a powerful open-source low-code platform, MIT-licensed, free forever

Commercial

Paid plans for large teams and organizations with advanced security, control, and support needs

Hosting

Self-hosting


Cloud hosting

Apps

Apps

Unlimited

Unlimited


Data sources

Unlimited

Unlimited


Export to code


Plugin API


Staging environments

1 env
Unlimited

White label


Custom themes

Components

Components


Custom components


Premium components

Security

OAuth2/OpenID SSO


SSO enforcement


SAML-based SSO


Granular permissions


Audit logs

Support

Support level

Community
Priority


Stay in the loop

Subscribe to the Toolpad newsletter and receive product updates & success stories from Beta users.