Patterns for Animations & Transitions
Pre-built or interactive animations are used to reinforce and enhance the user experience.
397. Modal with Card Options
397. Modal with Card Options
Decision MakingFeedbackAwarenessOnboardingPathfinding
382. Interactive Background Animation
382. Interactive Background Animation
FeedbackAwarenessOnboardingLanding Page
378. Modal Blackout with Animation
378. Modal Blackout with Animation
Decision MakingAwarenessOnboarding
353. Population Pyramid - Visualizations with live filters
353. Population Pyramid - Visualizations with live filters
PathfindingAwarenessDecision Making
357. Modal with Steps (No blackout)
357. Modal with Steps (No blackout)
PathfindingAwarenessDecision Making
340. Asana - Zoom/Magnifier Over Image
340. Asana - Zoom/Magnifier Over Image
AccessibilityPathfinding
339. Asana - Platform Onboarding Simulator
339. Asana - Platform Onboarding Simulator
Decision MakingAwarenessPathfinding
312. Instagram - Animated Illustration with Menu
312. Instagram - Animated Illustration with Menu
PathfindingAwareness
259. Squarespace - Multi-depth Sidebar Navigation
259. Squarespace - Multi-depth Sidebar Navigation
Pathfinding
258. Squarespace - Adaptable Viewport Size
258. Squarespace - Adaptable Viewport Size
AccessibilityPathfinding
235. Background Animation on Hover
235. Background Animation on Hover
Decision MakingAwarenessPathfinding
