500+ web applications featured
57,000+ web application screens
1,400+ user flows
7,400+ UI components
1,000+ hours of research
SaaS B2B products
Framer logo

Framer

Always interactive, lightning fast design.

Explore the complete UI of Framer with a keen UI/UX perspective. Our Framer collection includes 242 screens, ranging from the marketing site to the whole application behind the login. Dive deep into each Framer UI components (currently 81 available) and explore the detailed User flows, including onboarding, password reset, and more.

marketing screens

Landing page page from Framer
Landing page
Framer Ship sites with style
Framer Ship sites with style
Framer Ship sites with style
Feature page from Framer
Feature
Comparison page from Framer
Comparison
Plans & pricing (Marketing) page from Framer
Plans & pricing (Marketing)
Templates page from Framer
Templates
Templates page from Framer
Templates
Templates page from Framer
Templates
Templates page from Framer
Templates
List page from Framer
List
Integrations
Integrations
Integrations
Resources
Resources
Resources
Resources
Resources
Use cases
Application download
Application download
Partner program & Affiliation
Changelog (Marketing)
Changelog (Marketing)
Startup & non-profit program
Events
Contact
Plans & pricing (Marketing)
About & company mission
404
Privacy policy
Security

product screens

Signin
Signin
Confirmation, Terms & conditions
Signup
Signup
Signup
Confirmation
Product Page
Design editor
Onboarding
Onboarding
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor, Item settings
Design editor, Item settings, Notification
Item settings, Design editor
Item settings, Design editor
Design editor
Design editor
Design editor
Design editor, Item settings
Design editor, Item settings
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor, Create, Modal & popover
Create, Modal & popover, Design editor
Design editor
Design editor, Edit
Design editor
Design editor
Create, Modal & popover, Design editor
Design editor, Create, Modal & popover
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor, Modal & popover
Design editor, Modal & popover
Design editor, Modal & popover, Confirmation
Modal & popover
Modal & popover
Modal & popover, Empty state
Empty state, Modal & popover
Create, Modal & popover
Create, Modal & popover
Create, Modal & popover
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor, Notification
Design editor, Comments & reactions
Design editor, Comments & reactions
Comments & reactions, Design editor
Comments & reactions
Design editor, Comments & reactions
Design editor, Comments & reactions
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor, Navigation
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
List
List
Modal & popover
Modal & popover
Modal & popover
Modal & popover
Edit
Upgrade your account, Modal & popover
Tooltip
Delete, Modal & popover
Design editor
Design editor
Design editor
Modal & popover, Create
Create
Design editor, Create, Modal & popover
Design editor
Design editor
Delete, Modal & popover
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor
Design editor, Tooltip
Design editor, Invite teammate
Design editor, Invite teammate
Design editor, Invite teammate
Invite teammate, Design editor
Item settings
Item settings
Item settings
Item settings
Item settings
Empty state, Item settings
Item settings, Empty state
Plans & pricing (Product)
Item settings
Design editor
Design editor
Design editor
Design editor, Create, Modal & popover
Design editor, Create, Modal & popover
Design editor
Design editor
Design editor
Design editor, Tooltip
Design editor
Design editor, Notification
Item settings
Dropdown & other states
Dropdown & other states, Notification
Notification, Dropdown & other states
Design editor
Command palette
Keyboard shortcuts, Modal & popover
Design editor, Notification
Design editor
Design editor, Item settings, Modal & popover
Modal & popover, Design editor, Item settings
Home
Home
Loading state, Modal & popover
Account settings, Modal & popover
Modal & popover, Team management
Modal & popover, Team management
Modal & popover, Team management
Team management, Modal & popover
Modal & popover
Account settings, Modal & popover, Upgrade your account
Modal & popover, Team settings
Modal & popover, Create, Team
Team, Create, Modal & popover
Modal & popover, Team, Create
Modal & popover, Team, Create
Team, Modal & popover, Create
Team, Create, Modal & popover
Empty state, Home
Empty state, Home
Team settings, Modal & popover
Team settings, Modal & popover
Delete, Modal & popover
Delete, Modal & popover
Home
Account settings, Modal & popover
Integrations, Modal & popover
Collection, List
List, Collection
Collection, List
Delete, Modal & popover
List, Notification
Templates, Empty state
Collection, List
Collection, List, Tooltip
Collection, List
Delete, Modal & popover
Home, Notification, List
Collection, List
Collection, List
Collection, List