Add a Vibe Block to your page from the Block Library. You can find it directly in the list of categories or under the “Other” section.

Enter a prompt for generating the block in the input field. Once your prompt is ready, click the “Send” button or press Enter on your keyboard.

To choose an AI model for code generation, click the model name inside the block.

To attach images for generation, click the paperclip icon.

Click the question mark icon to view example prompts for generating a block or use them as a starting point for your own prompt.

Click any example prompt to use it.

You can also preview an example prompt as a live demo on a separate page, such as a cover page example.

To copy the generated block code, click “Take the Code.” The block will then be automatically added to your page.

Click “Apply Prompt” to open the editor and modify your request. In the editor, you can also attach images or select a different AI model for generation.

Once the block has been generated, the AI chat will display a confirmation message indicating that the block is ready to use. Below the prompt, you’ll also see options to copy, regenerate, or delete the prompt.

In the chat, you can expand the AI response containing the code and copy it.

To view the full code, click “Code” in the top panel to open the editor. There, you can make changes to the generated code for your block.

To achieve the best result, you can either regenerate the block code using the same prompt or submit a completely new request.

For example, you can simply specify what needs to be changed in the block, and the AI will update the code accordingly.

By default, the block will display the latest generated version. To view a previous version, click the eye icon. To apply that version, click “Apply.”

This allows you to switch between different versions of the block. To save your result, simply close the block.

To edit the block again after closing it, click the “Edit Block” button.

To edit any element within the generated block, click on it to open the content editing window.

Add text to the content field, and it will immediately appear in the block.

To view and edit the code of a specific element, click the arrow icon.

For more convenient editing of the block’s code, click the code icon to open the editor.

Vibe Block includes built-in request limits that are available for free with every pricing plan by default. The table below shows how many requests can be made within a 12-hour period and per month.