Post by Javed Ansari

Day 4/8 - Interactive Folder by Javed Ansari

The idea I wanted to explore was to have a confetti-like animation where files burst out when the folder opens, but with limited time, I went with what's shown in the final video.


Instead of using a motion library, I challenged myself to do all the animation purely in raw CSS. Honestly, I’m glad I spent so much time learning web development before diving into AI ,there’s something satisfying about crafting these interactions by hand!


This was a fun way to think about how interaction design communicates state changes like opening, closing, and hovering, and I enjoyed finding creative ways to show visual feedback.


Check out my submission and let me know what you think!

Live: https://folder-ofcljaved.vercel.app

Github: https://github.com/ofcljaved/folder

Your upvotes and feedback are welcome!

Words have more power than we think. Be kind.