UI design examples for SaaS apps
Find UI design inspiration in SaaS screens, user flows, and interface components. Browse design examples by screen type, task, component, or app.
Screens
Browse screens
AI generation interface where the user chats with an assistant to build and refine a SaaS landing page, viewing the live artifact alongside the thread.
Sign-up and onboarding
Help new users create an account and get started.
Pricing and billing
Explain plans, payments, and subscription choices.
Settings page where the user can view their current Starter plan and upgrade to Growth or Enterprise tiers to unlock more answer engines and content briefs.
Checkout page where the user enters their payment details, selects between Card or Cash App Pay, and provides a billing address to subscribe to the Pro plan.
Dashboards and data
Make information easier to find and understand.
Settings and access
Help people manage preferences and permissions.
Settings page where the user is asked to provide feedback on why they are leaving before confirming the cancellation of their subscription.
Settings page where the user configures account security options including passkeys, multi-factor authentication, and their login email.
Feedback and system states
Show what happened and what people can do next.
AI chat interface where the user can start a new conversation with Bud, select a model, or navigate to projects and skills.
Flows
Browse flowsGetting started
Create an account, set it up, and invite teammates.
User enters work email or selects Google on signup screen then receives magic link on verification screen
Finding information
Find information and narrow the results.
User views asset gallery and library list views to search, filter, and browse draft marketing and sales assets in a grid with metrics
User reads two help center articles covering subscription tiers, plan comparison table, and navigation elements in docs and marketing surfaces
Account and subscription
Recover access or change a subscription.
User starts on forgot password card with reset, Google sign-in, and email code options then enters 6-digit OTP sent to email on verification screens
User opens billing settings to cancel Profound Starter plan, selects cancellation reason via dropdown, provides optional feedback, views retention discount offer, and confirms cancellation
User opens billing settings modal on free plan, views credit usage and upgrade prompt to business plan
Marketing screens
Browse marketing screensProduct and conversion
Explain the product and help visitors choose their next step.
Company and contact
Introduce the company and help visitors get in touch.
Components
Browse componentsInputs and controls
Enter information and choose an action.
A contact form for business inquiries about becoming an AI company, targeting regulated industries.
Content and states
Present data, settings, plans, and empty states.
A screen prompting the user to create their first encryption key, explaining its purpose for securing task run payloads and sensitive data, with options to create the key or view documentation.
Apps
Browse appsApp categories
Explore app designs by category.
