UI PATTERN
Animations
Pre-built or interactive animations are used to reinforce and enhance the user experience.
392. SaaS for Construction Workers
392. SaaS for Construction Workers
Landing Page
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
362. Modal Blackout with Form & Animations
362. Modal Blackout with Form & Animations
Accessibility
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
341. Savee - Image Grid Customization
341. Savee - Image Grid Customization
AccessibilityPathfinding
339. Asana - Platform Onboarding Simulator
339. Asana - Platform Onboarding Simulator
Decision MakingAwarenessPathfinding
268. GIPHY - Alert on Drag & Drop
268. GIPHY - Alert on Drag & Drop
AwarenessPathfinding
274. Interactive Background Animation
274. Interactive Background Animation
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
243. GIPHY - Trim Video Slicers
243. GIPHY - Trim Video Slicers
Decision MakingAwarenessAccessibility
251. Progressive Layout Loader
251. Progressive Layout Loader
PathfindingAwareness
235. Background Animation on Hover
235. Background Animation on Hover
Decision MakingAwarenessPathfinding
228. Notification Bell Status
228. Notification Bell Status
Accessibility
212. Automatic Background Animation 
212. Automatic Background Animation
Decision MakingAwareness
130. Animated Email Page
130. Animated Email Page
AwarenessDecision Making
91. Bubble Status Reading 
91. Bubble Status Reading
PathfindingAwarenessAppreciation
166. Confetti Explosion
166. Confetti Explosion
AppreciationDecision Making