UI Patterns for Select & Dropdown Menu

Coming soon…

Desktop

3 views

Desktop

Tablet

Mobile

392. SaaS for Construction Workers

392. SaaS for Construction Workers

390. Icon Software Landing Page

390. Icon Software Landing Page

389. Text Edit Inline Input

389. Text Edit Inline Input

378. Modal Blackout with Animation

378. Modal Blackout with Animation

363. Better History - Back to Top on scroll

363. Better History - Back to Top on scroll

361. WhatsApp - Progress Bar Loading

361. WhatsApp - Progress Bar Loading

359. Discord - Button to Input Transition

359. Discord - Button to Input Transition

355. Jira - Feature Presentation Tooltip

355. Jira - Feature Presentation Tooltip

349. HubSpot - Toggle High Contrast

349. HubSpot - Toggle High Contrast

359. Toggle List/Grid View

359. Toggle List/Grid View

343. Behance - Login with Code Validation

343. Behance - Login with Code Validation

342. Savee - Light/Dark Mode Switcher

342. Savee - Light/Dark Mode Switcher

341. Savee - Image Grid Customization

341. Savee - Image Grid Customization

339. Asana - Platform Onboarding Simulator

339. Asana - Platform Onboarding Simulator

345. Vertical Accordion for FAQs

345. Vertical Accordion for FAQs

336. Floating Popover on Click

336. Floating Popover on Click

295. “NEW” Badge on Menu Items

295. “NEW” Badge on Menu Items

268. GIPHY - Alert on Drag & Drop

268. GIPHY - Alert on Drag & Drop

235. Background Animation on Hover

235. Background Animation on Hover

241. Modal Blackout with Steps

241. Modal Blackout with Steps

231. Automatic Floating Popover with Steps

231. Automatic Floating Popover with Steps

229. Top Banner for Design Changes

229. Top Banner for Design Changes

228. Notification Bell Status

228. Notification Bell Status

212. Automatic Background Animation

212. Automatic Background Animation

101. Downloading Desktop App

101. Downloading Desktop App

5. Website Promotional Top Banners

5. Website Promotional Top Banners

95. Delete Confirmation with Name

95. Delete Confirmation with Name

189. Illustration (Meme) on Empty State

189. Illustration (Meme) on Empty State

130. Animated Email Page

130. Animated Email Page

132. Amazon - Store Tooltip Reminders

132. Amazon - Store Tooltip Reminders

164. Static Tooltip on Menu

164. Static Tooltip on Menu

42. Browser Status Banner for Pages

42. Browser Status Banner for Pages

139. Synced Hover Animations

139. Synced Hover Animations

145. Communication Preferences on Sign Up Flow

145. Communication Preferences on Sign Up Flow

173. Share Invitation to Live Movie

173. Share Invitation to Live Movie

94. Top Primary Banner

94. Top Primary Banner

166. UsabilityHub - Confetti Explosion

166. UsabilityHub - Confetti Explosion