Skip to main content
Screens is a collection of UI screenshots from real applications. Use them for inspiration, reference, or to show AI tools what design style you’re looking for.

Finding Screens

Browse by Category

Screens are organized by industry and app type:
CategoryExample Apps
AIMonday.com, Anthropic
SaaSHubSpot, Salesforce
ProductivityTrello, Notion
FintechStripe, Cake Equity
E-commerceShopify, Amazon
DesignCanva, Figma
CommunicationZendesk, Slack
MarketplaceZillow, Airbnb
  • Featured — Curated selection of beautiful app designs
  • Newest — Recently added screenshots

Viewing Screens

App Pages

Click any app card to see all captured screens from that application:
  • Full page screenshots
  • Individual UI components
  • Different app states and views

Preview Dialog

1

Open preview

Click any screen thumbnail
2

Switch views

Press Tab to toggle between:
  • All Components — UI elements from this screen
  • Full Page — Complete page screenshot
3

Navigate

Use and to browse through screens
4

Bookmark

Press B to save for later

Using Screens

For Inspiration

Browse screens to find design patterns and UI ideas. See how top companies solve common design problems.

With AI Tools

Reference screens when prompting AI:
  1. Bookmark apps you like at 21st.dev/community/screens
  2. In Canvas Plan mode, the AI uses your bookmarked apps to understand your design preferences
  3. Get implementations that match your taste
Bookmark your favorites — The more apps you bookmark, the better AI understands your design style.

Add to Canvas

When using Canvas, press Enter in the preview dialog to add a screen directly to your canvas as a reference.

Managing Bookmarks

Press B on any screen or app to bookmark it. Access all saved screens from Bookmarks → Screens in the sidebar.

Keyboard Shortcuts

For a complete list of shortcuts for browsing screens and components, see:

Keyboard Shortcuts

Community keyboard reference