Supernotes design examples
Explore Supernotes UI design examples. The best collaborative note-taking app
Product screens
Signup page where the user creates a new account by providing their name, email, username, and password.
Signup page where the user creates an account by providing their name, email, username, and password.
Signup screen where the user enters their name, email, username, and password to create a new account, currently showing a validation error on the username field.
Onboarding step where the user selects their primary use case from personal, work, or education options.
Onboarding step where the user selects their primary use case between personal, work, or education to tailor the experience.
Onboarding step where the user is introduced to the floating help menu via a coach mark before finishing account setup.
Onboarding step where the user chooses their preferred app appearance from four theme options like Hydrogen and Carbon.
Onboarding step where the user personalizes their profile by adding a photo and a brief bio before saving.
Onboarding step where the user is prompted to scan a QR code to download the companion mobile app.
Paywall screen presented during onboarding where the user can compare the free Starter plan against the Unlimited plan features before proceeding.
Home screen where the user reads their first welcome note card, with a sidebar showing collections, a calendar, and an outline.
Home page where the user views their personal collection of notecards, with a calendar and outline in the left sidebar and a pinned area on the right.
Browse the full SaaS app library
Explore real SaaS apps with their product screens, marketing screens, flows, and components.
Trusted by the best teams
