Read on Twitter
We're launching Smart Components today
Tiny thread of some of the things *I'm* really excited about 
https://twitter.com/framer/status/1356633601614446593
Tiny thread of some of the things *I'm* really excited about https://twitter.com/framer/status/1356633601614446593
I talked about this when we launched our beta, but I think it's so cool it bears repeating: You design all the states and interactions of your component on a canvas, and then it's instantly available as a @reactjs component, 1:1 to your canvas, all happening in the browser 
Are there downsides to component instances being @react component? Nope. Want to detach an instance of your component to modify it without adding new states? No problem, @framer can instantly convert your component back to raw layers on our canvas, and you can carry on 
I'm also excited about how these instances are built. They're using exactly the same patterns you'd use if you were building a production @reactjs component: CSS, hooks, and conditional rendering. None of those classic "generated code" hacks! (Well not many...
)
)
Better still, you get complete control of all the animation curves between variants, all running at a silky 60fps since all your Smart Components are built onto of @framer motion's declarative variant and layout animations.
And with Variables you can start to build complex behaviour and macros to design complex states in seconds, like you can see in the video. I can't wait to see what design systems builders do with this, and how we can help them make @framer a dream to collaborate as a team with 
The best part is there's so much more to come, @blixt @huntercaron and @vovacodes have some amazing things to show you all soon: https://twitter.com/blixt/status/1356650671274156034?s=20
