app like that
Tailwind to WordPress Converter Tool
Tailwind to WordPress Converter Tool

Tailblocks is a tool that auto-converts Tailwind HTML to WordPress Block code, allowing you to edit styles in Gutenberg effortlessly.

Features

Tailwind HTML to WordPress Block Conversion

Automatically converts Tailwind HTML code into WordPress Block code that can be edited with Gutenberg styles. This allows developers to build websites quickly using familiar Tailwind classes.

Editable Gutenberg Styles

The converted WordPress Block code supports editing directly within Gutenberg, making it easy to change styles without needing technical knowledge.

Supported Utility Classes

Supports utility classes for Flexbox, Margin/Padding, Text, Borders, and Backgrounds. This includes text-alignment, colors, and font sizes among others.

WordPress-Specific Classes

Includes classes for WordPress-specific settings in Gutenberg, such as full-width alignment, layout constraints, and different sizes for content and width.

Known Limitations

There are some limitations due to WordPress's inconsistent block structure. For example, certain classes on Columns and Button blocks might not work as expected.