Warning

Tailprops is just starting to form. It is not yet ready for production use. We appreciate you tinkering with it, feel free to provide feedback to make it better for everyone.

Tailprops is a set of tools that allow you to write Tailwind classes in this way:

<div
 tw="flex flex-col bg-red-500"
 tw-desktop="flex-row" // Responsive breakpoints
 tw-dark-focus-hover="bg-blue-500" // Or any combination of Tailwind modifiers
/>

It works as a compile step, hooking into your bundler and transforming the props into the actual Tailwind classes.

The full documentation is available at tailprops.dev.