Design Discovery
Companion

Find references forButtons

Code Editor — web design examples

1 real code editor screens from production web products. See how live apps approach layout, copy and UI details.

Claude Design — copy-brief-form screenshot

Other screen types

Account Management
Account Setup
Achievements & Awards
Acknowledgement & Success
Action Option
Actions
Add & Create
Article Detail

Audio & Video Recorder

Bookmarks & Collections

Browse & Discover

Class & Lesson Detail

Command Palette

Commerce & Finance

Delete & Deactivate Account

Draw & Annotate

Emails & Messages

Follow & Subscribe

Followers & Following

Forgot Password

Guided Tour & Tutorial

Import & Export

Invite & Refer Friends

Invite Teammates

Multi-Column Layout

My Account & Profile

New User Experience

Order Confirmation

Promotions & Rewards

Reviews & Ratings

Settings & Preferences

Shop & Storefront

Song & Podcast Detail

Subscription & Paywall

Suggestions & Similar Items

Timeline & History

Transfer & Send Money

Trash & Archive

TV Show & Movie Detail

Upload & Download

User / Group Profile

User Collections

Wallet & Balance

All screenshots

Code Editor — Design Examples from Real Web Apps | Snaply