30 days of micro-interactions

A micro-interaction is a key moment in interactivity design that responds to user input with visual feedback. Micro-interactions are everywhere, and chances are you see one every day. In this project, I recreated many web animations we see during our time online. The following Lottie animations were developed in Adobe After Effects, optimized for web, and transferred via Bodymovin.

1. iPhone Switch/Button
2. Option Slider
3. Page Scroll
4. Page Slider
5. IPHONE CALCULATOR
6. VOLUME SLIDER
7. YOUTUBE LOAD
8. IPHONE BRIGHTNESS
9. TWITTER LIKE
10. Hamburger toggle
11. CHROME TABS
12. IMESSAGE REACT
13. YOUTUBE PAUSE/PLAY
14. UPLOAD
15. IPHONE KEYBOARD
16. MENU BAR
17. UPLOAD COMPLETE
18. APP OPEN/CLOSE
19. TWITCH ICON HOVER
20. NINTENDO SWITCH SETTINGS
21. NINTENDO SWITCH PHOTOS
22. TINDER SWIPE
23. NOTIFICATION BELL
24. CUSTOM PARAGRAPH BUTTON
25. TUMBLR APP MENU
26. WINDOWS HOVER EFFECT
27. IPHONE SCREEN LOCK
28. SCROLL TO REFRESH
29. DISCORD LOAD
30. CUSTOM BRIGHTNESS TOGGLE

YAY, MORE WORK