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.

Design interactive cursors using components, with infinite ways to customize. Tap into the power of Variants, Effects, and Transitions to design interactions with an incredible fidelity.

Place any layer in 3D space by editing properties like Rotation, Skew, Origin, Depth, and Perspective. For the first time on a freeform Canvas, all 3D layers remain selectable and editable, resulting in an amazing experience.

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.

Fetch enables you to leverage the power of APIs to add dynamic data to your Framer Site—without any code.

Stacks and Grids are two powerful layout tools that help you arrange elements in your designs. They’re both used to create flexible and responsive layouts, but they differ a bit in functionality and are suited to slightly different use cases. In the previous lesson, we talked about Stacks — but let’s talk about how Grids compare — and get comfortable with the basics of how they work.