While our tools and workflows in the world of application frameworks like React continue to evolve and improve developer experience, our styling approaches are often times staying the same. And moreover, our way of thinking about components and variants hasn't changed much. With fresh low performance impact CSS-in-JS libraries like Stitches and vanilla-extract we can catch up with a new mental model of what our components are and can be — combining everything that pure CSS offers and features like type safety, enforced tokens, variants, or critical path CSS generation.  Let's dive in and make our lives simpler and component systems better in everything from your personal project or startup to enterprise level multi-brand solutions.