About The Component

This calendar widget's smooth interaction is crafted using just two simple variants in Framer. I first created the widget's design with all of its elements. Then, I converted it into a component and created "closed" and "open" variants. All I did next was link the two variants using "tap" interactions, and tweaked the "transition" property on the primary variant for this neat, bouncy animation.

Of course, the component is fully customizable via component properties.