Fable design examples

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.

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.

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

Account settings page where the user can reset their password, manage saved credit cards, and view their subscription status.

Settings page where the user adds a new credit card and billing address via a side drawer.

Account settings page where a modal confirms that a password reset email has been sent to the user's address.

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