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. Nuqlea - Plataforma para constructores

392. Nuqlea - Plataforma para constructores

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. Github - Interactive Background Animation

266. Github - Interactive Background Animation

243. GIPHY - Trim Video Slicers

243. GIPHY - Trim Video Slicers

251. Cursor Tooltip on Mouse Pointer

251. Cursor Tooltip on Mouse Pointer

235. Disney Plus - Background Animation on Hover

235. Disney Plus - Background Animation on Hover

212. Multi-layer Background Animation

212. Multi-layer Background Animation

130. Animated Email Page

130. Animated Email Page

205. TechCrunch - Bubble Status Reading

205. TechCrunch - Bubble Status Reading

166. UsabilityHub - Confetti Explosion

166. UsabilityHub - Confetti Explosion