Welcome to Rewindr
Scroll down to see the magic happen. As you explore the page, the cassette tape in the corner will "play," with the tape moving from one spool to the other. It's a little nod to the analog past in our digital world.
A Journey Through Time
Each scroll is like a moment passing. The tape captures it, winding it away. This project is an experiment in connecting physical, tactile concepts with web interactions.
The Tech Behind the Tape
Built with Next.js, React, and Tailwind CSS, this animation uses a simple scroll listener to calculate the page's scroll progress. This progress value is then used to dynamically adjust the radii of the tape spools in an SVG component.
Keep Scrolling
There's more to see, more to scroll. Watch as the left spool empties and the right one fills up. It's a simple, satisfying visual that we hope brings a little joy to your browsing experience.
The End of the Tape
You've reached the end of the scrollable content. The tape has fully wound to the right. Thanks for taking the journey with us.