Min-Sang Choi

Material Design+Dynamic Color with Framer.js

  • Save
Material Design+Dynamic Color with Framer.js animation interaction prototype framer javascript google materialdesign

Material Design + Dynamic Color

I did extra work on prototyping Material Design. This time it's dynamic color. I used colorthief.js to actually get real-time key color from given image.

Things to note :

- extracting key color using colorthief.js
- Audioplayer that actually plays music (won't play on interactive version for copyright issue)
- Neat ripple effect on shuffle button! ;-)

you can play with it here : http://minsangchoi.com/material-player.framer/

keyboard shortcuts: L or F like