Explore Tactile Motion in Interactive Ratchet Scroll GalleryExplore Tactile Motion in Interactive Ratchet Scroll Gallery
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Emisho's avatar
Emisho Victor
• May 20
Day 18 of my daily creative challenge is now LIVE. [SOUND ON & LINK IN THREAD]
Yesterday, I shared an early work-in-progress preview of this project. Since then, I’ve continued refining the interaction feel, motion timing, navigation system, and sound design to push the experience much further.
Introducing Ratchet Scroll Gallery, an experimental editorial-inspired interactive gallery exploring tactile motion systems, ratchet-like scrolling, and endless looping transitions.
The hardest part of this project was refining the scrolling itself. I wanted the interaction to feel precise, mechanical, responsive, and almost physical, like controlling a weighted visual mechanism.
I also spent a lot of time thinking through how people would move through the experience, making sure the gallery could be explored naturally through scrolling, dragging, direct clicking, and keyboard controls while still maintaining the same tactile feel across every interaction.
Designed in Figma, Built with Claude Code + Figma MCP. Live Site: https://studio-agar.vercel.app/
GitHub: https://github.com/Emishonowayi/ratchet-scroll-gallery
Interaction DesignWeb DesignUI DesignClaudeChatGPTFigma
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started