Help Center
Back to Home
- Help Center
Design
How can I convert TailwindCSS codes to Website Editor blocks?
How can I convert TailwindCSS codes to Website Editor blocks?
1. Navigate to the Page where you want to add a new block.
2. Hover your mouse over the existing blocks to see the black plus (+) button.
3. In the block list modal, you can click on the AI Block Convertor
4. Paste the TailwindCSS-based code and click the Convert button to see the preview.
5. You can edit the code as much as you want. When the result is good enough, choose a name for the block, a category, and a share level.
6. Click Add Block, and it will be added to your website blocks. You can add it to any page and edit it via the Editor.

Here is a resource of both free and premium Tailwind CSS components:
mRMvlJ
- Help Center
Theme