Meet Vibe Block — a new tool that lets you create unique blocks by chatting with AI. The possibilities are limited only by your creativity: Build custom sliders, complex animations, multi-step calculators, interactive infographics, and more.
What Is Vibecoding?
In simple terms, vibecoding is a development approach where you describe what you want in words, and AI writes the code for you.
How Vibe Block Works
Write your request in plain language without technical details. Just describe the outcome you want — an effect, interaction, behavior, etc. The more specific you are, the better the result.
Within a few seconds, a ready-to-use block appears on the page based on your request. It's instantly shown in the editor, so you can see how it looks and works right away.
Tweak the Result via Chat
If you want to change something, just type your edits in the chat — the result will update automatically.
Tweak the Result via Code
For more precise control, edit Vibe Block manually: Open the code, review its structure, and make any necessary changes.
When Vibe Block Is Most Useful
Vibe Block is especially useful when pre-designed blocks and Zero Block aren't enough.
Previously, custom solutions required modifiers or developer help. Now you can do it all yourself without ever leaving Tilda.
Where to find: Block Library → Other → Vibe Block.
Check out an overview of the feature's functionality and examples of use cases: blog-en.tilda.cc/vibe-block
What Is Vibecoding?
In simple terms, vibecoding is a development approach where you describe what you want in words, and AI writes the code for you.
How Vibe Block Works
Write your request in plain language without technical details. Just describe the outcome you want — an effect, interaction, behavior, etc. The more specific you are, the better the result.
Within a few seconds, a ready-to-use block appears on the page based on your request. It's instantly shown in the editor, so you can see how it looks and works right away.
Tweak the Result via Chat
If you want to change something, just type your edits in the chat — the result will update automatically.
Tweak the Result via Code
For more precise control, edit Vibe Block manually: Open the code, review its structure, and make any necessary changes.
When Vibe Block Is Most Useful
Vibe Block is especially useful when pre-designed blocks and Zero Block aren't enough.
Previously, custom solutions required modifiers or developer help. Now you can do it all yourself without ever leaving Tilda.
Where to find: Block Library → Other → Vibe Block.
Check out an overview of the feature's functionality and examples of use cases: blog-en.tilda.cc/vibe-block
