Skip to content

Heroic Labs design examples

Explore Heroic Labs UI design examples. Backend for game developers

Product screens

Heroic Labs - Sign in screen
Heroic Labs logo
Heroic Labs

Sign-in screen where the user authenticates with Google, Github, or email, with a tabbed option to switch to sign up.

Heroic Labs - Password reset screen
Heroic Labs logo
Heroic Labs

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

Heroic Labs - Sign up screen
Heroic Labs logo
Heroic Labs

Signup page where the user can create a new account using Google, GitHub, or an email and password.

Heroic Labs - Sign up screen
Heroic Labs logo
Heroic Labs

Onboarding step where the user sets up their profile by adding an avatar, name, company, and country, with an option to subscribe to the newsletter.

Heroic Labs - Home screen
Heroic Labs logo
Heroic Labs

List view where the user manages their games, currently showing an empty state with a prompt to create a new game.

Heroic Labs - Dropdown screen
Heroic Labs logo
Heroic Labs

Dashboard empty state where the user is prompted to create their first game.

Heroic Labs - Create screen
Heroic Labs logo
Heroic Labs

Modal overlay where the user starts creating a new game by entering its name as the first step of a four-part wizard.

Heroic Labs - Create screen
Heroic Labs logo
Heroic Labs

Create modal where the user configures a new game project by specifying the engine, genre, and release date in a multi-step wizard.

Heroic Labs - Create screen
Heroic Labs logo
Heroic Labs

Game creation wizard on the third step where the user can invite team members by entering their email addresses or nicknames.

Heroic Labs - Create screen
Heroic Labs logo
Heroic Labs

Creation modal where the user completes the new game setup by receiving their API key and starting the project.

Heroic Labs - Settings screen
Heroic Labs logo
Heroic Labs

Settings page where the user configures game profile details, manages destructive actions, and generates server and API keys.

Heroic Labs - Team screen
Heroic Labs logo
Heroic Labs

Settings page where the user invites new collaborators via email or nickname and manages existing team members.

Browse the full SaaS app library

Explore real SaaS apps with their product screens, marketing screens, flows, and components.

Trusted by the best teams

More from Heroic Labs