Build a React front-end 10x faster in Retool

All React front-ends are made of the same building blocks: Tables, Lists, Charts, Forms, Buttons, and more. Retool provides a complete and powerful set of building blocks out of the box.

Assemble your app in 30 seconds by connecting to your datasource (anything with a REST, GraphQL, or gRPC API) and dragging and dropping from our 50+ professional React components.

Retool is highly hackable & completely customizable. Write javascript anywhere inside of Retool. If you can write it in javascript, you can build it in Retool.

Save hundreds of hours. Start building your React front-end in Retool now.

Book a demo

Industry

Software as a Service

End users

EngineeringCustomer SuccessCustomer SupportAdmin

Components

Build a React front-end 10x faster in Retool

Components

Build from a handful of drag-and-drop components

Text components can be used statically as labels or dynamically to display values.

Text Input is a component that takes a text input from the user. Commonly used to modify the parameters of a query.

Dropdown allows users to select one value from a list of options. Use MultiSelect Dropdown to be able to select more than one value.

Button triggers actions that do things like run queries, export data, or open other apps.

Table can be used to display the output of a query. You can control their appearance and the visible columns.

Key Value Map used to inspect the selectedRow of a table.

Container the best way to organize your Retool page. Use them as top-level components, and nest other components inside of them. Aesthetically, containers improve layout; functionally, they let you move components together.

Tabbed Container like containers, except they are split into a defined number of tabs, which can be programmatically selected.

Form use forms to group inputs together so you can submit them at once. To add inputs to a form, just drag them onto the form.

JSON Schema Forms are dynamically generated forms. You can use them when you want to display different forms depending on some user input, or to generate forms from an API schema.

Image include the image URL to display and the image file name to display.

Alert components let you display alert messages to your users. Messages can be one of four types: successful, errors, warning, or informational.

Data source

Easily connect to your datasource and get right to building. Connect directly to your database, query with SQL, or issue commands via a GUI. Quickly pull the data you need into your table or front-end. Explore our growing library of native integrations to PostgreSQL, MySQL, MongoDB, Firebase, S3, Elasticsearch and more.