Nat

Is there a way in the Site Builder (wireframing) and Figma Library to only show the components available in the React Library? Not sure how designers would know which components they could or couldn't use?

OK, so I think I found it. So exporting as HTML is only available for the React components and only using Tailwind. Not quite what I was after but it's something.

Rob A. Where can the HTML/CSS be exported?

We build both types of projects in a component approach, only loading in what is required for a given page based on the components used, as with the Relume React library approach.

We're using Astro, so React is possible but we'd prefer not to go that route and keep it simple, more in line with what we currently do. Also, some custom WordPress projects, so converting these over to being templated and CMS-connected.

It is closer for our use case but really vanilla HTML + CSS and then JS as bonus would be ideal. There just doesn't seem to be a way to neatly extract out the global styles required and then just the CSS used for a particular component. I just checked out an example demo page for a component, like this: https://apis.relume.io/v1/preview/hero-header-sections/section_header1/. You can copy out the HTML but the CSS is a bit of mash up. See: https://assets-global.website-files.com/624380709031623bfe4aee60/css/relume-library-master.fee0b510a.css. Top-level HTML element tags like h1s appear multiple times, some of the webflow code is sprinkled in amongst other general code, some utility classes randomly appear between specific component code. For example, if you search for the utility class .align-center { it appears between code for .blog5 and .blog-post1 elements, so there's no way to extract out just the utility classes reliably.