Retool design examples

Retool

Sign-in screen where the user authenticates with Google or their email and password.

• Sign In

Retool

Password recovery screen where the user enters their email address to request a reset link.

• Forgot Password

Retool

Signup screen where the user creates an account using their name, work email, and password, or authenticates via Google.

• Sign Up

Retool

Signup screen where the user creates a new account by providing their name, work email, and a password, or by authenticating with Google.

• Sign Up

Retool

Signup screen where the user enters their name, work email, and password to create a Retool account, or chooses to authenticate with Google.

• Sign Up

Retool

Onboarding step where the user chooses a team URL for their new workspace and configures domain auto-join.

• Account Setup
• Team Management

Retool

Onboarding step where the user chooses a subdomain for their Retool workspace and configures domain-based auto-join.

• Account Setup
• Setup Wizard

Retool

Design editor where the user is prompted to connect a database or API resource like PostgreSQL, MongoDB, or REST API during onboarding.

• Setup Wizard
• Integrations

Retool

Design editor where the user is configuring a new GitHub resource integration via a modal form, requiring a username and personal token.

• Setup Wizard
• Integrations

Retool

App builder interface where the user configures a new MySQL database connection by entering credentials and SSL settings in a setup modal.

• Account Setup
• Settings

Retool

Page builder interface displaying an onboarding modal that prompts the user to take a quick tutorial on core concepts.

• Guided Tour
• Tutorial

Retool

Design editor where the user is guided by a product tour popover to drag a table component onto the canvas, with a component library on the right and a SQL query editor at the bottom.

• Guided Tour
• Drag & Drop