UI Patterns for Animations

Pre-built or interactive animations are used to reinforce and enhance the user experience.

Desktop

3 views

Desktop

Tablet

Mobile

392. SaaS for Construction Workers

392. SaaS for Construction Workers

382. Interactive Background Animation

382. Interactive Background Animation

378. Modal Blackout with Animation

378. Modal Blackout with Animation

353. Population Pyramid - Visualizations with live filters

353. Population Pyramid - Visualizations with live filters

362. Modal Blackout with Form & Animations

362. Modal Blackout with Form & Animations

357. Modal with Steps (No blackout)

357. Modal with Steps (No blackout)

340. Asana - Zoom/Magnifier Over Image

340. Asana - Zoom/Magnifier Over Image

341. Savee - Image Grid Customization

341. Savee - Image Grid Customization

339. Asana - Platform Onboarding Simulator

339. Asana - Platform Onboarding Simulator

268. GIPHY - Alert on Drag & Drop

268. GIPHY - Alert on Drag & Drop

266. Interactive Background Animation

266. Interactive Background Animation

243. GIPHY - Trim Video Slicers

243. GIPHY - Trim Video Slicers

251. Progressive Layout Loader

251. Progressive Layout Loader

235. Background Animation on Hover

235. Background Animation on Hover

228. Notification Bell Status

228. Notification Bell Status

212. Automatic Background Animation

212. Automatic Background Animation

130. Animated Email Page

130. Animated Email Page

91. Bubble Status Reading

91. Bubble Status Reading

166. UsabilityHub - Confetti Explosion

166. UsabilityHub - Confetti Explosion