Help Needed: Importing from Relume to React with Tailwind Issues

·

Hi, I need help importing from relume to react. Because there were issues with tailwind v4 not having an tailwind.config.js file I've had to downgrade react, and tailwind both but I am still having issues with the styling. Any help would be greatly appreciated

45 comments

· Sorted by Oldest

Matt J.
·
·
Cc Nour
Omer
·
·
Hi Matt, thanks for linking me with Nour, hoping to get help soon. In the meantime, is there any sort of tutorial for importing from Relume to React? I've followed the official documentation as close as I could really but no luck
Omer
·
·
The pictures show what im seeing as an export vs whats being rendered in React.... seems like a size styling issue. Nour
Nour
·
·
Hey Omer, seems like you haven't set up the Tailwind config correctly. If you can share your project, through github or as a zip, I can help.
Omer
·
·
Hi Nour, the thing is that tailwindv4 does not have a Tailwind config file
Omer
·
·
Heres the GitHub link: https://github.com/OmerK203/DannyAuto
Nour
·
·
Yeah, we don't support Tailwind V4 yet (we're in the coming few weeks). You'll have to do some manual work to migrate from V3 to V4
Omer
·
·
Ah I see, is there any sort of documentation I can read for this? Or should I downgrade to v3?
Nour
·
·
I would recommend downgrading to V3 for now
Nour
·
·
So you can have Relume's correct variables configured
Omer
·
·
and that requires downgrading react to 18 as well right?
Nour
·
·
Downgrading to React 18 will be due to the UI elements, not because of the version of Tailwind.
Nour
·
·
But we're also upgrading all our UI elements to React 19 next release.
Omer
·
·
I see, so just for clarification: React v18.3.1 Tailwind v3.4.17 Until further notice?
Nour
·
·
Yeah exactly, this is recommended for now