Empower your framework's components with custom props for Tailwind styles.
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.