CVA: Component Variants Automator

About this plugin

It's time to save you some time!

Don't take "authority" too seriously, we are here to give you control!

With CVA you'll get to control how you want your components to vary without having to modify each variant by hand.

For now, if you create your component using the Cascading Components strategy you get to generate a Component Set with all possible variants. That's pretty useful to quickly check how your component will look and to document your design system.

You can also limit the number of generations by linking properties therefore avoiding generating a big button with a tiny text, for example.

🛝 Go to our playground to learn how to use CVA step by step!

🍿 Learn how to use CVA from our tutorial on Youtube.

We are in a lot of places, follow us on 🕵️

Instagram for tips 🧚

Twitter / X for updates 📣

Medium for some reading 📖

Youtube for tutorials 👩‍🏫

Discord for befriending us 🧞‍♂️

And please, ask for features and feedback on cva.canny.io 📮

But we are just starting and there's a lot more to come. We keep working to bring you more straightforward solutions for your designing needs, cause less clicks means more time for your creativity to flourish.

🕵️ PS: Our name is a reference to TVA, the Time Variance Authority. If you haven't watched the TV show Loki to get the reference, we highly recommend it!