Within the Component Canvas, you can create visual states for your components to animate after specific events, such as tap, click, pressed, or hover.
You can recognize the Component Canvas when blue tints, known from the regular canvas, have been replaced by purple tints within the Framer interface.
Getting to the Component Canvas
After creating a new component (
k) on the canvas, you will be brought straight into the Component Canvas. You can also arrive in the Component Canvas by double-clicking any existing design components.
To leave the Component Canvas, click on the Page where you came from in the breadcrumbs to the top left of the canvas or hit
Note: When using the
esc key, ensure you don’t have a layer selected on the canvas. If so,
esc has a different use, as it’s used to navigate up a layer with our selection model.