SaaS Design: 3,500+ Real UI Screens & Patterns
SaaS design is the UI and UX design of software-as-a-service products: dashboards, onboarding, settings, billing, tables, forms, and more. Browse 3,500+ real screens from 100+ products, organized by screen type below.
Browse by Screen Type
Login
77 screens from 67 apps
Signup
171 screens from 120 apps
Dashboard
191 screens from 97 apps
Settings
387 screens from 143 apps
Onboarding
492 screens from 134 apps
Pricing
71 screens from 50 apps
Navigation
23 screens from 16 apps
Empty-state
200 screens from 109 apps
Modal
616 screens from 147 apps
Form
167 screens from 84 apps
Table
152 screens from 79 apps
Profile
75 screens from 49 apps
Search
26 screens from 20 apps
Notification
13 screens from 12 apps
Editor
246 screens from 83 apps
Landing
82 screens from 45 apps
Analytics
135 screens from 52 apps
Chat
40 screens from 21 apps
56 screens from 28 apps
Calendar
43 screens from 20 apps
Billing
57 screens from 45 apps
Integration
156 screens from 90 apps
3,500+ Real SaaS UI Screenshots
ActiveCampaign
Onboarding flow
ActiveCampaign
Login screen
ActiveCampaign
Modal dialog
ActiveCampaign
Modal dialog
ActiveCampaign
Onboarding flow
ActiveCampaign
Onboarding flow
ActiveCampaign
Editor UI
ActiveCampaign
Email UI
ActiveCampaign
Editor UI
ActiveCampaign
Editor UI
ActiveCampaign
Editor UI
ActiveCampaign
Empty state
ActiveCampaign
Onboarding flow
ActiveCampaign
Form design
ActiveCampaign
Email UI
ActiveCampaign
Modal dialog
ActiveCampaign
Integrations
ActiveCampaign
Settings panel
ActiveCampaign
Empty state
ActiveCampaign
Onboarding flow
ActiveCampaign
Onboarding flow
ActiveCampaign
Editor UI
ActiveCampaign
Editor UI
ActiveCampaign
Empty state
ActiveCollab
Onboarding flow
ActiveCollab
Onboarding flow
ActiveCollab
Navigation UI
ActiveCollab
Empty state
ActiveCollab
Form design
ActiveCollab
Empty state
ActiveCollab
Empty state
ActiveCollab
Notifications
ActiveCollab
Calendar view
ActiveCollab
Empty state
ActiveCollab
Data table
ActiveCollab
Form design
ActiveCollab
Form design
ActiveCollab
Navigation UI
ActiveCollab
Empty state
ActiveCollab
Data table
ActiveCollab
Integrations
ActiveCollab
Settings panel
ActiveCollab
Profile page
ActiveCollab
Dashboard view
Airtable
Signup form
Airtable
Signup form
Airtable
Onboarding flow
Airtable
Onboarding flow
Airtable
Onboarding flow
Airtable
Onboarding flow
Airtable
Modal dialog
Airtable
Onboarding flow
Airtable
Modal dialog
Airtable
Modal dialog
Airtable
Modal dialog
Airtable
Data table
Airtable
Dashboard view
Airtable
Settings panel
Airtable
Form design
Airtable
Modal dialog
Airtable
Data table
Airtable
Modal dialog
Airtable
Modal dialog
Airtable
Settings panel
Airtable
Dashboard view
Airtable
Dashboard view
Airtable
Modal dialog
Airtable
Integrations
Airtable
Modal dialog
Amplitude
Signup form
Amplitude
Onboarding flow
Amplitude
Signup form
Amplitude
Signup form
Amplitude
Onboarding flow
Amplitude
Onboarding flow
Amplitude
Onboarding flow
Amplitude
Integrations
Amplitude
Settings panel
Amplitude
Dashboard view
Amplitude
Settings panel
Amplitude
Settings panel
Amplitude
Settings panel
Amplitude
Settings panel
Amplitude
Loading
Amplitude
Settings panel
Amplitude
Settings panel
Amplitude
Profile page
Amplitude
Settings panel
Amplitude
Settings panel
Amplitude
Empty state
Amplitude
Integrations
Amplitude
Settings panel
Appse AI
Login screen
Appse AI
Dashboard view
Appse AI
gallery
Appse AI
Editor UI
Appse AI
Empty state
Appse AI
Editor UI
Appse AI
Editor UI
Appse AI
Editor UI
Appse AI
Editor UI
Appse AI
Editor UI
Appse AI
Editor UI
Appse AI
Other
Appse AI
Landing page
Appse AI
Other
Appse AI
Other
Appse AI
Empty state
Arc Browser
Onboarding flow
Arc Browser
Landing page
Arc Browser
Onboarding flow
Arc Browser
Search interface
Arc Browser
Onboarding flow
Arc Browser
Settings panel
Arc Browser
Modal dialog
Arc Browser
Dashboard view
Arc Browser
Modal dialog
Arc Browser
Search interface
Arc Browser
Dashboard view
Arc Browser
Editor UI
Arc Browser
Onboarding flow
Arc Browser
Modal dialog
Arc Browser
Modal dialog
Arc Browser
Editor UI
Arc Browser
Modal dialog
Arc Browser
Editor UI
Arc Browser
Profile page
Arc Browser
Editor UI
Arc Browser
Settings panel
Arrows
Onboarding flow
Arrows
Integrations
Arrows
Integrations
Arrows
Integrations
Arrows
Onboarding flow
Arrows
Onboarding flow
Arrows
Onboarding flow
Arrows
Dashboard view
Arrows
Modal dialog
Arrows
Onboarding flow
Arrows
Form design
Arrows
Modal dialog
Arrows
Modal dialog
Arrows
Form design
Arrows
Data table
Arrows
Data table
Arrows
Settings panel
Arrows
Settings panel
Arrows
Dashboard view
Arrows
Settings panel
Arrows
Data table
Featured SaaS Products
ActiveCampaign
Email Marketing
24 screenshots
ActiveCollab
Project Management Software
20 screenshots
Airtable
Productivity
25 screenshots
Amplitude
Analytics
23 screenshots
Appse AI
Artificial Intelligence
16 screenshots
Arc Browser
Browser
21 screenshots
Arrows
Customer Experience
21 screenshots
Asana
Project Management Software
24 screenshots
AssemblyAI
Artificial Intelligence
25 screenshots
Attio
CRM
25 screenshots
Auth0
Identity Management
24 screenshots
Ballpark
App Experience
18 screenshots
Topic Collections
Image-led landing pages for the SaaS UI topics teams search most — each with real screenshots, featured products, and FAQs.
Frequently Asked Questions
What is SaaS design?
SaaS design is the UI and UX design of software-as-a-service products. It covers the visual design, interaction patterns, and user experience of web-based applications accessed through a browser. This includes dashboards, onboarding flows, settings pages, billing interfaces, data tables, forms, and all other screens that make up a SaaS product.
What is the difference between SaaS UI and SaaS UX?
SaaS UI (user interface) refers to the visual elements users interact with: buttons, forms, tables, colors, typography, and layouts. SaaS UX (user experience) is broader—it encompasses the overall feel of using the product, including navigation flows, onboarding, feedback, and how easily users accomplish their goals. Good SaaS design requires both great UI and great UX.
What makes good SaaS product design?
Good SaaS design is clear, consistent, and efficient. It helps users accomplish tasks quickly without confusion. Key principles include: clear information hierarchy, consistent navigation patterns, effective onboarding, minimal cognitive load, fast performance, accessible interfaces, and thoughtful empty states. Study real products like Linear, Notion, and Stripe to see these principles in action.
How can I learn SaaS design?
Study real products. Browse SaaSUI to compare how different apps handle the same screen type—dashboards, settings, onboarding, pricing. Notice patterns: what works, what feels clunky, where you get confused. Read case studies from Linear, Stripe, and Figma. Practice by redesigning existing flows or building your own SaaS MVP. Hands-on work with real constraints teaches more than theory alone.
Explore by Pattern Type
Study real SaaS interfaces organized by screen type — perfect for designers building dashboards, onboarding flows, settings pages, and more.
Browse All Patterns