Get started

Animate characters, words, lines, and elements with real-time previews. Choose presets or create custom effects with properties like Scale, Blur, and Offset. Trigger animations on Appear, Layer In View, or Section In View.

The Form Builder brings fully functional, interactive forms to Framer, without the need for any third party components or integrations. Joseph shows you how easy it is to build a form, style it, and publish it to the web.

A beginner tutorial showing you how to make a website from scratch. Starting from a blank Canvas. By the end of the video you’ll have a very solid understanding of Framer and should be ready to design your next website.

We’ll cover the differences between Frames, Stacks and Grids, and when to use which.

Learn best practices for structuring your layouts for optimal responsiveness.

With the Figma plugin installed, you can copy over layers from Figma to Framer.

A Framer Tutorial about Components, covering Variants, Variables and Interactions.

Effortlessly copy and paste web elements from any of your own sites and paste them directly onto the Framer canvas.