Community forum for knowledge and support

Updated 2 months ago

Duplicated classes when copying components from Relume library to Webflow project

At a glance

The community member is experiencing an issue where they are getting "renamed classes" and duplicated classes when copying and pasting components from the Relume library into their Webflow project. The community members have tried various troubleshooting steps, including checking the Relume browser extension, Sync mode, and library preferences. They have also reviewed documentation on how to fix and prevent class duplication in Webflow. However, the issue persists, and the community members are unable to reproduce the problem consistently. The discussion suggests that the issue may be related to the community member's specific setup or preferences, and they are encouraged to continue troubleshooting using the tips provided in the documentation.

Useful resources

whenever i copy and paste components von the relume library into my webflow project, I get these “renamed classes” > then I have all this duplicated classes. why is that?

Attachment
CleanShot 2025-04-09 at 16.53.41.png
M
M
C
19 comments

@Matt Kerres Would you mind sending a read-only link?

yes i have the browser extension installed!

@Matt Kerres do you have Sync mode on?

Attachment
66392c519727bd63b414c683_0 Duplicate Classes_optimized.webp

@Matt Kerres it looks to me like maybe your webflow library or chrome extension preferences might be set differently. I see some spacers in here versus wrappers.
https://www.relume.io/resources/docs/updating-existing-projects#change-your-component-library-preferences

  1. Import settings are on the newest version
  2. have class synch on
  3. updated spacing strategy to blocks

Attachments
CleanShot 2025-04-09 at 19.28.31@2x.png
CleanShot 2025-04-09 at 19.30.11@2x.png

@Matt Kerres there's a separate preference within the Relume Library as well - check that - since you mentioned you copied the component from there. These preferences don't sync.

Attachment
image.png

tried copying from webflow extension, there it also did happen

okay but once there is a duplicate of that class, it'll continue to happen - so if your preferences were off in the library and you copied/pasted a component there that didn't match, created a duplicate class, and then tried from the extension, it'll also create a duplicate class. We just need to cover our bases here so that we're not flagging a false positive on a bug. Once we have this confirmed, I can try to reproduce the bug - if I do reproduce it, then I'll file it. If I can't reproduce it, then I won't be able to file the bug unless I have hard evidence. Hard evidence would be a loom video or similar showing the bug happening in real time.

confirmed, I did this… to proof this, posting screenshots (maybe you see something else)
here, all heading classes are clean

Attachment
CleanShot 2025-04-09 at 19.57.00@2x.png

now copied a new component (from webflow extension)

Attachment
CleanShot 2025-04-09 at 19.58.23@2x.png

now 2 duplicated headings are here

Attachment
CleanShot 2025-04-09 at 19.58.55@2x.png

yeah, I'm not able to reproduce. I've tried in several ways and with different preference configs as well as ensuring that those classes had some modifications to them.

There's a list of tips at the bottom of that doc - I would be sure to follow all of those. I would also test it out in a guest profile of chrome to try to eliminate any effects a chrome extension might have on this.
https://www.relume.io/resources/docs/how-to-fix-and-prevent-class-duplication-in-webflow#troubleshooting-tips

did all the steps there… in guest profile it is even worse (probably because I cannot have extensions in guest profile)

Attachment
CleanShot 2025-04-09 at 20.50.12@2x.png

ah right silly, that had crossed my mind but we do have class sync in the app but your not using that in either of these cases.

Add a reply
Sign up and join the conversation on Slack