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

Playbook

Make your creative work beauuutiful

Explore the complete UI of Playbook with a keen UI/UX perspective. Our Playbook collection includes 162 screens, ranging from the marketing site to the whole application behind the login. Dive deep into each Playbook UI components (currently 20 available)

marketing screens

Landing page page from Playbook
Landing page
Landing page, Navigation, Dropdown & other states page from Playbook
Landing page, Navigation, Dropdown & other states
Navigation, Dropdown & other states, Landing page page from Playbook
Navigation, Dropdown & other states, Landing page
Dropdown & other states, Navigation, Landing page page from Playbook
Dropdown & other states, Navigation, Landing page
Feature page from Playbook
Feature
Plans & pricing (Marketing) page from Playbook
Plans & pricing (Marketing)
Modal & popover, Plans & pricing (Marketing) page from Playbook
Modal & popover, Plans & pricing (Marketing)
Feature page from Playbook
Feature
Education program page from Playbook
Education program
Startup & non-profit program page from Playbook
Startup & non-profit program
Use cases page from Playbook
Use cases
Feature page from Playbook
Feature
Feature
Feature
Feature
Feature
Feature
Blog
Blog, Collection
Article
Guide
Guide
About & company mission
Customer stories
Customer stories
Content
Content
Community
Community, Dropdown & other states
Community, Dropdown & other states

product screens

Modal & popover, Signin
Community, Popover
Community
Community, Dropdown & other states
Community, Popover, Comments & reactions
Profile
Modal & popover, Keyboard shortcuts
Community
Community, Dropdown & other states
Popover, Community
Community, Popover
Community
Community
Community
Product Page
Product Page
Modal & popover, Information state
Guide
Community
Community
Community
Community, Modal & popover
Community, Search
Community, Search, Empty state
Community, Search, Empty state
Content
Community, Templates
Collection, Templates
Collection, Empty state, Templates
Popover, Templates
Popover, Comments & reactions, Templates
Popover, Information state, Templates
Templates
Templates
Templates
Product Page, Dropdown & other states, Templates
Templates
Comments & reactions, Dropdown & other states, Templates
Dropdown & other states, Templates
Dropdown & other states, Templates
Templates
Templates, Collection
Templates
Templates
Templates, Collection
About & company mission
About & company mission
About & company mission
About & company mission
Terms & conditions
Privacy policy
Signin
Account setup
Signup
Signup
Confirmation, Empty state
Confirmation
Account setup
Signin
Password reset
Account setup, Empty state
Account setup
Onboarding
Onboarding
Navigation, Dropdown & other states
Home, Search
Home
Home, Popover, Messaging
Popover, Home, Messaging
Account settings
Information state
Navigation, Home, Notification, Dropdown & other states, Empty state
Home, Bulk actions
Search
Home, Popover, Messaging, Empty state
Popover, Messaging, Home
Home
Team
Team
Team, Create
Team, Dropdown & other states, Bulk actions
Team, Dropdown & other states
Support / Help center
Changelog (Product)
Changelog (Product), Search
Changelog (Product)
Changelog (Product), List
Changelog (Product), List
Changelog (Product), Dropdown & other states, Filters
Modal & popover, Signin, Changelog (Product)
Popover, Keyboard shortcuts
Profile
Product Page
Product Page, Popover, Comments & reactions
Popover, Product Page, Share
Popover, Product Page, Export
Export, Popover, Product Page
Create, Dropdown & other states
Edit
Product Page
Modal & popover, Create
Modal & popover, Create
Modal & popover, Create
Create, Modal & popover
Popover, Bulk actions
Modal & popover, Create
Modal & popover, Create, Empty state
Create, Modal & popover
Modal & popover, Popover, Product Page, Bulk actions
Modal & popover, Bulk actions, Popover, Product Page, Information state, Dropdown & other states
Modal & popover, Popover, Product Page, Information state, Bulk actions
Modal & popover, Create
Modal & popover, Popover, Comments & reactions
Modal & popover, Bulk actions, Popover, Product Page, Comments & reactions
Product Page, Dropdown & other states, Bulk actions
Product Page
Product Page, Dropdown & other states, Bulk actions, Information state
Product Page, Notification, Success state
Empty state, Collection, Product Page
Collection, Empty state, Product Page, Search
Empty state, Collection, Search, Product Page, Popover, Export
Product Page, Create
Upgrade your account
Dashboard & Stats
Dashboard & Stats
Dashboard & Stats
Product Page
Product Page, Collection
Product Page, Collection, Trash & Archive
Collection, Product Page, Empty state, Trash & Archive
Account settings
Modal & popover, Delete account