Skip to content

Latest commit

 

History

History
9 lines (5 loc) · 1016 Bytes

README.md

File metadata and controls

9 lines (5 loc) · 1016 Bytes

Soundboard Sliders

I saw this post by @designloomco on Twitter where he had asked his developer to make a real-time reflection on some audio sliders as they move past the lights on a soundboard. I immediately knew I wanted to try it!

This gave me a chance to try some new techniques I'd heard of but hadn't played with yet, one of them being the use of an offset-path to create an animated border (here's a nice explanation I found on that technique by @jh3yy). I'm also fairly new to using Framer Motion and have been taking Emil Kowalski's course on it (@emilkowalski_). This project gave me an opportunity to solidify some of what I've been learning there.

Had a lot of fun and love how it turned out (video 👇).

soundboard-sliders.mp4