This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Dallas Peters
Posted Jul 31 - Read on Facebook

Help understanding spring syntax!

I know I saw it somewhere, but can someone point me to (or explain) the syntax for spring()?

i.e. spring (100, 30, 0). What are each of the 3 defining?

21 Comments

Jordan Robert Dobson

Look at the animation docs in framer or on the website.

Chris Camargo

See spring-rk4 and spring-dho under Animation Curve Options. Note that tolerance is optional. http://framerjs.com/docs/#animation.animation

Sander Värv

From the new animation template:
Tension, Friction, Velocity (Bounciness, Weight, Wind-Up)

Dallas Peters

Sweet. Thanks Chris Camargo and Sander Värv. Knew I had seen it somewhere, but couldn't find it again when looking.

Jordan Robert Dobson

Cmd+f is your friend. :)

Dallas Peters

Not helpful Jordan Robert Dobson Either post.

Jordan Robert Dobson

Well. I tried. I gave you the same answer as Chris. I just didn't do the work for you.

Jordan Robert Dobson

I guess I figured you knew where the docs were Dallas Peters. FramerJs.com or in your app under the docs icon. There is even a search field there. Get familiar with it you'll use it a lot.

Dallas Peters

Yep. Have since located and built out a custom Dash build and an few Alfred worflow to search docs. All I saw at first was http://framerjs.com/learn/basics/animation/ which states nothing.

Dallas Peters

and the framer docs in the app does not haveCMD+G to advance to next instance. So I've bailed on using that.

Jordan Robert Dobson

Awesome. Now you know. It's gotten a lot better in the last year. Sorry my initial response didn't point you to the right spot.

Yeah the learn section is far different than the docs.

I use (ahem love) dash as well and would be interested what your setup looks like. :)

Jordan Robert Dobson

I actually have a fluid instance of the docs site setup so it's always available. I'd rather go dash route tho.

Jordan Robert Dobson

Koen - cmd + G in the docs when searching?

Dallas Peters

Yep. Does nothing on my machine. Finds first instance. And highlights terms, but leaves you to scroll the docs.

Dallas Peters

Inside the Studio Docs

Dallas Peters

Koen Bok did all that work. I just built and imported :) https://github.com/koenbok/FramerDash

Dallas Peters

... with regard to Dash ^^^

Jordan Robert Dobson

Awesome. Thanks.

Dallas Peters

Alfred Workflow for quick Docs action if you don't have Dash. :) https://dl.dropboxusercontent.com/u/585810/FramerDocs.aflredworkflow.alfredworkflow

Koen Bok

Oh, nice, this still works?

Dallas Peters

Worked for me. :)

Read the entire post on Facebook