Issues with Pasting Relume to Webflow: Need Suggestions

Matthew H. · 2025-02-10T21:22:39.788Z

Hey guys, I did a quick search, but didn't find a solution to this... When I paste from Relume to Webflow, inside webflow, the buttons aren't coming across correctly. For example, see screenshot. I don't mind applying different classes/editing, but I hoped to avoid doing this with the templates. Any suggestions?

Issues with Pasting Relume to Webflow: Need Suggestions | Relume Community

Matthew H.
·
Perhaps it's related... but I also see this error message in multiple places (directly after pasting it in), not just about color.
Matthew H.
·
Finally, I also notice that interactions don't seem to copy either.
Matt J.
·
Matthew H. Would you mind sending a read-only link?
Matthew H.
·
Matt J. Sure, you mean like a preview link to the page? Or something with read-only access inside webflow?
Matt J.
·
Sure no worries, here's a quick guide on webflow read-only links: https://www.relume.io/resources/faqs/how-to-share-your-figma-webflow-projects-for-effective-support
Matthew H.
·
Matt J. https://preview.webflow.com/preview/paylode-2023?utm_medium=preview_link&utm_source=de[…]76c7ce2294&itemId=67aa649e7d4236bcdb647bcc&workflow=preview
Matthew H.
·
I just copied another section at the end of the page. You can see the button with the right chevron is not styled correctly
Matt J.
·
Matthew H. yeah several issues going on here actually. I'll try to get you up to speed on the specific issues, but you'll likely want to spend some time with our getting started videos and browsing some of our other resources. So first thing's first, looks like this is an existing webflow project that you are trying to bring Relume components into because it does not have the style guide in it. You'll want to clone this style guide, and then open it up and grab the style guide page, and paste that into your project. You can follow that process as well as several other tips you'll need to follow in order to be successful with using Relume components in an existing Webflow project. https://www.relume.io/resources/docs/updating-existing-projects Secondly, it appears you may not have our chrome extension installed which prevents duplicate classes. You'll want to follow this guide on how to fix those duplicate classes you have, as well as how to prevent them in the future. https://www.relume.io/resources/docs/how-to-fix-and-prevent-class-duplication-in-webflow And lastly, here is the link to the getting started videos mentioned above: https://www.relume.io/resources/series-videos/introduction-getting-started Hope that helps - happy to answer any other questions you might have along the way here.
Matthew H.
·
Pretty sure I have the style guide (I have the untitled ui library on relume that I've been copying in with no problem — the issue is with the non-untitled-ui components). Do those use a separate style guide?
Matt J.
·
yeah I just found that, and yeah thats not the same
Matthew H.
·
I do have the chrome extension installed, but it hasn't worked to date to avoid class collisions
Matthew H.
·
Matt J.
·
ah actually it should be fine, so its likely the duplicate classes but also you'll still need to follow the first guide I sent
👀1
Matt J.
·
okay good to know
Matt J.
·
all helpful information, i should have asked more questions

23 comments