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
399. Snooze newsletter by topics
Mobile | Decision Making | Accessibility | Consent | Web | Email | English | Invitation Link
397. Modal w/ Card Options
Desktop | Decision Making | Feedback | Awareness | Onboarding | Pathfinding | Web | EspaƱol | Modal | Thumbnail | Animation | Close Overlay | Cards | Dim Overlay
394. Page Outline Scroller (touch)
Tablet | Awareness | Onboarding | Pathfinding | Apple OS | iPadOS | EspaƱol | Pagination | Infinite Scroll | Side Panel | Long Click Event | Tap Event
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
383. Video Animation on Touch
Mobile | Decision Making | Landing Page | Onboarding | Web | English | Animation
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
370. Floating Navbar Menus
Tablet | Decision Making | Pathfinding | Web | English | Dropdown Menu | List Items | Hover Event | Focus Event | Image / Illustration | Banner | Fixed on Scroll | Navbar
369. Fixed Form with Steps
Tablet | Feedback | Awareness | Appreciation | Web | English | Side Panel | Text Input
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
355. Navigation Tabs with Slider (Swipe)
Mobile | Pathfinding | Apple OS | EspaƱol | English | Tabs | Carrousel
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
340. Asana - Zoom/Magnifier Over Image
Desktop | Accessibility | Pathfinding | Web | English | Animation
341. Image Grid Customization Sliders
Desktop | Accessibility | Pathfinding | Web | English | Animation | Drag & Drop Gesture | Range Field
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
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
331. Linkedin - Search Bar Blackout
Desktop | Pathfinding | Awareness | Web | EspaƱol
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
321. Caloriemama - App Hero Swiper
Mobile | Pathfinding | Awareness | 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
317. Zoom InāOut Transition on Click
Mobile | Pathfinding | Apple OS | English | Transition | Image / Illustration | Calendar | Tap Event | Modal | Fixed on Scroll
316. Apple - Tooltip on icon
Mobile | Decision Making | Awareness | Apple OS | 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
309. Horizontal Slider for Styles
Mobile | Accessibility | Pathfinding | Awareness | Apple OS | English | Drag & Drop Gesture | Infinite Scroll | Instagram
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
298. Avatar Sync with NFT
Mobile | Pathfinding | Apple OS | English | Twitter
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
294. Full-Screen Steps Animated Transition
Mobile | Pathfinding | Apple OS | English
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
268. Modal Blackout w/ Swiper
Mobile | Onboarding | Pathfinding | Apple OS | English | Modal | Steps | Image / Illustration | Button | Close Overlay | Dim Overlay
267. Google - Horizontal Card Slider
Mobile | Pathfinding | Web | English | Google
266. Mailchimp - Hold Button for Confirmation
Mobile | Decision Making | Awareness | Pathfinding | Apple OS | English | Hypertext Links | Image / Illustration | Animation | Mailchimp
263. Drag & Drop to Reorder List Items (Touch)
Mobile | Pathfinding | Apple OS | English | Drag & Drop Gesture | List Items | Color Marker | Image / Illustration | Transition | Apple | Apple Reminders
262. Bottom Fixed Modal Blackout
Mobile | Pathfinding | Awareness | Apple OS | EspaƱol | English | Modal | Dim Overlay | Fixed on Scroll | Alert Dialog | Close Overlay | Instagram
257. Transition: Zoom-In to Full Screen (on Click)
Mobile | Pathfinding | Apple OS | English | Transition | Animation | Progress State | Sound Bar | Image / Illustration | Lyrics | Tap Event | Spotify
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
238. WhatsApp - Color Switcher Preview
Mobile | Accessibility | Pathfinding | Apple OS | EspaƱol | Animation | Pagination | Hypertext Links | Bottom Sheet | WhatsApp
237. Apple - Snackbar Popup Animation
Mobile | Awareness | Appreciation | Apple OS | EspaƱol | Apple Podcasts | Apple
236. GIPHY - Horizontal Slider Navigation
Mobile | Pathfinding | Awareness | Apple OS | English | GIPHY
235. Background Animation (on Mouse Hover)
Desktop | Decision Making | Awareness | Pathfinding | Web | EspaƱol | Animation | Hypertext Links | Disney
233. Floating Animation
Tablet | Appreciation | Awareness | Feedback | Web | macOS | iPadOS | EspaƱol | Animation | Color Marker | Avatar | Table Sheet | Text Input | User Selection | Banner | Fixed on Scroll | Checkbox | Success State | Close Overlay | Alert Toast | Asana
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
239. Secondary Sidebar Toggle (Touch)
Tablet | Pathfinding | Accessibility | Apple OS | iPadOS | iOS | EspaƱol | English | Side Panel | Transition | Tap Event | Active State | Apple | Apple Safari
_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
221. Apple - Image Grid Spacing
Mobile | Accessibility | Apple OS | EspaƱol | Apple | Apple Photos
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
217. Apple - Cropping multiple screens
Mobile | Accessibility | Apple OS | EspaƱol | Apple
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
45. Webapp Video Loader
Desktop | Awareness | Web | English | EspaƱol | Loader
203. Two-step Download Flow
Desktop | Onboarding | Decision Making | Landing Page | Web | English | Button | Fixed on Scroll | Hypertext Links | Steps | Google | Google Chrome
59. Ecommerce App Homepage (5)
Mobile | Pathfinding | Apple OS | EspaƱol | MercadoLibre
205. Full Screen Widget Customization
Desktop | Accessibility | Apple OS | macOS | English | Cards | Bento Grid | Long Click Event | Click Event | Close Overlay | Apple
162. Login Value Compare
Desktop | Mobile | Decision Making | Web | English
207. Downloading Desktop App
Desktop | Awareness | Web | English | Hypertext Links
169. Youtube Studio - Delete Content Forever
Desktop | Consent | Web | English | YouTube | Google
121. 2-pane Audio Navigation
Desktop | Pathfinding | Web | English
172. PedidosYa - Search Results Recommendation
Desktop | Onboarding | Decision Making | Awareness | Web | EspaƱol | Tooltip | PedidosYa
52. Uber EATS - Making a Food Order
Mobile | Decision Making | Accessibility | Apple OS | EspaƱol | Uber EATS
31. Page Blocker Edition Warning
Desktop | Awareness | Web | English
5. Website Promotional Top Banners
Desktop | Awareness | Web | English | Banner | Hypertext Links
53. Apple Safari - Editing Bookmarks
Mobile | Accessibility | Pathfinding | Apple OS | EspaƱol | Apple | Apple Safari
189. Feature Preview on Menu
Desktop | Awareness | Accessibility | Web | English | Dropdown Menu | Notification Badge
190. Delete Confirmation w/ Name (moved)
Desktop | Awareness | Web | English | Text Input | Modal | Hypertext Links | Webflow
175. Tab Preview on Hover State
Desktop | Pathfinding | Apple OS | Apple Safari
161. Apple - Two-Factor Validation (2FA)
Desktop | Consent | Onboarding | Web | Apple OS | English | Apple
91. Settings for Account Privacy
Desktop | Accessibility | Web | English | Twitter
138. Read Modes
Desktop | Accessibility | Web | EspaƱol
148. Search Bar Fade-out
Desktop | Pathfinding | Web | English | YouTube | Google
134. Save for Reading Later
Desktop | Mobile | Accessibility | Web | English
43. File Upload Status
Desktop | Awareness | Web | English | Side Panel | Fixed on Scroll | Error State | Progress State | Google | Google Suite
199. Sidebar Emptystate
Desktop | Onboarding | Awareness | Web | English | Side Panel | Hypertext Links | Empty State | Image / Illustration | Google | Google Suite
54. Apple Safari - Browser Reader Mode
Desktop | Accessibility | Apple OS | Web | Apple | Apple Safari
201. Modal Blackout w/ Actions
Desktop | Decision Making | Apple OS | English | Modal | Hypertext Links | Apple | Apple iTunes
189. Illustration (Meme) on Empty State
Desktop | Awareness | Web | English | Image / Illustration | Hypertext Links | Webflow
130. Animated Email Page
Desktop | Awareness | Decision Making | Email | English | Animation | Hypertext Links | Google | Gmail
114. News Swiper
Desktop | Pathfinding | Web | English
151. Menu Drop-down
Mobile | Pathfinding | Web | English
144. Meeting Guest Warning
Desktop | Decision Making | Web | English | Google | Google Meet
93. Top Secondary Banner
Desktop | COVID-19 Edition | Web | English
137. Product Color Selector
Desktop | Pathfinding | Web | EspaƱol | MercadoLibre
132. Amazon - Store Tooltip Reminders
Desktop | Onboarding | Awareness | Web | EspaƱol | Tooltip | Hypertext Links | Amazon
181. Plan Upgrade Flow
Desktop | Decision Making | Web | EspaƱol | Linkedin
106. In-App Promotional Banner
Mobile | COVID-19 Edition | Apple OS | EspaƱol
111. Magazine Subscription
Desktop | Decision Making | Web | English
7. sitepoint - Accessibility Adjustments
Desktop | Accessibility | Web | English
163. Open App from Web
Mobile | Pathfinding | Web | EspaƱol
164. Static Tooltip on Menu
Desktop | Awareness | Web | EspaƱol | Tooltip | Hypertext Links | Linkedin
191. Viedo Rewind & Forward
Mobile | Pathfinding | Apple OS
42. Browser Status Banner for Pages
Desktop | š± Mobile | Awareness | Apple OS | EspaƱol | Banner | Hypertext Links | Empty State | Error State | Apple Safari
157. Webflow - Magnifying Glass on Images
Desktop | Accessibility | Web | English | Webflow
65. PedidosYa - Location Confirmation
Mobile | Accessibility | Apple OS | EspaƱol | PedidosYa
169. Download & Confirmation Buttons
Mobile | Awareness | Decision Making | Consent | Apple OS | English | Button | Tap Event | Modal | Progress State | Apple
198. Take action on Music Claims
Desktop | Decision Making | Web | English | YouTube | Google
89. Bottom Page Fake-News Warning
Desktop | COVID-19 Edition | Web | English | Medium
61. Section Dropdown
Desktop | Pathfinding | Web | English | Apple
150. Split OS Screens
Desktop | Accessibility | Web | English | Drag & Drop Gesture | Long Click Event | Browser Window | Navbar | Side Panel | Active State | Live State
90. In-product Top Primary Banner
Desktop | COVID-19 Edition | Web | English
70. Trip Starting Point
Mobile | Awareness | Apple OS | English | Cabify
62. Google Maps - Weekly Schedule
Mobile | Accessibility | Pathfinding | Apple OS | English | Google | Google Maps
127. Google Maps - Notifications Disabled Warning
Mobile | Accessibility | Awareness | Apple OS | English | Google | Google Maps
179. Stylized Feature Highlighting
Desktop | Awareness | Web | English | Google | Google Suite
203. Password Expiration on Login
Desktop | Awareness | Web | English
56. Floating Tooltip with Steps and Blackout
Desktop | Onboarding | Decision Making | Awareness | Web | English | EspaƱol | Google | Gmail
158. Bar Reading Status
Desktop | Awareness | Pathfinding | Web | English | Progress State | Notification Badge | Navbar | Fixed on Scroll | McKinsey
115. Buffer - Hover Instructions
Desktop | Onboarding | Web | English
81. MercadoLibre - Saving Favourites as Guest
Desktop | Onboarding | Web | EspaƱol | MercadoLibre
51. Download App Reminder
Mobile | Decision Making | Apple OS | EspaƱol
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
139. Synced Hover Animations
Desktop | Decision Making | Awareness | Web | English | Hypertext Links | Graph | Mailchimp
193. Apple iOS - Contextual Feature Presentation
Mobile | Awareness | Apple OS | English | Apple
73. App Swiper
Mobile | Pathfinding | Apple OS | EspaƱol | Apple
152. File Icon Selector
Mobile | Pathfinding | Apple OS | EspaƱol | Google | Google Suite
149. Security Top-banner
Desktop | Decision Making | Web | English | YouTube | Google
145. Communication Preferences on Sign Up Flow
Desktop | Appreciation | Onboarding | ā¼ Consent | Web | English | Text Input | Hypertext Links | Pagination | Google | Google Suite
146. Floating Banner for Pricing/Subscription (3-tier)
Desktop | Decision Making | Web | English | Banner | Fixed on Scroll | Button | Close Overlay | Steps
147. Linked Settings for User Permissions
Desktop | Consent | Awareness | Web | English | Google | Google Analytics
148. Half-page Illustration Slider
Desktop | Onboarding | Web | English | Google | Google Meet
29. About.me - Wizard Generation Profile
Desktop | Onboarding | Accessibility | Web | English
36. Contact Segmentation
Desktop | Decision Making | Web | English
87. Warning on Product Homepage
Desktop | COVID-19 Edition | Web | English
10. Background Ads
Desktop | Decision Making | Web | EspaƱol
83. Banner on News Page
Desktop | COVID-19 Edition | Web | English | Medium
100. Floating Tooltip/Dialog
Desktop | Awareness | Web | EspaƱol | Google | Google Sites
174. User Input for Image ALT Text
Mobile | Accessibility | Apple OS | EspaƱol | Twitter
182. Static Tooltip for Text Formatting
Desktop | Accessibility | Web | English | Google | Google Sites
124. Critical Changes Warning
Desktop | Awareness | Apple OS | EspaƱol | Slack
107. Updating Phone Number Flow
Mobile | Onboarding | Apple OS | EspaƱol | Twitter
192. Modal w/ Actions
Mobile | Awareness | Apple OS | English | Apple
128. Navigation Preferences
Mobile | Accessibility | Apple OS | EspaƱol | Google | Google Maps
125. Product Highlights
Desktop | Pathfinding | Web | English
103. Subscription Reminder
Desktop | Decision Making | Web | English
133. Card Slider with Call-to-Action
Mobile | Pathfinding | Decision Making | Apple OS | English | Linkedin
131. Free Audiobook Trial
Desktop | Decision Making | Web | EspaƱol | Amazon
8. Adobe - In-App NPS Survey
Desktop | Feedback | Apple OS | English
49. Notification for Order Review
Mobile | Awareness | Feedback | Apple OS | English | Uber EATS
116. 2-pane Automatic Slider
Desktop | Pathfinding | Awareness | Web | EspaƱol | Tiendanube
28. Slack - Find your Workspace
Desktop | Onboarding | Web | English
15. Notifications on Map Geolocation
Mobile | Accessibility | Awareness | Apple OS | English | Bottom Sheet | User Selection | Text Input | Hypertext Links | Dropdown Menu | Live State | Avatar | Notification Badge
63. GitHub - Contextual Back Navigation Bar
Desktop | Awareness | Pathfinding | Web | English | GitHub
14. App Bottom Popup
Desktop | Pathfinding | Apple OS | EspaƱol
122. Automatic Popover with Steps
Desktop | Onboarding | Apple OS | Web | English | Figma
32. Mailchimp - Makes me feel
Desktop | Feedback | Web | English
40. App Image Loader Skeleton
Mobile | Awareness | Apple OS | EspaƱol
96. Encouraging Allowing Ads
Desktop | Decision Making | Web | English
171. Slack - Multi-browser Sign In
Desktop | Onboarding | Pathfinding | Apple OS | Web | Email | English | Navbar | Text Input | Hypertext Links | Button | Numeric Input | Slack
115. Browser Background Customization
Desktop | Accessibility | Apple OS | EspaƱol | Apple | Apple Safari
116. User Feedback on Web Content
Desktop | Feedback | Awareness | Web | EspaƱol
117. Side Status Notification
Desktop | Awareness | Apple OS | English | EspaƱol | WhatsApp
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
91. Bubble Status Reading
Desktop | Pathfinding | Awareness | Appreciation | Web | English | Infinite Scroll | Pagination | Animation | Fixed on Scroll | Progress State | Empty State | TechCrunch
94. Top Primary Banner
Desktop | COVID-19 Edition | Web | EspaƱol | Hypertext Links | Banner
93. Welcome Screen with Background
Desktop | Onboarding | Web | English
129. PDF Show & Download
Desktop | Accessibility | Decision Making | Web | English
190. Ask Email for Playing Video
Desktop | Decision Making | Web | English
168. Anfibia - Natural Article Rating
Desktop | Feedback | Web | EspaƱol
79. Out of downloads
Desktop | Decision Making | Web | EspaƱol
176. Wordpress.com - Natural Inputs with Suggestions
Desktop | Decision Making | Accessibility | Awareness | Pathfinding | Web | English | Wordpress
133. Website-Browser Notification Reminder
Desktop | Awareness | Web | English | Facebook
208. Checkbox for User Confirmation
Desktop | Onboarding | Consent | Web | EspaƱol | Google | Google Suite
98. Features on Signing-up
Desktop | Decision Making | Web | English
57. IDF - Encouraging Newsletter Sign-up
Desktop | Decision Making | Accessibility | Web | English
173. Toggl - Onboarding Action Tooltip
Desktop | Onboarding | Apple OS | English | Toggl
9. App Integration Banner
Mobile | Decision Making | Web | Apple OS
76. List Widget Customization
Desktop | Accessibility | Apple OS | macOS | EspaƱol | List Items | Color Marker | Side Panel
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
3. Apple Safari - Search Options on Focus
Desktop | Pathfinding | Apple OS | English
99. Letterboxd - Topbar Dropdown Menu
Desktop | Pathfinding | Web | English
109. Native Long-press Menu
Mobile | Awareness | Apple OS | EspaƱol | Twitter
55. Contextual Form Input Errors
Desktop | Awareness | Web | EspaƱol | Zoom
170. Figma - Fixed Form with Steps
Desktop | Feedback | Apple OS | English | Figma
83. Rewards Notification on Topbar
Desktop | Awareness | Appreciation | Web | English | Notification Badge | Dropdown Menu | Navbar
185. Bottom Action Menu
Mobile | Pathfinding | Awareness | Apple OS | English
78. Apple iOS - Dark & Light Color Themes
Mobile | Accessibility | Apple OS | EspaƱol | Apple
86. Table Column Slicer
Desktop | Accessibility | Decision Making | Web | English
25. Apple - Two-factor Auth
Desktop | Consent | Web | EspaƱol | Apple
2. Youtube - Feed Filter Tabs
Desktop | Pathfinding | Web | English
54. Modal for Language & Region Picker
Desktop | Accessibility | Web | English | Google
159. Wix - Natural Language Form
Desktop | Onboarding | Web | EspaƱol
23. Suscription gimmicks
Desktop | Decision Making | Web | English
110. Vertical Perspective Grid
Mobile | Pathfinding | Onboarding | Apple OS | English
69. Uber EATS - Tab Menu Navigation
Mobile | Pathfinding | Apple OS | EspaƱol | PedidosYa
11. Intercom - Likert in chat
Desktop | Feedback | Apple OS | English | Intercom
196. Video Story on Website
Desktop | Decision Making | Awareness | Web | EspaƱol
119. PrestaShop - Site Cookie Management
Desktop | Accessibility | Consent | Web | EspaƱol
66. Products Discounts
Mobile | Decision Making | Apple OS | EspaƱol | Uber EATS
63. Window Maximize Options (on Right Click)
Desktop | Accessibility | Decision Making | Web | English | Right Click Event | Dropdown Menu | Color Marker | Image / Illustration | Browser Window
39. Youtube - Dismissed Bottom Popup
Desktop | Awareness | COVID-19 Edition | Web | English
126. WeTransfer - In-front Site Terms
Desktop | Decision Making | Consent | Web | EspaƱol
66. Actionable Empty State
Desktop | Onboarding | Awareness | Web | English | Loader | Empty State | Google | Google Suite
38. Youtube - Video Statusbar
Desktop | Awareness | Web | English | Google | YouTube
85. Bottom Popup Secondary
Desktop | COVID-19 Edition | Web | EspaƱol | Tiendanube
60. MercadoLibre - Ecommerce App Searching (3)
Mobile | Pathfinding | Apple OS | EspaƱol | MercadoLibre
104. Slack - Creating & Customization Workspace
Desktop | Onboarding | Web | Apple OS | EspaƱol | Slack
80. Contextual Input Status
Desktop | Awareness | Web | English | Noun Project
135. Stories From Network
Desktop | Mobile | Pathfinding | Web | Apple OS | English | Navbar | Fixed on Scroll | Banner | Avatar | Medium
58. Getting on Fitness
Mobile | Onboarding | Apple OS | English
47. Notion - Workspace Types
Desktop | Onboarding | Web | English | Notion
41. Context Banner Card
Desktop | COVID-19 Edition | Web | EspaƱol | Tiendanube
42. Modal for Tags Editing
Desktop | Accessibility | Awareness | Web | English | Google | Google Keep
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
75. Notification Recommendation
Mobile | Decision Making | Apple OS | English
22. Mailchimp - First Mailing Campaign
Desktop | Onboarding | Web | English
172. Contextual Popup for Service Upgrade
Desktop | Decision Making | Web | EspaƱol | Trello
84. Pandemic Warning Message on Map
Desktop | COVID-19 Edition | Web | EspaƱol | Google | Google Maps
37. Branded Illustrations for Reinforcement
Desktop | Awareness | Web | English
209. Apple Calendar - Zoom Transition Navigation
Mobile | Pathfinding | Awareness | Apple OS | EspaƱol | Apple | Apple Calendar
35. Do Not Leave Popup
Desktop | Decision Making | Web | English
156. Figma - Keyboard Navigated Menu
Desktop | Pathfinding | Accessibility | Windows | Apple OS | Web | English | View | Original source on Twitter | Figma
88. Fake-News Warning
Desktop | COVID-19 Edition | Web | English | Medium
105. Floating Tooltip Blackout
Desktop | Awareness | Web | English | Button | Dim Overlay | Tooltip | Alert Dialog | Close Overlay | Hypertext Links
29. General Form Errors Banner
Desktop | Awareness | Web | English | Text Input | Banner | Notification Badge | Mailchimp
72. Google Maps - Congratulation Displaying Results
Mobile | Appreciation | Decision Making | Apple OS | English | Google | Google Maps
154. Order Status Top Banner
Mobile | Pathfinding | Awareness | Apple OS | EspaƱol | Progress State | Map | Live State | Image / Illustration | Bottom Sheet | Avatar | Uber EATS
136. Fitbit - Sleep Graph Visualization
Mobile | Pathfinding | Onboarding | Apple OS | English | Fitbit
46. Dribbble - Posting Graphics Online
Desktop | Onboarding | Web | English
158. Automatic Tooltip Blackout (2)
Desktop | Onboarding | Web | English | Notion
36. Scroll Required for User Confirmation
Desktop | Consent | Web | EspaƱol | Google
34. Premium gimmicks
Desktop | Decision Making | Web | English
12. Pricing Comparison (3-tier)
Desktop | Decision Making | Web | English | Steps | Button | Banner
1. Steps Guidance
Desktop | Pathfinding | Web | English
14. Delete Search History
Mobile | Decision Making | Apple OS | EspaƱol | Twitter
143. Platform Sign-in/up
Desktop | Decision Making | Web | English
16. Incremental pricing
Desktop | Decision Making | Web | English | Steps | Toggle Field | Button
50. Food Order Receipt
Desktop | Email notification | Awareness | Email | English | Uber EATS
71. Trip Tracking
Mobile | Pathfinding | Web | English | Cabify
166. Generated Effect: Confetti Explosion
Desktop | Appreciation | Decision Making | Web | English | Modal | Hypertext Links | Animation | Image / Illustration
77. Walking Directions
Mobile | Pathfinding | Apple OS | English | Google | Google Maps
23. Floating Voice Widget with Actions
Desktop | Awareness | Apple OS | macOS | English | Fixed on Scroll | Button | Animation | Avatar | Sound Bar | Color Marker | Apple
19. Twitter - Email Validation on Sign Up
Desktop | Onboarding | Consent | Web | EspaƱol | Twitter
112. Share on Social Networks
Desktop | Pathfinding | Web | English | Banner | Fixed on Scroll | Tags | Share on Social
188. Trello - Color shapes for Colour-blind
Desktop | Accessibility | Web | EspaƱol | Modal | Tooltip | Hypertext Links | Text Input | Trello
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
16. Double Account Entrance
Desktop | Decision Making | Web | English
4. Floating Status Banner
Desktop | Awareness | Web | Google | Gmail
6. Modal Blackout w/ Form
Desktop | Awareness | Web | English
146. Intelligencer - Hamburger Menu
Desktop | Mobile | Pathfinding | Awareness | Web | English
160. Pocket - Content Highlighting
Desktop | Accessibility | Pathfinding | Web | EspaƱol
139. Transition: Zoom-Out on Hover
Desktop | Pathfinding | Web | English | Transition | Hover Event | Image / Illustration
10. Dedicated Screen for Action Confirmation
Desktop | Decision Making | Awareness | Consent | Web | EspaƱol | English | Button | Hypertext Links | Invitation Link | Image / Illustration | Linkedin