Converter for Existing Tailwind sites

Not sure this is the correct category…

What’s the likelihood of building some sort of converter tool for existing Tailwind projects into Elements? Would like to open / import the HTML files and save into an Elements project.

Even if we didn’t get any conversion of customized CSS, seems like a tool like this could be useful. Thoughts?

Hi @badcat,

We don’t have a built-in converter for existing Tailwind websites, but we do support Custom Components!

With a Custom Component, you can paste in any HTML — so if your site already uses Tailwind, you can copy and paste your code straight into Elements.

Here’s a quick demo showing how to create a Custom Component using a couple of Flowbite components:

You can take it even further by using the @text() directive for editable text or by adding custom controls using the Elements language.

If you have any questions, feel free to ask as we’re always happy to help! :slight_smile:

1 Like

Thanks @ben - Yes, I’ve watched these Components being developed - specifically the HTML one. That works to get the HTML into an existing Elements page, but was hoping for a way to get closer to the content by converting it so I’d be able to select individual elements (ie, the links in your footer example) and control them from within the Elements UI. But this could work for small sites and would allow a faster way to get things into the project while rebuilding with the core Elements Components. Thanks for this.