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

Made with 💙 by Pablo Armenv2.1.17

/
/
Home
/Patterns
/274. Interactive Background Animation

Interactive Background Animation

 DesktopPathfindingAwarenessWeb

A background animation that provides visual feedback, often responding to user interactions like drag & drop gestures or indicating loading states, enhancing user awareness and engagement.

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
A background animation that provides visual feedback, often responding to user interactions like drag & drop gestures or indicating loading states, enhancing user awareness and engagement.
VotesUp
VotesDown
Pattern ID
274
UX Flows
Pathfinding
Awareness
UI Components
Animation
Loader
Drag & Drop Gesture
Version
2.1.14
Github HomepageFigma 404Why is this a good pattern?Related Patterns
 

Github Homepage

 
HD available in Youtube
HD available in Youtube
 

Figma 404

notion image
 

Why is this a good pattern?

✴️ Animation and good aesthetics calls user attention.
✴️ Interactive rotation gives control to the user.
✴️ Pins are linked to content source allowing users to engage & discover.

Related Patterns

  • 212. Automatic Background Animation (on Load)
  • 235. Background Animation (on Mouse Hover)
  • 281. Background Animation (on Mouse Move)
  • 286. Background Animation on Scroll
  • 382. Interactive Background Animation
 

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback