How to build a drag and drop app builder

Join and transform data: Transform query results using JavaScript or Python code.

No-code query editors: Query Editors are available for all supported data sources.

Low-code: Use JS code almost anywhere within the builder, such as setting text color based on status with.

Granular access control: Set permissions at both group and app levels.

Run JS & Python code: Execute custom JavaScript and Python snippets.

Version control: Manage multiple application versions with a structured release cycle.

Extend with plugins: Use our command-line tool to easily bootstrap new connectors.

Collaborate: Add comments anywhere on the canvas and tag your team members.

Self-host: Supports Docker, Kubernetes, Heroku, AWS EC2, Google Cloud Run, and more.Desktop & mobile: Customize layout widths to fit various screen sizes.

40+ data sources: Integrate with external databases, cloud storage, and APIs.

Multiplayer editing: Allows simultaneous app building by multiple developers.

Multi-Page: Build an application with multiple pages.

ToolJet Database: Built-in no-code database.

Visual App Builder: 40+ built-in responsive components, including Tables, Charts, Lists, Forms, and Progress Bars.

⭐ If you find ToolJet useful, please consider giving us a star on GitHub! Your support helps us continue to innovate and deliver exciting features. Additionally, you can integrate various data sources, including databases like PostgreSQL, MongoDB, and Elasticsearch API endpoints with OpenAPI spec and OAuth2 support SaaS tools such as Stripe, Slack, Google Sheets, Airtable, and Notion as well as object storage services like S3, GCS, and Minio, to fetch and write data. ToolJet's drag-and-drop frontend builder allows you to create complex, responsive frontends within minutes.

ToolJet is an open-source low-code framework to build and deploy internal tools with minimal engineering effort.

How to build a drag and drop app builder