- Desktop (273)
- Tablet (5)
- Mobile (61)
406. Fixed Bottom-Right Chat Bubble
Desktop | Feedback | Pathfinding | Onboarding | Web | English | Chat | Side Panel | Accordion | Fixed on Scroll | Notification Badge | Progress State | Live State | Transition | Scrollbar | Text Input
405. Ferrari Luce Website (by LoveFrom)
Desktop | Landing Page | Web | Navbar | Footer | Hypertext Links | Animation | Carrousel | Fixed on Scroll | Image / Illustration | Thumbnail | Button | Transition | Video | Anchor Scroll | Scrollbar
404. Sidebar Backdrop Menu
Desktop | Pathfinding | Accessibility | Decision Making | Web | English | Side Panel | Scrollbar | Toggle Field | Button | Image / Illustration | Fixed on Scroll | Filters | Animation
403. File Upload and Background Loader
Desktop | Awareness | Feedback | Onboarding | Web | English | User Selection | Drag & Drop Gesture | Loader | Animation | Image / Illustration | Empty State | Progress State | Button | File OS | Click Event
402. Transition: Zoom-to-Dock for Minimize
Desktop | Awareness | Accessibility | Decision Making | Apple OS | EspaƱol | Navbar | Drag & Drop Gesture | Animation | Pagination | Side Panel | Transition | Click Event | Browser Window
401. In-App News Notification
Desktop | Awareness | Notification Badge | Tooltip | Infinite Scroll | Hypertext Links
400. 3D Button Shadow
Desktop | Awareness | Pathfinding | Button | Animation | Transition
397. Modal w/ Card Options
Desktop | Decision Making | Feedback | Awareness | Onboarding | Pathfinding | Web | EspaƱol | Modal | Thumbnail | Animation | Close Overlay | Cards | Dim Overlay
393. Colored Checkboxes
Desktop | Decision Making | Web | English | Image / Illustration | Checkbox
392. SaaS for Construction Workers
Desktop | Landing Page | Web | EspaƱol | Drag & Drop Gesture | Carrousel | Image / Illustration | Animation | Navbar | Hypertext Links | Fixed on Scroll
390. Icon Software Landing Page
Desktop | Landing Page | Decision Making | Web | English | Navbar | Footer | Hypertext Links
389. Text Edit Inline Input
Desktop | Accessibility | Decision Making | Web | English | Text Input | Hypertext Links | Modal
388. Drag & Drop and Checkbox to Select Multiple Item
Desktop | Accessibility | Feedback | Awareness | Decision Making | Web | EspaƱol | User Selection | Drag & Drop Gesture | Tooltip | Scrollbar | Checkbox
386. Skeleton Loader
Desktop | Awareness | Onboarding | Web | English | Loader | Thumbnail
382. Interactive Background Animation
Desktop | Feedback | Awareness | Onboarding | Landing Page | Web | English | Animation | Scrollbar | QR
379. Dropdown Filters
Desktop | Pathfinding | Accessibility | Web | EspaƱol | Filters
378. Modal Blackout w/ Animation
Desktop | Decision Making | Awareness | Onboarding | Web | EspaƱol | Modal | Hypertext Links | Animation
363. Better History - Back to Top on scroll
Desktop | Pathfinding | Awareness | Web | English | Pagination | Infinite Scroll | Hypertext Links | Fixed on Scroll
375. Toggle/Show Sidebar Menu
Desktop | Pathfinding | Web | EspaƱol | Navbar | Side Panel | Transition | Hover Event | Click Event | Avatar | List Items | Tabs
361. WhatsApp - Progress Bar Loading
Desktop | Awareness | Pathfinding | Onboarding | Web | EspaƱol | Loader | Hypertext Links
360. Page Outline Menu
Desktop | Pathfinding | Awareness | Accessibility | Onboarding | Web | English | Pagination | Anchor Scroll
359. Discord - Button to Input Transition
Desktop | Decision Making | Pathfinding | Consent | Web | EspaƱol | Text Input | Hypertext Links
356. MetaMap - Multi-Layout Topbar Menu
Desktop | Pathfinding | Awareness | Decision Making | Web | English | Navbar | Dropdown Menu
355. Jira - Feature Presentation Tooltip
Desktop | Awareness | Decision Making | Onboarding | Web | EspaƱol | Tooltip | Hypertext Links | Pagination
354. Figma - Floating Form with Steps
Desktop | Feedback | Consent | Awareness | Web | English | Text Input | Side Panel
353. Population Pyramid - Visualizations with live filters
Desktop | Pathfinding | Awareness | Decision Making | Web | EspaƱol | Graph | Filters | Dropdown Menu | Transition
362. Modal Blackout w/ Form & Animations
Desktop | Accessibility | Apple OS | EspaƱol | Modal | Text Input | Transition
350. Netifly - Multi-layout Topbar Menu
Desktop | Pathfinding | Web | English | Navbar | Dropdown Menu
349. HubSpot - Toggle High Contrast
Desktop | Accessibility | Awareness | Web | English | Hypertext Links | Navbar
359. Toggle List/Grid View
Desktop | Accessibility | Onboarding | Pathfinding | Web | EspaƱol | Tooltip | Hypertext Links
347. YouTube - Floating Progress Bar
Desktop | Awareness | Accessibility | Feedback | Web | English | Side Panel | Accordion
357. Modal w/ Steps & Animation (No blackout)
Desktop | Pathfinding | Awareness | Decision Making | Web | English | Modal | Animation | Image / Illustration
344. MercadoLibre - Horizontal Item Slider
Desktop | Awareness | Pathfinding | Web | EspaƱol | Carrousel | Modal | Pagination | Image / Illustration
343. Behance - Login with Code Validation
Desktop | Consent | Decision Making | Awareness | Web | EspaƱol | Text Input | Hypertext Links | Pagination
342. Savee - Light/Dark Mode Switcher
Desktop | Accessibility | Pathfinding | Web | English | Checkbox | Tabs
341. Image Grid Customization Sliders
Desktop | Accessibility | Pathfinding | Web | English | Animation | Drag & Drop Gesture | Range Field
340. Asana - Zoom/Magnifier Over Image
Desktop | Accessibility | Pathfinding | Web | English | Animation
339. Asana - Platform Onboarding Simulator
Desktop | Decision Making | Awareness | Pathfinding | Web | English | Text Input | Pagination | Animation | Hypertext Links
346. Sidebar Menu With Collapsable Items (Show More)
Desktop | Pathfinding | Accessibility | Awareness | Web | English | Accordion | Navbar
345. Vertical Accordion for FAQs
Desktop | Pathfinding | Accessibility | Awareness | Web | EspaƱol | Accordion | Hypertext Links
336. Floating Popover on Click
Desktop | Pathfinding | Awareness | Apple OS | English | Tooltip | Text Input | Hypertext Links
343. Modal/Dialog Drag & Drop to Fixed Position
Desktop | Accessibility | Pathfinding | Awareness | Web | EspaƱol | Drag & Drop Gesture | Modal | Side Panel | Alert Dialog
334. MercadoLibre - Call to Action Trigger Effect
Desktop | Decision Making | Awareness | Web | EspaƱol
331. Linkedin - Search Bar Blackout
Desktop | Pathfinding | Awareness | Web | EspaƱol
332. Drag & Drop to Create File from Web Image
Desktop | Pathfinding | Accessibility | Awareness | Web | Apple OS | Drag & Drop Gesture | Image / Illustration | File OS | Modal | Click Event
330. PositivePsychology - Article User Feedback
Desktop | Accessibility | Feedback | Web | English
322. Search on Menu Items
Desktop | Pathfinding | Awareness | Apple OS | EspaƱol | Navbar | Dropdown Menu | Text Input | Fixed on Scroll
336. Transition: Zoom-In/Out for Browser Windows
Desktop | Pathfinding | Apple OS | EspaƱol | Transition | Tabs | Thumbnail | Pinch Gesture
333. Static Tooltip with Steps
Desktop | Onboarding | Pathfinding | Awareness | Apple OS | English
325. Drag & Drop Tag Colors to Slots
Desktop | Decision Making | Awareness | Accessibility | Apple OS | English | Drag & Drop Gesture | Color Marker | Checkbox | Tags
324. Visual Studio Code - Dual View Scroll Sync
Desktop | Decision Making | Pathfinding | Apple OS | English
329. Postman - Onboarding Tooltips
Desktop | Onboarding | Apple OS | English
320. Discord - Sign In with Loading Tips
Desktop | Pathfinding | Onboarding | Apple OS | English | QR | Text Input | Password Input | Button
319. Modal Blackout w/ Multiple Choice
Desktop | Decision Making | Consent | Awareness | Web | EspaƱol | Modal | Avatar | Button | Hypertext Links
318. Binance - Tooltip on Features
Desktop | Decision Making | Onboarding | Pathfinding | Web | English
315. Signal - PIN Reminder
Desktop | Awareness | Accessibility | Apple OS | English | Text Input | Modal | Banner | Hypertext Links
314. Snapchat - Snap Camera
Desktop | Landing Page | Web | English | Scrollbar | Navbar | Fixed on Scroll | Button | Animation | Video
312. Pocket - View Switcher
Desktop | Pathfinding | Accessibility | Web | EspaƱol | Navbar | Thumbnail | Toggle Field | Radio Button
318. Instagram - Animated Illustration with Menu
Desktop | Pathfinding | Awareness | Web | English | Animation | Pagination | Carrousel
316. Modal Blackout for Delete Confirmation
Desktop | Decision Making | Awareness | Web | EspaƱol | Modal | Text Input | Button
309. Instagram - Brand Gradient
Desktop | Landing Page | Pathfinding | https://about.instagram.com/brand/gradient | Web | English | Animation | Scrollbar | Photo
308. MercadoLibre - Hero Slider
Desktop | Pathfinding | Awareness | Web | EspaƱol | Carrousel | Drag & Drop Gesture | Transition | Photo
313. Modal Blackout w/ Scroll
Desktop | Pathfinding | Web | EspaƱol | Modal | Scrollbar | Image / Illustration | Photo | MercadoLibre
312. Google Data Studio
Desktop | Landing Page | Web | EspaƱol | Navbar | Fixed on Scroll | Photo | Device Mockup | Google
311. Landing Page for App Download
Desktop | Landing Page | Decision Making | Web | English | Navbar | Fixed on Scroll | Embed | Image / Illustration | Button | Notion
308. Spinners for Module Loading
Desktop | Awareness | Pathfinding | Web | English | Loader | Twitter
307. Tooltip on Hover
Desktop | Awareness | Pathfinding | Apple OS | Web | English | Thumbnail | Tooltip | Side Panel | Google | Google Chrome
306. Drag & Drop for Reordering List Items (Mouse)
Desktop | Awareness | Accessibility | Web | English | Drag & Drop Gesture | Filters | List Items | Modal | Checkbox | Notion
305. Button Combo for App Download
Desktop | Pathfinding | Decision Making | Awareness | Web | EspaƱol | Button | Microsoft | Microsoft Teams
303. Background Animation (on Load)
Desktop | Onboarding | Awareness | Apple OS | English | Animation | Password Input
302. Theme Switcher in Side-drawer
Desktop | Accessibility | Pathfinding | Web | EspaƱol | Side Panel | Transition | Image / Illustration | Click Event | Google
300. Sound Bars Graph
Desktop | Awareness | Pathfinding | Apple OS | EspaƱol | Sound Bar | Transition | Click Event | Dropdown Menu | WhatsApp
299. Fixed Corner Popup with Steps
Desktop | Feedback | Awareness | Web | English | Notion
297. Thumbs Up/Down
Desktop | Feedback | Web | EspaƱol | Trello
_00.42.51.png?table=block&id=0252c6ff-06c8-496f-88d6-e8f876a3af4d&cache=v2)
295. āNEWā Badge on Menu Items
Desktop | Mobile | Awareness | Decision Making | Pathfinding | Web | English | Navbar | Notification Badge | Hypertext Links | Notion
293. Collapsable Sidebar Menu
Desktop | Awareness | Pathfinding | Accessibility | Web | English | EspaƱol | Side Panel | Transition | Click Event | Navbar | Google | Gmail
292. Vertical Icon Menu
Desktop | Awareness | Pathfinding | Web | English | Tooltip | Side Panel | Navbar | Hover Event | Image / Illustration | Notification Badge | Dashboard | Mailchimp
291. Action Menu from Button
Desktop | Decision Making | Awareness | Pathfinding | Web | English | Google | Google Meet
290. Floating Popover on Click
Desktop | Awareness | Decision Making | Web | English | Unsplash
288. Vimeo - Topbar Language Switching
Desktop | Awareness | Accessibility | Web | English | EspaƱol | Vimeo
286. Background Animation on Scroll
Desktop | Awareness | Pathfinding | Web | EspaƱol | Animation | Transition | Image / Illustration | Fixed on Scroll | Apple
285. Cloudflare - Sidebar with Scroll
Desktop | Pathfinding | Awareness | Web | English | Cloudflare
284. Emergency Information Map
Desktop | Pathfinding | Awareness | Landing Page | Web | EspaƱol | Google
284. Top Tooltip on Link Hover
Desktop | Awareness | Pathfinding | Web | English | Crunchbase
282. Telegram - Chat Setup Wizard
Desktop | Onboarding | Accessibility | Pathfinding | Apple OS | English | Telegram
281. Background Animation (on Mouse Move)
Desktop | Awareness | Web | English
280. Slack - Workspace Creation Wizard
Desktop | Accessibility | Onboarding | Apple OS | EspaƱol | Slack
279. Collapsable Layout Sidebars
Desktop | Pathfinding | Accessibility | Apple OS | macOS | EspaƱol | Toolbar | Navbar | Side Panel | Click Event | Transition | Avatar | Chat | Drag & Drop Gesture | List Items | Button | Close Overlay | Slack
278. Search Menu Dropdown from Input Text
Desktop | Pathfinding | Accessibility | Web | English | Google | Google Analytics
277. Horizontal Card Slider with Actions
Desktop | Pathfinding | Accessibility | Web | EspaƱol | Linkedin
268. Drag & Drop to Upload File
Desktop | Awareness | Pathfinding | Web | Apple OS | English | Drag & Drop Gesture | Modal | Hypertext Links | Animation | Image / Illustration | GIPHY
_07.10.33_p._m..png?table=block&id=1b4e4bae-3d76-8055-baf9-d28c23cd351f&cache=v2)
275. Popover on Hover
Desktop | Awareness | Decision Making | Web | EspaƱol | Tooltip | Linkedin
274. Interactive Background Animation
Desktop | Pathfinding | Awareness | Web | English | Animation | Loader | Drag & Drop Gesture | GitHub
265. Youtube - Hidden Options Menu (Dots)
Desktop | Pathfinding | Accessibility | Web | English | YouTube | Google
264. Interactive Background Animation
Desktop | Pathfinding | Apple OS | English | Animation | Click Event | Image / Illustration | Vectors | Figma
259. Multi-depth Sidebar Navigation
Desktop | Pathfinding | Web | English | Side Panel | Hypertext Links | Animation | Squarespace
258. Squarespace - Adaptable Viewport Size
Desktop | Accessibility | Pathfinding | Web | English | Side Panel | Hypertext Links | Animation | Squarespace
256. Modal Blackout w/ Forms & Steps
Desktop | Onboarding | Decision Making | Accessibility | Web | EspaƱol | English | Modal | Button | Steps | Dropdown Menu | Text Input | Image / Illustration | Close Overlay | Facebook
243. GIPHY - Trim Video Slicers
Desktop | Decision Making | Awareness | Accessibility | Web | English | Animation | User Selection | Drag & Drop Gesture | GIPHY
254. Toggle/Hide Sidebar Menu (Mouse)
Desktop | Pathfinding | Accessibility | Web | English | EspaƱol | Toggle Field | Active State | Side Panel | Transition | Click Event | Notion
253. Youtube - Table Row Selector
Desktop | Accessibility | Pathfinding | Awareness | Web | English | User Selection | Text Input | Fixed on Scroll | Thumbnail | YouTube | Google
240. Instagram - Horizontal Accordion
Desktop | Pathfinding | Decision Making | Web | English | Instagram
251. Progressive Layout Loader
Desktop | Pathfinding | Awareness | Web | English | Tooltip | Loader | Animation | Google | Google Analytics
235. Background Animation (on Mouse Hover)
Desktop | Decision Making | Awareness | Pathfinding | Web | EspaƱol | Animation | Hypertext Links | Disney
241. Modal Blackout w/ Steps
Desktop | Onboarding | Awareness | Web | English | Modal | Hypertext Links | Pagination | Image / Illustration | Wordpress
231. Floating Dialog Popover w/ Steps
Desktop | Awareness | Pathfinding | Web | EspaƱol | Hypertext Links | Pagination | Side Panel | Alert Dialog | Modal | Dark Mode | Wordpress
_15.12.59.png?table=block&id=9d78d4bd-0fab-4f57-9291-2d0e1b8e99a9&cache=v2)
229. Top Banner for Design Changes
Desktop | Awareness | Web | EspaƱol | Hypertext Links | Banner | Google | Google Meet
228. Notification Bell Status
Desktop | Accessibility | Web | English | Hypertext Links | Dropdown Menu | Empty State | User Selection | Avatar | Animation | YouTube | Google
236. Horizontal Graph with Time Ranges
Desktop | Pathfinding | Accessibility | Web | English | Google | Google Analytics
226. Youtube Studio - Image Multi-zone Crop
Desktop | Accessibility | Web | EspaƱol | YouTube | Google
225. Cloudflare - Multiple Graphs by Time Ranges
Desktop | Pathfinding | Accessibility | Web | English | Cloudflare
232. Drag & Drop to Browser
Desktop | Decision Making | Web | Apple OS | English | GIPHY
223. Stop Operation Progress
Desktop | Decision Making | Apple OS | macOS | EspaƱol | Alert Dialog | Progress State | Close Overlay | Hover Event | Image / Illustration | Apple
222. Cloudflare - Toggle Light/Dark Theme
Desktop | Accessibility | Web | English | Cloudflare
228. Open in New Window (Doble Click)
Desktop | Accessibility | Pathfinding | Apple OS | EspaƱol | Doble Click Event | Browser Window | Drag & Drop Gesture | Apple | Apple Notes
227. Secondary Sidebar Toggle (Mouse)
Desktop | Tablet | Accessibility | Pathfinding | Apple OS | EspaƱol | Click Event | Transition | Side Panel | Toggle Field | Active State | Apple | Apple Notes
218. Apple Keynote - Template Format Selection
Desktop | Decision Making | Accessibility | Apple OS | EspaƱol | Apple | Apple Keynote
_16.00.46.png?table=block&id=64a4f84d-2f69-4a08-86e4-8fa4fe9dcdf7&cache=v2)
222. Floating Banner on User Input
Desktop | Decision Making | Awareness | Web | English | Banner | Twitter
221. Stacked Action Button
Desktop | Awareness | Pathfinding | Web | English | Fixed on Scroll | Navbar | Infinite Scroll | Button | Back Link | Search Input | Twitter
214. Netflix - Information Toggle
Desktop | Accessibility | Web | EspaƱol | Dropdown Menu | Video | Thumbnail | Navbar | Button | Toggle Field | Netflix
218. Modal Blackout w/ Steps, Forms and Animations
Desktop | Onboarding | Web | English | Squarespace
217. Vertical Icon Menu (duplicated)
Desktop | Pathfinding | Web | English | Side Panel | Transition | Image / Illustration | Tooltip | Hover Event | Intercom
212. Automatic Background Animation (on Load)
Desktop | Decision Making | Awareness | Web | English | Animation | Loader | Hypertext Links
_00.32.31.png?table=block&id=99d40e79-c293-4cc7-a954-2f94c0c543a9&cache=v2)
172. PedidosYa - Search Results Recommendation
Desktop | Onboarding | Decision Making | Awareness | Web | EspaƱol | Tooltip | PedidosYa
121. 2-pane Audio Navigation
Desktop | Pathfinding | Web | English
169. Youtube Studio - Delete Content Forever
Desktop | Consent | Web | English | YouTube | Google
_11.28.04_a._m..png?table=block&id=9ed7b18a-e2c4-459c-89d2-022135be31eb&cache=v2)
207. Downloading Desktop App
Desktop | Awareness | Web | English | Hypertext Links
162. Login Value Compare
Desktop | Mobile | Decision Making | Web | English
205. Full Screen Widget Customization
Desktop | Accessibility | Apple OS | macOS | English | Cards | Bento Grid | Long Click Event | Click Event | Close Overlay | Apple
203. Two-step Download Flow
Desktop | Onboarding | Decision Making | Landing Page | Web | English | Button | Fixed on Scroll | Hypertext Links | Steps | Google | Google Chrome
_11.42.04_p._m..png?table=block&id=d98eb8a6-5b4b-424b-9a5b-65dbede004ee&cache=v2)
45. Webapp Video Loader
Desktop | Awareness | Web | English | EspaƱol | Loader
201. Modal Blackout w/ Actions
Desktop | Decision Making | Apple OS | English | Modal | Hypertext Links | Apple | Apple iTunes
_02.31.50_p._m..png?table=block&id=1fea5366-bed9-459d-830b-94012bc1c023&cache=v2)
54. Apple Safari - Browser Reader Mode
Desktop | Accessibility | Apple OS | Web | Apple | Apple Safari
_12.03.02.png?table=block&id=308eebf9-c4aa-4879-a6b9-62970b2cc7d2&cache=v2)
199. Sidebar Emptystate
Desktop | Onboarding | Awareness | Web | English | Side Panel | Hypertext Links | Empty State | Image / Illustration | Google | Google Suite
_13.52.38.png?table=block&id=d897f247-1e88-4d89-a9d1-20bef4084553&cache=v2)
43. File Upload Status
Desktop | Awareness | Web | English | Side Panel | Fixed on Scroll | Error State | Progress State | Google | Google Suite
_12.09.49_p._m..png?table=block&id=8f554dd6-da94-45ef-b53c-18f1077a65b3&cache=v2)
134. Save for Reading Later
Desktop | Mobile | Accessibility | Web | English
_18.38.50.png?table=block&id=c651e204-8edb-4bd8-96cb-760d7955b0bd&cache=v2)
148. Search Bar Fade-out
Desktop | Pathfinding | Web | English | YouTube | Google
_03.46.23_p._m..png?table=block&id=e0731ca1-8cfa-4d81-a98d-1fc2c1185692&cache=v2)
138. Read Modes
Desktop | Accessibility | Web | EspaƱol
_12.08.18_a._m..png?table=block&id=e429b5c2-bf14-48b7-a4ff-c94d655a3ceb&cache=v2)
91. Settings for Account Privacy
Desktop | Accessibility | Web | English | Twitter
_13.07.18.png?table=block&id=7884be75-bca0-427f-a45b-07538147c10d&cache=v2)
161. Apple - Two-Factor Validation (2FA)
Desktop | Consent | Onboarding | Web | Apple OS | English | Apple
175. Tab Preview on Hover State
Desktop | Pathfinding | Apple OS | Apple Safari
190. Delete Confirmation w/ Name (moved)
Desktop | Awareness | Web | English | Text Input | Modal | Hypertext Links | Webflow
_09.05.58_p._m..png?table=block&id=0661a925-a354-4f4d-bf55-7d96d9ba0b6f&cache=v2)
189. Feature Preview on Menu
Desktop | Awareness | Accessibility | Web | English | Dropdown Menu | Notification Badge
5. Website Promotional Top Banners
Desktop | Awareness | Web | English | Banner | Hypertext Links
_09.47.02_p._m..png?table=block&id=fe5cf013-944c-4937-88fd-36f64cfb47c7&cache=v2)
31. Page Blocker Edition Warning
Desktop | Awareness | Web | English
7. sitepoint - Accessibility Adjustments
Desktop | Accessibility | Web | English
111. Magazine Subscription
Desktop | Decision Making | Web | English
181. Plan Upgrade Flow
Desktop | Decision Making | Web | EspaƱol | Linkedin
132. Amazon - Store Tooltip Reminders
Desktop | Onboarding | Awareness | Web | EspaƱol | Tooltip | Hypertext Links | Amazon
137. Product Color Selector
Desktop | Pathfinding | Web | EspaƱol | MercadoLibre
93. Top Secondary Banner
Desktop | COVID-19 Edition | Web | English
144. Meeting Guest Warning
Desktop | Decision Making | Web | English | Google | Google Meet
114. News Swiper
Desktop | Pathfinding | Web | English
130. Animated Email Page
Desktop | Awareness | Decision Making | Email | English | Animation | Hypertext Links | Google | Gmail
189. Illustration (Meme) on Empty State
Desktop | Awareness | Web | English | Image / Illustration | Hypertext Links | Webflow
61. Section Dropdown
Desktop | Pathfinding | Web | English | Apple
89. Bottom Page Fake-News Warning
Desktop | COVID-19 Edition | Web | English | Medium
198. Take action on Music Claims
Desktop | Decision Making | Web | English | YouTube | Google
157. Webflow - Magnifying Glass on Images
Desktop | Accessibility | Web | English | Webflow
42. Browser Status Banner for Pages
Desktop | š± Mobile | Awareness | Apple OS | EspaƱol | Banner | Hypertext Links | Empty State | Error State | Apple Safari
164. Static Tooltip on Menu
Desktop | Awareness | Web | EspaƱol | Tooltip | Hypertext Links | Linkedin
81. MercadoLibre - Saving Favourites as Guest
Desktop | Onboarding | Web | EspaƱol | MercadoLibre
115. Buffer - Hover Instructions
Desktop | Onboarding | Web | English
158. Bar Reading Status
Desktop | Awareness | Pathfinding | Web | English | Progress State | Notification Badge | Navbar | Fixed on Scroll | McKinsey
56. Floating Tooltip with Steps and Blackout
Desktop | Onboarding | Decision Making | Awareness | Web | English | EspaƱol | Google | Gmail
203. Password Expiration on Login
Desktop | Awareness | Web | English
179. Stylized Feature Highlighting
Desktop | Awareness | Web | English | Google | Google Suite
90. In-product Top Primary Banner
Desktop | COVID-19 Edition | Web | English
150. Split OS Screens
Desktop | Accessibility | Web | English | Drag & Drop Gesture | Long Click Event | Browser Window | Navbar | Side Panel | Active State | Live State
148. Half-page Illustration Slider
Desktop | Onboarding | Web | English | Google | Google Meet
147. Linked Settings for User Permissions
Desktop | Consent | Awareness | Web | English | Google | Google Analytics
146. Floating Banner for Pricing/Subscription (3-tier)
Desktop | Decision Making | Web | English | Banner | Fixed on Scroll | Button | Close Overlay | Steps
145. Communication Preferences on Sign Up Flow
Desktop | Appreciation | Onboarding | ā¼ Consent | Web | English | Text Input | Hypertext Links | Pagination | Google | Google Suite
149. Security Top-banner
Desktop | Decision Making | Web | English | YouTube | Google
139. Synced Hover Animations
Desktop | Decision Making | Awareness | Web | English | Hypertext Links | Graph | Mailchimp
138. Widget Customization Sidebar (2-pane)
Desktop | Accessibility | Apple OS | macOS | English | Side Panel | Cards | Long Click Event | Drag & Drop Gesture | Close Overlay | Tabs | Transition | Toolbar | Apple
8. Adobe - In-App NPS Survey
Desktop | Feedback | Apple OS | English
131. Free Audiobook Trial
Desktop | Decision Making | Web | EspaƱol | Amazon
103. Subscription Reminder
Desktop | Decision Making | Web | English
125. Product Highlights
Desktop | Pathfinding | Web | English
124. Critical Changes Warning
Desktop | Awareness | Apple OS | EspaƱol | Slack
182. Static Tooltip for Text Formatting
Desktop | Accessibility | Web | English | Google | Google Sites
100. Floating Tooltip/Dialog
Desktop | Awareness | Web | EspaƱol | Google | Google Sites
83. Banner on News Page
Desktop | COVID-19 Edition | Web | English | Medium
10. Background Ads
Desktop | Decision Making | Web | EspaƱol
87. Warning on Product Homepage
Desktop | COVID-19 Edition | Web | English
36. Contact Segmentation
Desktop | Decision Making | Web | English
29. About.me - Wizard Generation Profile
Desktop | Onboarding | Accessibility | Web | English
117. Side Status Notification
Desktop | Awareness | Apple OS | English | EspaƱol | WhatsApp
116. User Feedback on Web Content
Desktop | Feedback | Awareness | Web | EspaƱol
115. Browser Background Customization
Desktop | Accessibility | Apple OS | EspaƱol | Apple | Apple Safari
171. Slack - Multi-browser Sign In
Desktop | Onboarding | Pathfinding | Apple OS | Web | Email | English | Navbar | Text Input | Hypertext Links | Button | Numeric Input | Slack
96. Encouraging Allowing Ads
Desktop | Decision Making | Web | English
32. Mailchimp - Makes me feel
Desktop | Feedback | Web | English
122. Automatic Popover with Steps
Desktop | Onboarding | Apple OS | Web | English | Figma
14. App Bottom Popup
Desktop | Pathfinding | Apple OS | EspaƱol
63. GitHub - Contextual Back Navigation Bar
Desktop | Awareness | Pathfinding | Web | English | GitHub
28. Slack - Find your Workspace
Desktop | Onboarding | Web | English
116. 2-pane Automatic Slider
Desktop | Pathfinding | Awareness | Web | EspaƱol | Tiendanube
208. Checkbox for User Confirmation
Desktop | Onboarding | Consent | Web | EspaƱol | Google | Google Suite
133. Website-Browser Notification Reminder
Desktop | Awareness | Web | English | Facebook
176. Wordpress.com - Natural Inputs with Suggestions
Desktop | Decision Making | Accessibility | Awareness | Pathfinding | Web | English | Wordpress
79. Out of downloads
Desktop | Decision Making | Web | EspaƱol
168. Anfibia - Natural Article Rating
Desktop | Feedback | Web | EspaƱol
190. Ask Email for Playing Video
Desktop | Decision Making | Web | English
129. PDF Show & Download
Desktop | Accessibility | Decision Making | Web | English
93. Welcome Screen with Background
Desktop | Onboarding | Web | English
94. Top Primary Banner
Desktop | COVID-19 Edition | Web | EspaƱol | Hypertext Links | Banner
91. Bubble Status Reading
Desktop | Pathfinding | Awareness | Appreciation | Web | English | Infinite Scroll | Pagination | Animation | Fixed on Scroll | Progress State | Empty State | TechCrunch
173. Share Invitation to Live Movie
Desktop | Pathfinding | Onboarding | Awareness | Web | Apple OS | EspaƱol | Hypertext Links | Navbar | Live State | Empty State | Copy to Clipboard | Avatar | Thumbnail | Invitation Link | Disney
25. Apple - Two-factor Auth
Desktop | Consent | Web | EspaƱol | Apple
86. Table Column Slicer
Desktop | Accessibility | Decision Making | Web | English
83. Rewards Notification on Topbar
Desktop | Awareness | Appreciation | Web | English | Notification Badge | Dropdown Menu | Navbar
170. Figma - Fixed Form with Steps
Desktop | Feedback | Apple OS | English | Figma
55. Contextual Form Input Errors
Desktop | Awareness | Web | EspaƱol | Zoom
99. Letterboxd - Topbar Dropdown Menu
Desktop | Pathfinding | Web | English
3. Apple Safari - Search Options on Focus
Desktop | Pathfinding | Apple OS | English
77. Sign Up Flow with Pricing Step
Desktop | Onboarding | Decision Making | Web | English | Button | Text Input | PIN Code | Toggle Field | Fixed on Scroll | Banner | Steps
76. List Widget Customization
Desktop | Accessibility | Apple OS | macOS | EspaƱol | List Items | Color Marker | Side Panel
173. Toggl - Onboarding Action Tooltip
Desktop | Onboarding | Apple OS | English | Toggl
57. IDF - Encouraging Newsletter Sign-up
Desktop | Decision Making | Accessibility | Web | English
98. Features on Signing-up
Desktop | Decision Making | Web | English
104. Slack - Creating & Customization Workspace
Desktop | Onboarding | Web | Apple OS | EspaƱol | Slack
85. Bottom Popup Secondary
Desktop | COVID-19 Edition | Web | EspaƱol | Tiendanube
38. Youtube - Video Statusbar
Desktop | Awareness | Web | English | Google | YouTube
66. Actionable Empty State
Desktop | Onboarding | Awareness | Web | English | Loader | Empty State | Google | Google Suite
126. WeTransfer - In-front Site Terms
Desktop | Decision Making | Consent | Web | EspaƱol
39. Youtube - Dismissed Bottom Popup
Desktop | Awareness | COVID-19 Edition | Web | English
63. Window Maximize Options (on Right Click)
Desktop | Accessibility | Decision Making | Web | English | Right Click Event | Dropdown Menu | Color Marker | Image / Illustration | Browser Window
119. PrestaShop - Site Cookie Management
Desktop | Accessibility | Consent | Web | EspaƱol
196. Video Story on Website
Desktop | Decision Making | Awareness | Web | EspaƱol
11. Intercom - Likert in chat
Desktop | Feedback | Apple OS | English | Intercom
23. Suscription gimmicks
Desktop | Decision Making | Web | English
159. Wix - Natural Language Form
Desktop | Onboarding | Web | EspaƱol
54. Modal for Language & Region Picker
Desktop | Accessibility | Web | English | Google
2. Youtube - Feed Filter Tabs
Desktop | Pathfinding | Web | English
88. Fake-News Warning
Desktop | COVID-19 Edition | Web | English | Medium
156. Figma - Keyboard Navigated Menu
Desktop | Pathfinding | Accessibility | Windows | Apple OS | Web | English | View | Original source on Twitter | Figma
35. Do Not Leave Popup
Desktop | Decision Making | Web | English
37. Branded Illustrations for Reinforcement
Desktop | Awareness | Web | English
84. Pandemic Warning Message on Map
Desktop | COVID-19 Edition | Web | EspaƱol | Google | Google Maps
172. Contextual Popup for Service Upgrade
Desktop | Decision Making | Web | EspaƱol | Trello
22. Mailchimp - First Mailing Campaign
Desktop | Onboarding | Web | English
21. Advanced Color Picking
Desktop | Accessibility | Apple OS | macOS | EspaƱol | Tabs | Color Marker | Progress State | Dropdown Menu | Numeric Input | Range Field | Drag & Drop Gesture | User Selection
42. Modal for Tags Editing
Desktop | Accessibility | Awareness | Web | English | Google | Google Keep
41. Context Banner Card
Desktop | COVID-19 Edition | Web | EspaƱol | Tiendanube
47. Notion - Workspace Types
Desktop | Onboarding | Web | English | Notion
135. Stories From Network
Desktop | Mobile | Pathfinding | Web | Apple OS | English | Navbar | Fixed on Scroll | Banner | Avatar | Medium
80. Contextual Input Status
Desktop | Awareness | Web | English | Noun Project
36. Scroll Required for User Confirmation
Desktop | Consent | Web | EspaƱol | Google
158. Automatic Tooltip Blackout (2)
Desktop | Onboarding | Web | English | Notion
46. Dribbble - Posting Graphics Online
Desktop | Onboarding | Web | English
29. General Form Errors Banner
Desktop | Awareness | Web | English | Text Input | Banner | Notification Badge | Mailchimp
105. Floating Tooltip Blackout
Desktop | Awareness | Web | English | Button | Dim Overlay | Tooltip | Alert Dialog | Close Overlay | Hypertext Links
112. Share on Social Networks
Desktop | Pathfinding | Web | English | Banner | Fixed on Scroll | Tags | Share on Social
19. Twitter - Email Validation on Sign Up
Desktop | Onboarding | Consent | Web | EspaƱol | Twitter
23. Floating Voice Widget with Actions
Desktop | Awareness | Apple OS | macOS | English | Fixed on Scroll | Button | Animation | Avatar | Sound Bar | Color Marker | Apple
166. Generated Effect: Confetti Explosion
Desktop | Appreciation | Decision Making | Web | English | Modal | Hypertext Links | Animation | Image / Illustration
50. Food Order Receipt
Desktop | Email notification | Awareness | Email | English | Uber EATS
16. Incremental pricing
Desktop | Decision Making | Web | English | Steps | Toggle Field | Button
143. Platform Sign-in/up
Desktop | Decision Making | Web | English
1. Steps Guidance
Desktop | Pathfinding | Web | English
12. Pricing Comparison (3-tier)
Desktop | Decision Making | Web | English | Steps | Button | Banner
34. Premium gimmicks
Desktop | Decision Making | Web | English
10. Dedicated Screen for Action Confirmation
Desktop | Decision Making | Awareness | Consent | Web | EspaƱol | English | Button | Hypertext Links | Invitation Link | Image / Illustration | Linkedin
139. Transition: Zoom-Out on Hover
Desktop | Pathfinding | Web | English | Transition | Hover Event | Image / Illustration
160. Pocket - Content Highlighting
Desktop | Accessibility | Pathfinding | Web | EspaƱol
146. Intelligencer - Hamburger Menu
Desktop | Mobile | Pathfinding | Awareness | Web | English
6. Modal Blackout w/ Form
Desktop | Awareness | Web | English
4. Floating Status Banner
Desktop | Awareness | Web | Google | Gmail
16. Double Account Entrance
Desktop | Decision Making | Web | English
155. Menu Search Highlighting
Desktop | Awareness | Pathfinding | Apple OS | macOS | EspaƱol | Dropdown Menu | Search Input | Click Event | User Selection | Text Input | Dim Overlay | Apple
188. Trello - Color shapes for Colour-blind
Desktop | Accessibility | Web | EspaƱol | Modal | Tooltip | Hypertext Links | Text Input | Trello