Custom Tailwind plugin for dynamic utility creation

[ghost]

I want a Tailwind plugin that generates utilities based on JSON design tokens. What’s the recommended API pattern for dynamic utility generation without bloating the final CSS?

[wongjn]

Have the utility class names only apply one property value. Tailwind will only generate the CSS rules that are used in the project. This would be the minimum CSS.

Though, do check if you could use any built-in utilities. It might be that you need to load the design tokens into Tailwind, without needing a Tailwind plugin.

[Om-singh-ui]

Use the Tailwind plugin API with addUtilities or matchUtilities for dynamic generation from JSON tokens. Prefer matchUtilities so classes are generated only when used, preventing CSS bloat. Keep tokens mapped to theme values for better tree-shaking.