Skip to main content

Element AI (Beta)

Need an element that doesn't exist yet? Describe it, and Vev builds it for you.

F
Written by Fredrik Jensen
Updated over 3 weeks ago

Element AI lets you create custom Vev elements directly on your canvas β€” just describe what you need in plain language. Whether it's a scroll-triggered text effect, a live data ticker, or an image comparison slider, Vev generates a fully working element with editable properties, ready to use like any other element in your project.

Add an AI element to your page

There are three ways to get started:

  • On an empty page, select AI element from the quick-add menu

  • Drag the Element AI slot from the top toolbar onto the canvas

  • Open the Elements panel, select AI elements and click the Generate button

A prompt bar appears below the selected element on your canvas.

Generate your element

Type a description of the element you want in the prompt bar.

Example

A headline that cycles through three words β€” 'fast', 'bold', 'yours' β€” with a smooth morphing transition.

Example

A before/after image slider with a draggable divider.

Click the arrow to submit

Vev generates and builds your element in the background. Depending on complexity, this takes anywhere from a few seconds to under a minute. The element appears on your canvas when ready.

Attach an image

If you have a design or screenshot to reference, click the + button in the prompt bar to attach an image before generating.

  1. Select a file from your computer, or drag and drop it into the prompt bar

  2. The AI uses it as a visual reference for the element structure

Iterate and refine

Element AI remembers the context of your element. You can keep prompting to refine it without starting over.

Select the element on your canvas and type a follow-up in the prompt bar.

Example

Add a settings panel so users can manage individual cookie categories.

Example

Change the transition to a fade instead of a morph.

Click the arrow to regenerate

Each version is saved automatically. Use the version history dropdown in the toolbar to review or revert to a previous version.

Tips for better results

  • Be specific. "A testimonial card with an avatar, name, job title, and a 5-star rating" produces better results than "a testimonial."

  • Reference real content. Include actual copy, numbers, or labels in your prompt β€” the AI will use them.

  • Attach a screenshot when you have a clear visual reference in mind.

  • Iterate, don't restart. Use follow-up prompts to adjust details rather than writing a new prompt from scratch.

Did this answer your question?