You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm considering upgrading a project that currently uses twin.macro (with Emotion) to Tailwind CSS v4. However, since Twin relies on Tailwind's internal APIs and config loading behavior — which seem to have changed significantly in v4 with the introduction of the Oxide engine — I'm unsure whether it's still supported or even possible to patch manually.
Has anyone successfully used twin.macro with Tailwind v4?
Are there any forks or workarounds that restore compatibility?
If not, are there any alternatives that replicate Twin’s DX (e.g. styled-components/Emotion with utility-class generation + prop interpolation)?
I'm open to migrating to tools like tailwind-variants if needed, but would prefer to keep the tight integration with Emotion's styled API if possible.
Let me know if someone from the community (or the maintainer) has more insight into the roadmap or workarounds.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
I'm considering upgrading a project that currently uses twin.macro (with Emotion) to Tailwind CSS v4. However, since Twin relies on Tailwind's internal APIs and config loading behavior — which seem to have changed significantly in v4 with the introduction of the Oxide engine — I'm unsure whether it's still supported or even possible to patch manually.
I'm open to migrating to tools like tailwind-variants if needed, but would prefer to keep the tight integration with Emotion's styled API if possible.
Let me know if someone from the community (or the maintainer) has more insight into the roadmap or workarounds.
Thanks!
Beta Was this translation helpful? Give feedback.
All reactions