172. Contextual Popup for Service Upgrade

Device (Tabs)

Desktop

System (OS)

Web

Language (i18n)

Español

Pattern ID

UX Flows

Decision Making

UI Components

Version

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

No preview

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

No preview

355. Jira - Feature Presentation Tooltip

Desktop, Awareness, Decision Making, Onboarding, Web, Español, Tooltip, Hypertext Links, Pagination

No preview

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

No preview

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

No preview

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

No preview

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

No preview

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

No preview

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

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

No preview

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

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

No preview

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

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

No preview

217. Vertical Icon Menu (duplicated)

Desktop, Pathfinding, Web, English, Side Panel, Transition, Image / Illustration, Tooltip, Hover Event, Intercom

No preview

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

No preview

190. Delete Confirmation w/ Name (moved)

Desktop, Awareness, Web, English, Text Input, Modal, Hypertext Links, Webflow

No preview

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

No preview

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

No preview

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

No preview

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

No preview

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

No preview

46. Dribbble - Posting Graphics Online

Desktop, Onboarding, Web, English

No preview

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

No preview

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