Fable design examples

Name: Fable
Author: Bertrand

Explore Fable UI design examples. Stories for everyone

Product screens

Sign-in screen where the user authenticates with email and password, or via Google and Apple single sign-on.

Signup modal where the user creates an account using email and password or authenticates via Google or Apple.

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

Landing page where a central modal overlay is actively loading content over an illustrated background.

Landing page where the user can download the app or access profile and account settings via an open user menu.

Settings page where the user views their profile details, follower counts, and can navigate to edit their public profile or account settings.

Profile page where the user views their reading lists like 'Want to Read' and 'Finished', with options to edit their profile or share it.

User profile page where the clubs tab shows an empty state prompting the user to discover book clubs to read together.

User profile page where a modal is open to share the profile via Facebook, Twitter, email, or by copying a link.

Profile settings page where the user edits their display name, pronouns, and bio in a side drawer.

Settings drawer where the user updates their display name, pronouns, bio, and profile privacy.

Settings drawer where the user updates their display name, pronouns, bio, and profile privacy visibility.

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