Element AI is a new way to create custom interactive elements in Vev. Describe what you want, and Vev builds it as a real, native component on your canvas — fully editable, styleable, and reusable. No embeds, no code, no leaving the editor.
This article walks you through how to use Element AI, write a good prompt, iterate on the result, and reuse what you create.
What you can build
Element AI is great for one-off interactive components you'd otherwise have to build from scratch or embed from somewhere else. Think:
Interactive timelines, counters, and tickers.
Pricing calculators, sliders, and configurations.
Charts and data visualizations.
Image comparisons, hover reveals, and animated infographics.
It works best for elements, not whole pages. If you need a full layout, build the page in Vev and use Element AI for the interactive pieces inside it.
Add Element AI
Insert Element AI from the top toolbar of any project, or directly from an empty section. Either click and drag within a section to draw the placeholder for your element, or hold your pointer at the top or the bottom of your canvas to make it a full-width section.
A prompt field appears where you can describe the element you want to build.
Write your prompt
Describe the element, the behavior, and the style — in that order. Specific prompts produce better results than vague ones.
Example prompts:
A vertical timeline with five milestones. Each milestone has a year, a title, and a short description. Animate the line filling in as the user scrolls past.
A testimonial carousel with three quotes. Auto-advance every 5 seconds, with dots for manual navigation. Use a soft, rounded style with subtle shadows.
Add an image for context
You can attach a reference image alongside your prompt — a sketch, a screenshot, a mood board, or a rough design by dropping it into the field. Vev uses it as a visual context when generating the element.
Image context is especially useful when:
You want to match a specific visual style you can't easily describe in words.
You're recreating or adapting a pattern you've seen elsewhere.
The component has a distinctive layout or structure.
Iterate and refine
After the first result lands on your canvas, keep talking to Element AI. Follow-up prompts refine the existing element rather than starting over:
"Make the hover state softer."
"Add a fourth milestone between 2022 and 2024"
"Add a subtle fade-in as each milestone enters view."
Every version is saved, so you can jump back to an earlier iteration whenever you want.
Fix errors with one click
If something breaks, use the Fix button or describe the issue to the AI. Element AI will diagnose the issue and apply a correction.
Edit it like any other Vev element
Every Element AI created comes with a real property panel. Colors, text, spacing, animation timing, and component-specific behavior are exposed as proper controls on the right — not buried in code.
That's what makes Element AI fit a real team workflow: a designer generates and refines the element, then hands it off. Editors, writers, and anyone else on the project can adjust it from the property panel without touching the prompt.
Reuse across projects
Save any AI-generated element to a library, and it becomes available across your entire team. Generate it once, polish it right, and every collaborator on your team can drop it into their projects from that point on.
Tips for better results
Describe the component, the behavior, and the style — in that order. It matches how Element AI builds.
Be specific about interactivity. "Hover reveals the description" beats "Interactive card".
Reference real content. Include actual copy, numbers, or labels in your prompt — the AI will use them.
Attach an image when words fall short. A rough sketch gets you closer than a paragraph.
Iterate rather than restart. Follow-up prompts are faster and preserve what's already working.
Polish once, reuse everywhere. Get the element right with AI, then save it to a library so the rest of your team can use it without prompting.
What to expect in Beta
Element AI is in Beta, so a few things are worth knowing:
Generation is asynchronous — most elements take a few seconds to a minute to appear on your canvas.
Results will vary between prompts. If one attempt doesn't land, rephrase or iterate rather than assuming it can't be done.
Element AI builds elements, not full pages.
Generated elements run client-side in the browser, like any other Vev element.