Help Center

Back to Home
  1. Help Center
  2. Design

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.

Image Description

Here is a resource of both free and premium Tailwind CSS components: 

  1. Help Center
  2. Theme

© All rights reserved