Community forum for knowledge and support

Updated 6 days ago

Transitioning a Relume Webflow site to a React.js site

Hi all - long time user of Relume on webflow but just starting to experiment with react.js compoents as finding it easier to code with AI that no-code without.

One question i have has anyone moved a Relume Webflow fullly designed site with variables to react.js site in a automated way?

S
A
3 comments

Hey Anton! That’s a great question. To be honest, there isn’t a fully automated way to move a complete Relume-designed Webflow site with variables directly into React.js. Most people end up manually rebuilding the components in React while using the Webflow design as a reference.

It’s because Webflow’s no-code structure and React’s code-based setup work quite differently under the hood, so a direct one-click transfer isn’t really available yet. But using React can definitely give you more flexibility, especially when combining it with AI for coding help.

Have you started rebuilding parts already, or just exploring the idea?

Just planing it at the moment, we have build our own script that takes variables form Figma so we will probably adapt that as the sites are fully designed in Figma as well.

I was just interested as could be a nice use case to click a button and all the styles form a Webflow site are placed in Tailwind theme...

I was going to start with Vercel next.js+Supabase+tailwind codebase then integrate relume is there any one out there that has combo already done in base git?

Sounds like a smart approach using your script with Figma variables. There’s no ready-made tool to convert Webflow styles directly into Tailwind yet. Starting with Vercel, Next.js, Supabase, and Tailwind is a great stack.

As for a base repo combining all that with Relume, nothing widely available, but most people build their own and add Relume components manually. You can check Relume’s community or GitHub for starter kits.

Add a reply
Sign up and join the conversation on Slack