In this tutorial, we’ll be creating a Checkbox. We’ll learn about using Design Components inside of our Code Component, how to respond to interactions within the component, and how to respond to those events from elsewhere in our project, too.
Built with Framer Base
Framer Base Kit is a set of components designed to get you started designing and prototyping with Framer X. It is built as a standalone React design system with additional support for Framer X features: Share Colors, Overrides and Property Controls.
Create Custom Page Effects
Use code to create your own custom transitions through Framer’s page component.
Build an Animating Progress Bar
Create a code component for your prototypes that animates through progress values.
Create a Sign-in Page
Learn about states, using and validating inputs as well as prototyping error messages.