Add documentation to web apps
Learn how to add a README and user documentation to web apps.
Learn how to add a README and user documentation to web apps.
Monitor Retool apps by connecting with Datadog or Sentry.
Learn about Retool's IDE for app development.
Learn how to assemble mobile layouts for Retool web apps.
Learn how to develop and deploy custom React components for Retool apps.
Learn how to display and interact with your data using repeatable components.
Learn how to reuse groups of components and queries across apps.
Learn about Retool's Command Palette and its global search and commands.
Learn more about Retool's UI components.
Learn how to configure, edit, and sort table columns.
Learn how to create custom shortcuts for web app users.
Learn how to trigger actions and queries in response to user interactions.
Learn how to configure table rows.
Learn how to implement server-side pagination of data with the Table component.
Learn how to control app behavior and pass values using URL parameters.
Learn more about using custom CSS.
Learn how to customize app and page URLs.
Learn how to customize the Table component using different styles and add-ons.
Investigate and resolve issues with Retool's built-in debugging tools.
Use the option list editor to configure options manually or map data to generate them dynamically.
Learn more about how to create organization and app themes.
Learn how to embed Retool web apps with optional authentication.
Learn about embedding Retool apps in your existing web applications with support for authentication.
Learn how to filter and search table data.
Learn how to use the Agent Chat component to interact with agents.
Learn how to display information about the current user and retrieve profile images from Gravatar.
Learn how to add, configure, and set the value of boolean input components in Retool web apps.
Learn how to use buttons and links to help users navigate inside and outside of your app.
Learn how to use your data to create charts and graphs.
Learn how to use the Comment Thread component to enable users to post comments and start discussions directly within your apps.
Learn how to display and manage date and time values in web apps.
Learn how to use PDF, QR Code, and Video components to display embedded content.
Learn how to upload files and images in web apps.
Learn how to use frames to organize content in an app.
Learn how to use built-in icons in Retool apps.
Learn about the different ways to include images in your apps.
Learn how to use the LLM Chat component to provide access to an AI chatbot.
Learn how to use Mapbox Map to display coordinates and other information on a map.
Learn how to build interfaces for users to navigate within apps.
Learn how to collect number values with input components in Retool web apps.
Learn how to help users move between pages within apps.
Learn how to use various components to present text, numeric, and graphic information in your app.
Learn how to provide a list of options from which users can select in Retool web apps.
Learn how to provide number value ranges from which users can select in Retool web apps.
Learn how to display an interactive calendar in your app.
Learn how to build forms using components or JSON Schema to collect user input.
Learn how to assemble an input form using the Form component.
Learn how to embed a web page as an iframe into your Retool app.
Retool recommends using the Form component as it's more versatile for most use cases. Use the JSON Schema Form component only if your use case requires it. Refer to the comparison of form components for more details.
Learn how to display data in key-value pairs.
Learn how to display and interact with data using tables.
Learn how to use the Timeline component to display date information in a Gantt chart format.
Learn how to build a step-by-step interface with multiple paths using the Wizard component.
Learn how to group components into multi-view interfaces.
A content area to embed HTML and CSS markup.
A content area to embed a web page.
Learn how to import and export Retool apps.
Learn about legacy and deprecated components.
Learn how to localize your Retool applications.
Monitor Retool Mobile apps by connecting with Datadog or Sentry.
Learn about collaborative app building for real-time development.
Learn more about notifications and their global settings.
Learn how to preview and share Retool web apps with users.
Learn about the programming styles supported by Retool and their use.
Learn how to capture user app behavior for use with Fullstory.
Learn how to reference dates and times in various components.
Learn how to map data to components and filter table rows.
Learn how to use a variable to automatically sync the selected customer between pages.
Learn about the fundamental concepts of Retool apps.
Build upon the app you created in part one and add more functionality.
Learn how to add multiple pages to your app's interface.
Learn how to pass data between pages in Retool apps.
A content area to display bar charts.
A content area to display bubble charts.
A button to trigger actions when clicked.
A group of buttons to trigger actions when clicked.
A button with preconfigured icon that trigger actions when clicked.
A container to group other components with a preconfigured collapsible body area.
A container to group other components together with flexible layout controls.
A dropdown menu with buttons to trigger actions when clicked.
A form to group and submit input fields.
A content area to display funnel charts.
A content area to display heat maps.
A JSON-defined form to group and submit input fields.
A content area to display line charts.
A container preconfigured with an icon and text.
A link to trigger actions when clicked.
A group of links to trigger actions when clicked.
A content area to display mixed charts.
A button to trigger actions when clicked.
A content area to display pie charts.
A content area to display custom charts.
A content area to display sankey charts.
A content area to display scatter charts.
A content area to display sparklines.
A dropdown menu with buttons to trigger actions when clicked.
A container to group other components together in a flexbox layout.
A content area to display stacked bar charts.
A container to group other components into a series of steps.
A content area to display sunburst charts.
A container to group other components into tabbed views.
A toggle button to trigger different actions when clicked.
A toggle link to trigger different actions when clicked.
A content area to display treemaps.
A content area to display waterfall charts.
A container for a series of steps with multiple branches and outcomes.
Learn more about usability features.
Learn how to use the Retool custom component library with your custom component.
Learn how to configure custom React components with TypeScript API.
Learn how to validate forms and input components.
Learn how to version apps or revert changes to a previous state.
Learn about the best practices for building performant web apps.
Retool Portals lets you whitelabel the Retool experience so that your end users–be it customers, vendors, or partners–don't know they're using Retool. This means Retool manages everything from user email invitations, to signup, permissions, the app experience, and more. You can also upload your logo and customize the look and feel of Retool to match your company brand.
Learn how to write Cypress and Playwright tests against your Retool apps.