Prototypr

Prototyping, UX Design, Front-end Development and Beyond 👾 | ✍️ Write for us…

Follow publication

Framer X Walkthrough: Page View

John Traver
Prototypr
Published in
1 min readSep 23, 2018

Framer X is a powerful tool for creating interactive prototypes, but what I find more impressive, is the underlying library that powers it all. Framer.js provides a constraint based layout engine, a powerful physics engine, and a handful of components that immediately add rich interactivity to our prototypes. These components are not all exposed in the Framer X UI (yet), so I’m going to show you how you can use one of these components called Page.

Topics Covered:

  • Page Component (exported from Framer)
  • this.props.children

Source:

Short and sweet. Although we’ll have to wait to see the Page component in the Framer X UI, it’s exciting to know how much power is still under the hood. Hope you all learned something and we’ll see you next time.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

Published in Prototypr

Prototyping, UX Design, Front-end Development and Beyond 👾 | ✍️ Write for us https://bit.ly/apply-prototypr

Written by John Traver

Co-founder / Creative Technologist @Frame_io #forbes30under30 2018

Responses (2)

Write a response