Hey everyone. We couldn't be more excited to share our latest update: scroll and page components. Scrolling is a huge part of building great prototypes and as of now you can build everything you'd like.
The new scroll and page components are completely written in Framer with custom physics, based on an entirely rewritten layer.draggable. For examples and full documentation see our blog post.
Huge thanks to Devin Abbott for the initial work on this, and we can't wait to see what you guys make with it.
Also, how do you guys like the new blog Benjamin made?
Oh. My. God.
And some clickable examples:http://framerjs.com/examples/preview/#medium-app.framer/http://framerjs.com/examples/preview/#sticky-headers.framer/http://framerjs.com/examples/preview/#twitter-feed.framer/http://framerjs.com/examples/preview/#weather-app.framer/
IT'S SO SMOOOOOVE!
best blog post yet. I like the combo of examples and tutorial and other news in the end. so exciting to see so many things going on!
Wow... excited for this update (... and happy to see that my n00b implementation of the Twitter Scroll was not that far from your PRO version :) )
extra sweet that you guys took the time to update the documentation at the same time! Is the event table up to date with events for scroll? http://framerjs.com/docs/#events.table Are there no events for the pageComponent yet?
Johannes it's there. You see an old version. Probably cache.
This is great, thanks!
this is amazing — amazing releases over the last months!
Perfect. Just in time before my Friday deadline, thanks a lot! :-)
this is so awesome! thanks for another amazing update!!
wow, this is really cool! This is all what I want! Thank you for your excellent work!
Woop woop !
Awesome stuff guys! Keep it up!
I wrote this comment so I could double like :-D
looking forward to learn more about layerAnchor :)
Robin Singh time to get Framer.
Finally! This was my #1 reason for sticking with Origami instead of switching to Framer. Thank you
Devin Abbott, I feel proud of your contribution!
Koen Bok I see a few events that are related to the new component, like Events.DirectionLockDidStart. I was thinking that a Events.PageDidChange would be helpful, too. I saw in one of the examples that a .on "change:currentPage" might do the same thing?
Johannes: it's indeed the same, but I'll do another pass on events to make them more consistent.
Koen Bok: In the documentation of Framer Studio scroll.contentOffset is listed on the left, but the explanation on the right is missing.
Pushing a new build with rotation and a bunch of other issues fixed.
Thanks for the heads-up Daniel Maniés - on it.
Johannes also, all scroll events work on PageComponent too. Benjamin maybe we can make that more clear.
One of the best updates ever !
This new scroll view is incredibly awesome, it has made tons of my code obsolete which is so delightful! But... Is there a way to add tension/friction?
Patrick Keenan you can adjust the momentumOptions and bounceOptions (of all draggable layers, so page/scroll.content.draggable). momentumOptions consists of friction and tolerance and bounceOptions consists of friction, tension and tolerance. :-)
It just keeps getting better! Thanks Benjamin
Doc bug: directionLock is documented as lockDirection. Took a bit to catch that http://framerjs.com/docs/#layer.draggable.directionLock
Thanks Patrick Keenan - just fixed. :-)
How do I upgrade my copy of Framer Studio? "Check for updates..." feature is disabled.
Bernard did you just start Framer Studio? I’m not sure if this is the case with Framer, but quite a few apps that I use automatically check for updates on startup, and they disable the “Check for Updates” link until the automatic check is complete.
I'm not sure what was going on but I found and deleted an old Beta version of Framer that was still on my computer and that fixed the problem! It updated to v1.11.73. Thanks for your help!
I'm getting a reference error can't find variable scrollcomponent
James Matchett - have you tried updating Framer, in case you're working within an older project? (File → Update Framer)
ahh didn't realize you had to update the file as well
@Koen Bok and Benjamin Den Boer: Is it possible to storage the documentation in future updates? Sometimes I have to work offline and then the documentation window is blank.
Daniel yes, noted.