Tailwind support

Warning

You are viewing documentation for Flowershow Self-Hosted. Flowershow Cloud documentation can be found here.

Tailwind support

Flowershow comes with built-in tailwind support. You can use it to style your custom layouts or in-markdown HTML blocks.

That means you can do things like:

<div className="text-green-500">
Hello World!
</div>

Which is rendered like this:

Hello World!

className rather than class

You may have noticed we used className rather than class attribute in our html. That's because we are using MDX (markdown extended) rather than pure markdown, so we follow React conventions and use className

© 2025 All rights reservedBuilt with Flowershow Cloud

Built with LogoFlowershow Cloud