Skip to content

A repository of Framer prototypes while learning the tool

Notifications You must be signed in to change notification settings

faustoperez/Framer

Repository files navigation

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

About

A repository of Framer prototypes while learning the tool

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published