variaReuse Tailwind styles as component classes

Define a component with Tailwind utilities, then use its classes in your templates. Varia generates CSS for the classes Tailwind detects.

Change styles in one place
Edit a component definition to update its styles wherever you use its classes.
Make markup easier to read
Use classes such as btn and btn-size-lg instead of repeating the same utilities in each template.
Share styles across frameworks
Use the same classes in HTML, JSX, or server-rendered templates. Varia adds no styling runtime.
Keep Tailwind's flexibility
Use Tailwind utilities, modifiers, and theme values in definitions. Add utilities in markup to override component styles.

Change styles in one place