Patterns for Animations & Transitions
Pre-built or interactive animations are used to reinforce and enhance the user experience.
- Desktop (33)
- Tablet (0)
- Mobile (3)
400. 3D Button Shadow
View Pattern
397. Modal with Card Options
View Pattern
392. SaaS for Construction Workers
View Pattern
382. Interactive Background Animation
View Pattern
378. Modal Blackout with Animation
View Pattern
362. Slack - Side Menu Toggle
View Pattern
353. Population Pyramid - Visualizations with live filters
View Pattern
362. Modal Blackout with Form & Animations
View Pattern
357. Modal with Steps (No blackout)
View Pattern
340. Asana - Zoom/Magnifier Over Image
View Pattern
341. Image Grid Customization Sliders
View Pattern
339. Asana - Platform Onboarding Simulator
View Pattern
328. Apple Safari - Zoom In/Out Transition
View Pattern
314. Snapchat - Snap Camera
View Pattern
312. Instagram - Animated Illustration with Menu
View Pattern
309. Instagram - Brand Gradient
View Pattern
308. MercadoLibre - Hero Slider
View Pattern
303. Background Animation
View Pattern
302. Theme Switcher in Side-drawer
View Pattern
300. Sound Bars Graph
View Pattern
293. Collapsable Sidebar Menu
View Pattern
268. GIPHY - Alert on Drag & Drop
View Pattern
274. Interactive Background Animation
View Pattern
259. Squarespace - Multi-depth Sidebar Navigation
View Pattern
258. Squarespace - Adaptable Viewport Size
View Pattern
243. GIPHY - Trim Video Slicers
View Pattern
251. Progressive Layout Loader
View Pattern
235. Background Animation on Hover
View Pattern
228. Notification Bell Status
View Pattern
212. Automatic Background Animation
View Pattern
130. Animated Email Page
View Pattern
91. Bubble Status Reading
View Pattern
166. Confetti Explosion
View Pattern
