Community forum for knowledge and support

Updated 8 months ago

Utilizing a Relume component in a WordPress website

At a glance
The community member is redesigning a WordPress website for a client and is trying to convince the client to switch to Webflow. They have a specific Relume component with a scroll animation that they want to use, and they are wondering if there is a workaround to use that animation in the WordPress site. The comments suggest two options: 1) using the community member's React library to migrate the HTML, CSS, and JS for the animation into the WordPress site, which may require some refactoring, or 2) using Webflow as the frontend builder, exporting the code, and using a plugin like Udesly to generate a WordPress theme. However, the community member notes that the second option has some obvious cons.

Hi guys, not sure if this is the best thread to post this question
I am redesigning a website for a client they created years ago on WordPress. (I'm trying to convince them to switch over to Webflow.)

I'm approaching it by building the UI Design in stages. stage 1: create the new sitemap and wireframes with Relume. Stage 2: Iterate the wireframes to hi-fi and develop the style guide in Figma. stage 3: use a Figma to Wordpress plugin (YOTAKO).

My question is that I have a particular Relume component that I am really keen on using which is a scroll animation (Header 83). Is there a workaround that will enable me to use that same hero section animation even though it is being used in WordPress and not Webflow?

M
1 comment

You may want to take a look at our React library, it doesn't look like this specific component has been built out yet but we're releasing more components in about 2 weeks. With the React components, they are essentially translated into html/css/react - the CSS framework is Tailwind. So in theory, you could grab the HTML, grab the CSS, and the JS for interactions, and migrate those into a WordPress site. It would likely require some refactoring of your plugin stack depending on what it is you are currently using.

The other option, not ideal by any means, is if you had a paid Webflow account, you could use it as your frontend builder, export the code, and use something like Udesly to generate a WordPress theme - from there you could use shortcodes to bring in any plugin you wanted. There are some obvious cons to this, I'm just presenting the options at the moment.

We don't have any kind of "direct" export to WordPress in our roadmap, but I do think that the React library is your best option.

Hope that helps - let me know if you have any questions - happy building!

Add a reply
Sign up and join the conversation on Slack