/Framer

A repository of Framer prototypes while learning the tool

Primary LanguageJavaScript

Framer

Framer Pianosurfing Onboarding

This is the prototype I'm presenting at the Madrid Framer Meetup Nov 17th 2017.

Illustrations and Pianosurfing concept by Sandra García (http://sandragarcia.es/Pianosurfing) 🙌

Prototype:

https://framer.cloud/olnie/

Code inspiration by Tes Mat https://share.framerjs.com/lba7gxmhrrpl/

Framer VR

Framer VR module

Exercise for the 2nd Madrid Meetup Apr 2017 using the Framer VR module https://github.com/jonastreub/VRComponent

Prototype:

https://framer.cloud/FOVRi/

Framer VR

Persistent like-counts

Persistent like-counts with Framer and Firebase, using the Marc Krenn module and code at https://github.com/marckrenn/framer-Firebase

Elements used in this exercise:

  • Firebase
  • Google fonts import
  • svg images
  • CSS3 text shadows

If you like it, please click the prototype :-)

http://share.framerjs.com/0r9anmz6apds/

...and yes, that's my terrible handwriting.

Framer Counter

List

Another Framer exercise: unordered list Apple menu style, animated background color.

Interaction code based on http://framerjs.com/gallery/preview/#mobile-navigation.framer

Prototype:

http://share.framerjs.com/snlrtr1poi5r/

Framer List

Parallax

I just received the new Aaron Draplin book, and I thought it might be interesting to try something in Framer using one of his designs.

Here's the original design:

https://pinterest.com/pin/443815738259624382/

And here's the prototype:

http://share.framerjs.com/p9h212nw0kb4/

Framer Parallax

Animals

I made this one for my little daughter :-)

http://share.framerjs.com/4s25hpd5yee6/

Framer Animals

Login form

This is the first assignment in the #dailyframer challenge at dailyframer.com. I probably won't have the time to complete all the exercises, but I'll do my best to finish at least two :-)

http://share.framerjs.com/2ic2evvr43pz/

Background image by Dmitri Popov at https://unsplash.com/@dmpop Origami icon from http://www.webalys.com/nova/ Interaction based on Robert Mion's prototype at https://share.framerjs.com/d8if88j1qtkm/

Framer Login

Material Ripple

Exercise from the Jay Stakelon Framer course

http://share.framerjs.com/kzyw1jbwofet/

Framer Material Button

Multiply

My first Framer prototype. Playing with CSS blending modes.

http://share.framerjs.com/njtdbgzk2qbm/

Framer Multiply