Crazy light
Some Call It Teaser But It's Not
How it works (Framer.js first try)
Hey dribbblers! Finally I did it. Well, instead of using After Effects, I decided to make this animated version in Framer and, honestly, I was sure that there will be some split mode, where you can design and/or code, like in Dreamweaver you know. And can you imagine my surprise, when I downloaded the trial and saw that this is pure code! Furthermore, it's CoffeScript I didn't hear about before. Luckily I'm familiar with JavaScript, so I had one Sunday, several cups of coffee and @Nik's help from time to time, and I nailed it! Yeah, maybe this first try took too ling, but I'm happy. It was a nice Sunday :)
Cheers!
P.S. See how it works on the device here
----------------------------
Visit PlainWhite.Co
Owl-rageous
I lava my babe!
Toaster 3 in 1
Amazing UX: Blog UI Transition (Animation)
Mozee Bullet Animation
Triangle
Mr Roboto
Who's there..
Some late night illustrations.
Gif version is in attachment.
Follow me at Behance | Twitter | Vintro | Deviantart
Cargo Door Detail
Play
Tale of dot
031
Search Button Test
Profiles
spillllll
Shot 046 - Start Engine
Today's upload is a 'Start Engine' button for a Tesla car, which has been designed specifically for the Apple Watch. Since the primary action is to start your car, the button is basically a spiral that animates with colour and motion to indicate how much charge the car has. It's ambient design at a glance, but still gives you an accurate reading of how much charge there is.
Really enjoyed coming up with different ways to visualise this but unfortunately couldn't spend too much time crafting lots of different options. This might be super cool when it's animated so I might revisit this later on if I can.
@2x. Thoughts welcome.