Skip to content

A skeuomorphic soundboard with custom interactive sliders and light reflections that respond in realtime.

Notifications You must be signed in to change notification settings

zremboldt/soundboard-sliders

Repository files navigation

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

About

A skeuomorphic soundboard with custom interactive sliders and light reflections that respond in realtime.

Topics

Resources

Stars

Watchers

Forks