This article explains what Duda Vibe is, what you can build with it, when to use Vibe versus the Editor, how to get started using Duda Vibe, and what actions are supported.
Note
Disclaimer: Duda Vibe is currently in beta. By using this feature, you acknowledge it is experimental, may contain unexpected behavior, and is subject to modification at any time.
Duda Vibe lets you build fully custom web experiences through conversation. Describe what you want, and Vibe generates a working application, complete with design, logic, and content. From there, refine it with follow-up prompts, edit directly on the page with AI, or review the code. Use it for anything that calls for a tailored web experience, from client portals and interactive tools to custom high end web design and beyond.
We recommend watching our Duda Vibe Overview video in Duda Academy for an overview of Vibe and to see the tool in action.
Duda Vibe can be used to create a wide range of custom web experiences that help scale your business while also driving customer engagement and retention.
Examples of what you can build with Duda Vibe:
-
Websites with lots of interactive elements and animation.
-
Business tools that can be used internally, to boost engagement, or to sell to customers.
-
Portals or dashboards that help increase customer retention.
-
Slide decks for presentations.
Because Duda Vibe generates full-stack applications, these experiences can include user interfaces, data storage, authentication, business logic, and integrations.
Duda's Editor and Duda Vibe are designed to work together, with each platform serving a distinct purpose. We recommend using the Duda Editor to create high-performing websites that generate leads and perform well in search results. Use Duda Vibe to build custom functionality and interactive experiences that go beyond a traditional website.
Start by describing what you want to build in plain language. Duda Vibe uses AI to generate a complete solution based on your requirements.
Applications are generated using React and TypeScript, providing a foundation that can be customized and extended as your needs evolve. You can continue refining the experience through additional prompts or make manual modifications directly in the visual editor or in the generated code.
To learn more about building with Vibe, see Create a Project with Duda Vibe.
Following are some of the supported actions and features available in Duda Vibe:
-
Type your prompt/chat or use our dictation tool to speak your prompt/chat.
-
Blocks library allows you to select from pre-built blocks of content and add them to your project. The types of blocks include text, visual, interactive, layouts, media, or data based elements. For example, we offer blocks with a marquee list, event calendar, Spotify embed, PDF flip book, and more.
-
Visual edits allow you to edit a selected element's typography, background, spacing, border, and effects. You can make changes in the visual edits panel and view a preview before applying the changes.
Note that available visual edits depend on the selected element. For example, typography is not available to edit for an image, but alt text is.
-
Theme settings allow you to define colors and font styles for your project. We offer curated color palettes and preset font styles to select from, however you can also style each element individually to best match your brand.
-
Version history allows you to track changes and easily revert back to an older version if necessary. This allows you to experiment freely and test new changes without worrying about breaking your project and losing progress.
-
View SEO and AEO analytics with performance guidelines (if applicable) from the project dashboard.