Hi there! I just signed up in relume that I was thinking for a long time. I'm using it to download the wireframes in HTML and include them into my wordpress website. However I tried today for the first time to export the code in HTMl and test if it's going to be shown as the wireframe. I tested it in tailwinds play editor... but unfortunately seems broken.. Am I missing anything here or the platform is not ready for something like that yet ?
Have you tested it locally instead of relying on the tailwind playground ? .
Yes, let me get the record for you from the beginning to the end
As you can see when I add this to tailwind playground it doesnt look the same as on relume. I’ve tried it locally with the cdn of tailwind and looks exactly the same. Am I doing something wrong ?
I really wanna make this work..
hey Petros P., with our html export, you need to add some extra configurations into the existing tailwind config. You can follow this doc. Since we are tightly coupled with Tailwind, you might want to take a look at this as well https://tailwindcss.com/docs/installation/tailwind-cli.
Looks like you need to install tailwind in your project and include our tailwind config https://react-docs.relume.io/getting-started/tailwind Tailwind playground works partially, because it provides the default tailwind config, but the layout still seems a bit off because you need to load in our tailwind config values (as above) but I'm not sure if the Tailwind playground does this?
Awesome guys, I’ll check it out..🙏
I’ve added the code into windpress, a plugin for wordpress because eventually I want to run the code into wordpress. Seems that still some parts are missing from the export of the code. I don’t think the problem is the way we import tailwind but that the export doesnt provide all the code. Also this is the FAQ section and the questions are missing.. Am I doing something wrong on the export ? <section id=“relume” class=“px-[5%] py-16 md:py-24 lg:py-28"> <div class=“container”> <div slotName=“max-width-large” class=“rb-12 mb-12 w-full max-w-lg md:mb-18 lg:mb-20” > <h2 elementName=“heading” class=“rb-5 mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl” > FAQs </h2> <p elementName=“paragraph” class=“md:text-md”> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. </p> </div> <div class=“” data-orientation=“vertical”></div> <div slotName=“max-width-medium” class=“mt-12 md:mt-18 lg:mt-20”> <h4 elementName=“heading-2" class=“mb-3 text-2xl font-bold md:mb-4 md:text-3xl md:leading-[1.3] lg:text-4xl” > Still have questions? </h4> <p elementName=“paragraph-2" class=“md:text-md”> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <div elementName=“button-group” slotName=“button-group” class=“mt-6 md:mt-8" > <button class=“focus-visible:ring-border-primary inline-flex gap-3 items-center justify-center whitespace-nowrap ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-border-primary text-text-primary bg-background-primary px-6 py-3” elementName=“button” title=“Contact” > Contact </button> </div> </div> </div> </section>
As a WordPress developer I would suggest you to create manually and I have completed 3 projects this way. instead of exporting. It is compatible with Webflow and does not interact with WP.
i create everything from scratch using containers
So you dont use relume ? I’m a bit confused what you mean 😅
Bro i use relume
So you dont use AI.. I’m looking to leverage the AI situation here