Patterns for Images & Illustrations
- Desktop (25)
- Tablet (1)
- Mobile (6)
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
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
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
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
Desktop | Pathfinding | Web | EspaƱol | Modal | Scrollbar | Image / Illustration | Photo | MercadoLibre
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
Desktop | Accessibility | Pathfinding | Web | EspaƱol | Side Panel | Transition | Image / Illustration | Click Event | Google
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
Desktop | Awareness | Pathfinding | Web | EspaƱol | Animation | Transition | Image / Illustration | Fixed on Scroll | Apple
268. Drag & Drop to Upload File
Desktop | Awareness | Pathfinding | Web | Apple OS | English | Drag & Drop Gesture | Modal | Hypertext Links | Animation | Image / Illustration | GIPHY
264. Interactive Background Animation
Desktop | Pathfinding | Apple OS | English | Animation | Click Event | Image / Illustration | Vectors | Figma
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
Desktop | Onboarding | Awareness | Web | English | Modal | Hypertext Links | Pagination | Image / Illustration | Wordpress
223. Stop Operation Progress
Desktop | Decision Making | Apple OS | macOS | EspaƱol | Alert Dialog | Progress State | Close Overlay | Hover Event | Image / Illustration | Apple
217. Vertical Icon Menu (duplicated)
Desktop | Pathfinding | Web | English | Side Panel | Transition | Image / Illustration | Tooltip | Hover Event | Intercom
_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
_10.03.52.png?table=block&id=ad3ab3c8-6c9a-4429-9994-30afeb682d3f&cache=v2)
189. Illustration (Meme) on Empty State
Desktop | Awareness | Web | English | Image / Illustration | Hypertext Links | Webflow
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
Desktop | Appreciation | Decision Making | Web | English | Modal | Hypertext Links | Animation | Image / Illustration
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