Websites
Categories
All screens
๐ฝ 404 Page
45
๐จโ๐ฉโ๐งโ๐ฆ About Page
130
๐ Academy
25
๐ค Affiliate Page
41
๐ช AI Page
15
โ๏ธ Blog Feed
97
๐ Blog Post
65
๐ผ Careers Page
96
๐ Changelog
15
๐ฅ Comparison Page
55
๐ Contact Page
39
๐ค Customers Page
44
๐ Customer Stories
73
๐บ Demo Request
42
๐ฉโ๐ป Developers Page
7
๐ Documentation
38
โ๏ธ Download Page
27
๐ Early Access Page
13
๐ eBook Page
14
๐ข Enterprise Page
21
๐ Events Page
18
โ FAQ
9
โ Features Page
80
๐ฎ Free Side Product
29
๐ฑ Impact Page
9
๐งฐ Integrations Library
67
๐ค Integrations Page
35
โ๏ธ Landing Page
295
๐ Newsletter Page
8
๐ Podcast Pages
17
๐ฐ Press Page
35
๐ต Pricing Page
211
๐ถโโ๏ธ Product Video
16
๐ก Security Page
28
๐ Templates Library
32
๐ Thank You Page
12
๐ฏ Use Cases
41
๐บ Webinars Page
22
Sections
All sections
Announcement Bar
12
API Section
16
Awards & Recognition
18
Bento Grid
54
Blog Cards
29
Calculator
17
Call to Action
79
Case Study
10
Comparison
20
Contact Form
8
Cookie Banner
8
Customer Logos
43
Download Call to Action
8
FAQ
27
Feature List
16
Features
135
Footer
70
Gallery
5
Hero Section
31
How It Works
6
Infinite Marquee
5
Integrations
39
Map
11
Newsletter Signup
13
Persona
12
Pricing
96
Pricing Plan Comparison
29
Product Screenshot
4
Related Items
9
Reviews & Ratings
12
Security & Compliance
12
Slider
21
Statistics
51
Steps
19
Tabs
28
Team
28
Testimonial
88
Timeline
16
Use Case Section
15
Video Player
5
Link
Products
Categories
All screens
๐ช Account Setup
571
โ Add & Edit
419
๐ Analytics
81
๐ Appearance Customization
18
๐ณ Billing
50
๐ Calendar
13
๐ฌ Chat
17
โ Checklist
1
๐ณ Checkout
26
๐คทโโ๏ธ Confirmation
27
๐ Dashboard
189
๐ Delete Account
36
โน๏ธ Details
77
๐ค Discovery Questions
40
๐คทโโ๏ธ Empty State
114
๐ Flowchart
33
๐ฅ Import & Export
40
๐จ Inbox
21
๐พ Integrations
65
๐ Invite Team Members
103
๐ Loading Screen
33
๐ช Login
60
โ๏ธ Plans
27
๐ฎ Playground
11
๐ Product Tour
132
๐ฃ Referral Flow
23
๐ Search
28
โ๏ธ Settings
211
๐ฉ Share
12
๐ Sign Up Flow
192
๐ Success
45
๐ Table
89
๐ฏโโ๏ธ Team Members
23
โจ๏ธ Text Editor
28
โฌ๏ธ Upgrading
25
๐ Usage
21
๐ฌ User Onboarding
349
โ Verification
76
๐ Welcome Screen
51
Patterns
All patterns
Activity Feed
14
Activity Log
4
Add Item
227
AI Chat
13
AI Copilot
7
AI Generation State
12
Alert
12
API Key
57
Audit Log
5
Avatar
16
Avatar Group
14
Badge
235
Billing & Subscription
69
Calendar
28
Card
176
Charts
141
Chat Feed
26
Checkbox
53
Code Snippet
54
Color Picker
35
Combobox
4
Comments & Threads
28
Confirmation Dialog
32
Consent & Opt-In
75
Copy to Clipboard
101
Dashboard
98
Data Grid
6
Date & Time Picker
50
Delete
60
Drag & Drop
22
Dropdown Menu
192
Empty State
216
Error State
17
Favorites
9
Feedback
4
File Browser
42
File Upload
156
Filter
144
Grid View
13
Import & Export
51
Inbox
11
Inline Editing
6
Invite Team Members
191
Invoice
16
Keyboard Shortcuts
34
List View
40
Loading Indicator
51
Log In
43
Magic Link Authentication
21
Maps
18
Metrics
146
Modal
519
Multi-Factor Authentication
32
Notification Center
15
Onboarding Checklist
11
Pagination
43
Password Reset
8
Paywall
8
Product Tour
18
Progress Indicator
466
Prompt Input
31
Radio Buttons
62
Referral
9
Remove Item
24
Request Permissions
15
Rich Text Editor
24
Roles & Permissions
42
Search
189
Segmented Control
36
Session Management
5
Settings & Preferences
199
Share
16
Sidebar Navigation
379
Side Panel
87
Sign Up
130
Single Sign-On
143
Skeleton Screen
27
Sort
28
Status Indicator
184
Stepper
123
Success Notification
111
Table
178
Tags
74
Task Management
60
Template
8
Text Input
910
Theme Mode
24
Third-Party Connection
85
Toast Notification
5
Toggle
150
Tooltip
4
Upgrade Prompt
132
Usage-Based Billing
7
Usage Indicator
41
User Profile
16
Verification
70
Webhooks
25
Wizard
114
Workflow Builder
24
Workspace Switcher
5
Screens
Patterns
Flows
SaaS
Search
โ
K
Search "
" in a screenshot
Height
SaaS
Vowel
SaaS
Userbot
SaaS
Kinsta
SaaS
Shogun
SaaS
Ludus
SaaS
Swell
SaaS
Air
SaaS
Walnut
SaaS
Billflow
SaaS
Typedesk
SaaS
Supernotes
SaaS
AhoyConnect
SaaS
Contractbook
SaaS
Abyssale
SaaS
Wistia
SaaS
AND.CO
SaaS
Hotjar
SaaS
Linear
SaaS
MailerLite
SaaS
Type Studio
SaaS
Mmhmm
SaaS
Notion
SaaS
VideoAsk
SaaS
Shortcut
SaaS
Hey
SaaS
Overflow
SaaS
Unbounce
SaaS
Graphy
SaaS
Teachable
SaaS
Airtable
SaaS
Artboard Studio
SaaS
Bannerbear
SaaS
Bubble
SaaS
Userflow
SaaS
GoSquared
SaaS
GraphCMS
SaaS
Upflow
SaaS
Workable
SaaS
Mailchimp
SaaS
Sendinblue
SaaS
SeedLegals
SaaS
Buffer
SaaS
Figma
SaaS
Drip
SaaS
Hypercontext
SaaS
Numbro
SaaS
Hugo
SaaS
UXCam
SaaS
GitBook
SaaS
Deel
SaaS
Woopra
SaaS
MarkUp
SaaS
Webflow
SaaS
Canny
SaaS
ConvertKit
SaaS
Mangools
SaaS
Acquire
SaaS
Cycle
SaaS
Bonjour
SaaS
Canyon
SaaS
PlayPlay
SaaS
Weglot
SaaS
Mixpanel
SaaS
Tapfiliate
SaaS
Specify
SaaS
Monday
SaaS
EmailOctopus
SaaS
Confetti
SaaS
Matter
SaaS
Melio
SaaS
Basecamp
SaaS
Reply
SaaS
Bonsai
SaaS
Maze
SaaS
Qwilr
SaaS
Zapier
SaaS
Landbot
SaaS
FLG
SaaS
Help Scout
SaaS
Whimsical
SaaS
Miro
SaaS
Crisp
SaaS
Datananas
SaaS
Yotpo
SaaS
Heap
SaaS
Groove
SaaS
Guru
SaaS
ProductBoard
SaaS
Abstract
SaaS
Sprout Social
SaaS
Viral Loops
SaaS
Folk
SaaS
Zendesk
SaaS
Hiver
SaaS
Clearbit
SaaS
Station
SaaS
Twist
SaaS
Close
SaaS
Avocode
SaaS
Previous
Next
3 / 4
๐จโ๐ฉโ๐งโ๐ฆ
About Page
Category
๐
Customer Stories
Category
๐ธ
Free Trial Emails
Category
Previous
2 / 2
#
Side Panel
Pattern
#
Bento Grid
Pattern
#
Table
Pattern
#
Workspace Switcher
Pattern
#
Wizard
Pattern
#
Webhooks
Pattern
#
User Profile
Pattern
#
Usage-Based Billing
Pattern
#
Toast Notification
Pattern
#
Stepper
Pattern
#
Sort
Pattern
#
Status Indicator
Pattern
#
Sidebar Navigation
Pattern
#
Share
Pattern
#
Security & Compliance
Pattern
#
Session Management
Pattern
#
Search
Pattern
#
Roles & Permissions
Pattern
#
Referral
Pattern
#
Rich Text Editor
Pattern
#
Prompt Input
Pattern
#
Product Tour
Pattern
#
Product Screenshot
Pattern
#
Onboarding Checklist
Pattern
#
Notification Center
Pattern
#
Password Reset
Pattern
#
List View
Pattern
#
Invoice
Pattern
#
Inline Editing
Pattern
#
Hero Section
Pattern
#
Grid View
Pattern
#
Filter
Pattern
#
File Browser
Pattern
#
Favorites
Pattern
#
Dashboard
Pattern
#
Data Grid
Pattern
#
Confirmation Dialog
Pattern
#
Combobox
Pattern
#
Billing & Subscription
Pattern
#
Badge
Pattern
#
Avatar Group
Pattern
#
Audit Log
Pattern
#
Alert
Pattern
#
AI Generation State
Pattern
#
AI Copilot
Pattern
#
AI Chat
Pattern
#
Activity Log
Pattern
#
Avatar
Pattern
#
Segmented Control
Pattern
#
Task Management
Pattern
#
Usage Indicator
Pattern
#
API Key
Pattern
#
Maps
Pattern
#
Comments & Threads
Pattern
#
Add Item
Pattern
#
Remove Item
Pattern
#
Card
Pattern
#
Pagination
Pattern
#
Delete
Pattern
#
Use Case Section
Pattern
#
Multi-Factor Authentication
Pattern
#
Pricing Plan Comparison
Pattern
#
Blog Cards
Pattern
#
Comparison
Pattern
#
Footer
Pattern
#
Keyboard Shortcuts
Pattern
#
Radio Buttons
Pattern
#
Calendar
Pattern
#
Magic Link Authentication
Pattern
#
Video Player
Pattern
#
Steps
Pattern
#
Quote
Pattern
#
Illustration
Pattern
#
People
Pattern
#
Gradient
Pattern
#
Theme Mode
Pattern
#
Consent & Opt-In
Pattern
#
Tooltip
Pattern
#
Infinite Marquee
Pattern
#
Date & Time Picker
Pattern
#
Gallery
Pattern
#
Third-Party Connection
Pattern
#
Progress Indicator
Pattern
#
Tags
Pattern
#
Error State
Pattern
#
Request Permissions
Pattern
#
Metrics
Pattern
#
Success Notification
Pattern
#
Loading Indicator
Pattern
#
Single Sign-On
Pattern
#
Color Picker
Pattern
#
Drag & Drop
Pattern
#
File Upload
Pattern
#
Toggle
Pattern
#
Import & Export
Pattern
#
Checkbox
Pattern
#
Dropdown Menu
Pattern
#
Text Input
Pattern
#
Workflow Builder
Pattern
#
Template
Pattern
Next
1 / 2
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Pricing
Profile
Profile
Bookmarks
Logย out
Log in
Get started
Get SaaSFrame Pro
Monthly
$18
Quarterly
$48
Yearly
$180
Upgrade to access this feature
Browse all screens & flows
Filter and search screens & flows
Access Figma files
Access mobile versions
Bookmark screens & flows
Join now
Get SaaSFrame Pro
Designing great SaaS begins here.
Free vs Paid SaaS Design Libraries: Which Is Worth It?
Free vs paid SaaS design inspiration libraries: compare SaaSFrame, Mobbin, Page Flows and free galleries to decide when a subscription is worth it.
Editable SaaS Design Inspiration in Figma with SaaSFrame
Copy real SaaS design examples from SaaSFrame into Figma as editable designs. Learn the workflow and explore onboarding and contact form references.
Mobbin Alternatives for B2B SaaS and Web App Design
Compare Mobbin alternatives for B2B SaaS design. Explore SaaSFrame, Refero, Nicelydone and Page Flows, with tables covering research fit and Figma workflows.
10 SaaS Pricing Page Design Trends for 2026 (with Real Examples)
Explore 10 SaaS pricing page design trends for 2026, with real examples and practical advice on plan comparisons, AI credits, billing, and buyer trust.
SaaS Sharing and Permissions UX: 6 Real Examples
Explore six real SaaS sharing and permission interfaces. Learn how products communicate access levels, public links, invitations and security.
SaaS Inbox Design: 6 Real Notification and Message Center Examples
Explore six real SaaS inbox and notification center designs. Learn how products handle priority, unread states, filtering and contextual actions.
SaaS Detail Page Design: 6 Real Record and Profile Examples
Explore six real SaaS detail pages and learn how tabs, metadata, timelines and contextual actions help users understand complex records.
SaaS Integration UX: 6 Real Connection and Setup Examples
Explore six real SaaS integration interfaces and learn how products design discovery, authorization, connection states and setup guidance.
SaaS Table UI Design: 6 Real Data Grid Examples
Explore six real SaaS table and data-grid interfaces. Learn how products handle hierarchy, filters, row actions and dense information without sacrificing clarity.
SaaS Search UX: 6 Command Palette and Search Modal Examples
See six real SaaS search modals and command palettes. Learn how shortcuts, recent items, grouping and keyboard navigation make complex products faster.
SaaS Billing Page Design: 6 Real Subscription UX Examples
Explore six real SaaS billing and subscription interfaces. Learn how products communicate usage, plans, invoices and upgrades with greater transparency.
SaaS Settings Page Design: 6 Real Examples and Best Practices
Explore six real SaaS settings pages and the UX principles that make complex preferences, account controls and destructive actions easier to manage.
SaaS Empty State Design: 6 Real Examples That Drive Action
See six real SaaS empty state examples and learn how useful blank states explain the product, establish context and lead users to a meaningful first action.
SaaS Signup Flow Design: 6 Real Examples and UX Patterns
Explore six real SaaS signup flows and learn how effective registration experiences reduce friction, reinforce value and guide users toward activation.
SaaS Dashboard Design: 12 Real Examples and UX Patterns
Explore 12 real SaaS dashboard examples and the UX patterns behind them. Learn how leading products design hierarchy, empty states, analytics and contextual actions.
Fintech Onboarding UX: 8 Real Account Setup Examples
Explore eight real fintech onboarding and account setup examples. See how Wise, Stripe, Arc, Current and other products design segmentation, security, progress and activation.
AI SaaS Pricing Page Design: Credits, Usage Limits and Examples
Learn how to design AI SaaS pricing pages that explain credits, included usage and overages, with real Peec AI, Reducto and Hume AI examples.
Designing Bento Grids That Actually Work: A 2026 Practical Guide
Master bento grid design in 2026. Learn when to use this layout system, how to build it in Figma, and explore 15+ real SaaS examples from Diagram, Notion, and Linear. Practical guide with visual breakdowns.
10 UI Patterns That Drive Pricing Pages Conversions in 2026
Discover 10 research-backed UI patterns from top SaaS companies that convert pricing page visitors into paying customers. Includes real examples and conversion data.
The 2FA UX Paradox: How to Design Security That Users Actually Enable
Why do 90% of users skip 2FA despite massive security benefits? Learn the 6 design patterns that increase adoption by 26-33% with real SaaS examples.
The Rise of CMD+K: Why Every SaaS Needs a Search Modal in 2026
Discover why CMD+K search modals have become essential for modern SaaS products. Real examples from Linear, Notion, and top companies with implementation tips.
The Anatomy of High-Performance SaaS Dashboard Design: 2026 Trends & Patterns
Let's break down the anatomy of modern SaaS dashboard design based on real-world patterns from industry leaders.
10 SaaS Landing Page Trends for 2026 (with Real Examples)
The next generation of SaaS design is about clarity + personality. Landing pages are becoming richer, faster, and more immersive โ without losing focus on usability.
Mastering Drag and Drop: A Comprehensive Guide
From organizing tasks in productivity apps to rearranging elements on a website, drag and drop are everywear.
Minimalist Navigation: Less Is More
How to leverage simplicity and clarity to empower users to navigate with ease and accomplish their tasks with confidence.
The Ultimate Exit Intent Popup Guide
It's time to turn those potential goodbyes into enthusiastic hellos.
Microinteractions: The Small Design Details That Make a Big Difference
Micro interactions may be small in size, but their impact on the user experience in SaaS design is immense.
Elevate User Onboarding with Interactive Product Tours
SaaS products often have a plethora of features and options. Navigating this intricate landscape can be perplexing for users, leaving them feeling lost and frustrated. This is where interactive product tours step in to save the day.
Mastering Visual Weight in SaaS Design
Visual weight is like the spotlight in a theater, guiding your eyes to what matters most on the stage. It's what makes a SaaS interface not just look good but also feel intuitive and engaging.
Addressing SaaS Users Errors
It's not uncommon for users to make mistakes while navigating through SaaS products. But when they do, it's essential for SaaS providers to guide them effectively without causing frustration.
Unlocking the Power of Accessibility in SaaS Design
The effectiveness of SaaS largely depends on how accessible it is to all users, including those with disabilities. Let's take a closer look at how to ensure that your SaaS is inclusive, user-friendly and compliant with accessibility standards.
Make Dark Mode Work for Your SaaS
You might be wondering, what's the big deal about dark mode? Well, dear reader, there's more to it than meets the eye. Let's explore why it's become a staple in SaaS websites and products.
From Features to Solutions: Why Your SaaS Needs Use Cases Pages
Show potential customers how your SaaS can address their unique pain points and meet their needs.
Every SaaS Needs Comparison Pages
Many SaaS don't bother to create comparison page for their marketing website, and yet it's one of the best ways to make your SEO rankings improve, customer trust grows, and conversions soar.
Understanding The Bento Layout Trend
If you've visited any SaaS landing pages recently, you've probably seen them. Bento grids are everywhere these days.