Home
Flows
Components
Changelog
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with šŸ’™ by Pablo Armenv2.1.13

Home
/Components
/Images & Illustrations

Patterns for Images & Illustrations

Curated visual assets and media treatments that enhance the storytelling of your UI.
Ā 
Recommendation (Ad)
https://uink.digital
  • Desktop (25)
  • Tablet (1)
  • Mobile (6)
405. Ferrari Luce Website (by LoveFrom)

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

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

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

393. Colored Checkboxes

393. Colored Checkboxes

Desktop, Decision Making, Web, English, Image / Illustration, Checkbox

392. SaaS for Construction Workers

392. SaaS for Construction Workers

Desktop, Landing Page, Web, EspaƱol, Drag & Drop Gesture, Carrousel, Image / Illustration, Animation, Navbar, Hypertext Links, Fixed on Scroll

357. Modal w/ Steps & Animation (No blackout)

357. Modal w/ Steps & Animation (No blackout)

Desktop, Pathfinding, Awareness, Decision Making, Web, English, Modal, Animation, Image / Illustration

344. MercadoLibre - Horizontal Item Slider

344. MercadoLibre - Horizontal Item Slider

Desktop, Awareness, Pathfinding, Web, EspaƱol, Carrousel, Modal, Pagination, Image / Illustration

332. Drag & Drop to Create File from Web Image

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

313. Modal Blackout w/ Scroll

313. Modal Blackout w/ Scroll

Desktop, Pathfinding, Web, EspaƱol, Modal, Scrollbar, Image / Illustration, Photo, MercadoLibre

311. Landing Page for App Download

311. Landing Page for App Download

Desktop, Landing Page, Decision Making, Web, English, Navbar, Fixed on Scroll, Embed, Image / Illustration, Button, Notion

302. Theme Switcher in Side-drawer

302. Theme Switcher in Side-drawer

Desktop, Accessibility, Pathfinding, Web, EspaƱol, Side Panel, Transition, Image / Illustration, Click Event, Google

292. Vertical Icon Menu

292. Vertical Icon Menu

Desktop, Awareness, Pathfinding, Web, English, Tooltip, Side Panel, Navbar, Hover Event, Image / Illustration, Notification Badge, Dashboard, Mailchimp

286. Background Animation on Scroll

286. Background Animation on Scroll

Desktop, Awareness, Pathfinding, Web, EspaƱol, Animation, Transition, Image / Illustration, Fixed on Scroll, Apple

268. Drag & Drop to Upload File

268. Drag & Drop to Upload File

Desktop, Awareness, Pathfinding, Web, Apple OS, English, Drag & Drop Gesture, Modal, Hypertext Links, Animation, Image / Illustration, GIPHY

No preview

264. Interactive Background Animation

Desktop, Pathfinding, Apple OS, English, Animation, Click Event, Image / Illustration, Vectors, Figma

256. Modal Blackout w/ Forms & Steps

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

241. Modal Blackout w/ Steps

241. Modal Blackout w/ Steps

Desktop, Onboarding, Awareness, Web, English, Modal, Hypertext Links, Pagination, Image / Illustration, Wordpress

223. Stop Operation Progress

223. Stop Operation Progress

Desktop, Decision Making, Apple OS, macOS, EspaƱol, Alert Dialog, Progress State, Close Overlay, Hover Event, Image / Illustration, Apple

No preview

217. Vertical Icon Menu (duplicated)

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

199. Sidebar Emptystate

199. Sidebar Emptystate

Desktop, Onboarding, Awareness, Web, English, Side Panel, Hypertext Links, Empty State, Image / Illustration, Google, Google Suite

189. Illustration (Meme) on Empty State

189. Illustration (Meme) on Empty State

Desktop, Awareness, Web, English, Image / Illustration, Hypertext Links, Webflow

63. Window Maximize Options (on Right Click)

63. Window Maximize Options (on Right Click)

Desktop, Accessibility, Decision Making, Web, English, Right Click Event, Dropdown Menu, Color Marker, Image / Illustration, Browser Window

166. Generated Effect: Confetti Explosion

166. Generated Effect: Confetti Explosion

Desktop, Appreciation, Decision Making, Web, English, Modal, Hypertext Links, Animation, Image / Illustration

139. Transition: Zoom-Out on Hover

139. Transition: Zoom-Out on Hover

Desktop, Pathfinding, Web, English, Transition, Hover Event, Image / Illustration

10. Dedicated Screen for Action Confirmation

10. Dedicated Screen for Action Confirmation

Desktop, Decision Making, Awareness, Consent, Web, EspaƱol, English, Button, Hypertext Links, Invitation Link, Image / Illustration, Linkedin