Tailwind-modifier adopts a modifier-first approach to writing Tailwind classes, simplifying the management and handling of screens, groups, and other modifiers available in Tailwind CSS.
✓ Complete type-safety ✓ No external dependencies ✓ Full support for all Tailwind CSS modifiers ✓ Nested modifier support - *:dark:bg-dark ✓ Differentiated peers/groups support - group-hover/item ✓ Full compatibility with arbitrary modifiers - group-[.is-published] ✓ Support for arbitrary variant modifiers - [&:nth-child(3)]:underline ✓ Custom modifiers support for type-safety ✓ Works seamlessly with other tools like twMerge and clsx ✓ Support for tailwind classes auto-completion. See Editor Support below
twMod offers versatile syntax options, providing users with the flexibility to seamlessly integrate the tool into their workflow.
For enhanced auto-completion of tailwind utility classes in the twMod function, add the following configuration to your setup (assuming the tailwind-language-server is installed):