This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Min-Sang Choi
Posted Jun 04 - Read on Facebook

Hi all,

This is another material design, with dynamic color. I used colorthief.js ( http://lokeshdhakar.com/projects/color-thief/ ) to extract key color from given image. which is pretty cool.

It also has working audioplayer. but I didn't include playback for copyright issue. you can find it out once you download full project.

If you're interested, play with it here : http://qcnoodling.com/material-player.framer/

https://dribbble.com/shots/1676217-Material-Design-Dynamic-Color-with-Framer-js?list=users&offset=0

11 Comments

Min-Sang Choi

Anders Albern Hedwig cheers!

Ed Chao

slow clap.

Min-Sang Choi

Thanks Ed!

Marc Krenn

Awesome work, Min-Sang!

I've actually planned to give color-thief a try on this WE but thanks to your work I can now remove that from my agenda. Yay! :)

Johannes Eckert

in.cred.ible. I'm drooling.

Guus Baggermans

Hey Min-Sang, The download link from dribbble seems to be broken. Would I be able to get that from you somehow? :)

Guus Baggermans

I'm trying to build it myself, but I can't get rid of this error:
"[color-thief.js] TypeError: Type error"

In the console it points to line 34 of color-thief:
"this.context.drawImage(image, 0, 0, this.width, this.height);"

Min-Sang Choi

Guus Baggermans sorry for late response. I have a trouble with my domain, currently trying to sort out. but you can access through this link : http://radiofun.cafe24.com/material-player.framer/?ckattempt=1

Guus Baggermans

Damn, it gives me a 403/forbidden link. Any chance you could 'framer share' it? :)

Guus Baggermans

Thanks so much Min-Sang!

Read the entire post on Facebook