Element AI (Beta)

Element AI lets you generate fully native, editable components directly inside Vev — no embeds, no code, no leaving the editor. Describe what you need, drop in a reference image if you have one, and get a real Vev element you can style, animate, save to your library, and reuse across all your projects.

How It Works

Add Element AI from the top toolbar in any project. A prompt field appears where you can describe the element you want — "an interactive timeline with five milestones", "a pricing calculator with a slider" — and attach a reference image alongside your prompt for extra visual context. In under a minute, a custom element lands on your canvas, ready to use.

Iterate Without Starting Over

Element AI remembers the conversation. Refine the result with follow-up prompts — "make the hover state softer", "add a fourth step", "add a subtle fade-in as each milestone enters view." — and each version is saved to history so you can jump back whenever you want.

The Property Panel Is Yours

Every Element AI created comes with a real property panel. Colors, text, spacing, behavior — the things you'd expect to control on any Vev element are exposed as proper controls, not buried in code. Designers build it; editors run with it.

Designers Build It, the Team Runs With It

Element AI fits the way Vev teams already work. A designer generates and polishes a component once. Save it to a library, and every collaborator in your workspace can drop it into their projects — no prompting, no AI knowledge required. One person's prompt becomes your whole team's new building block.

Get Started

Open any project, click Element AI in the top toolbar, and describe what you want to build. For a full walkthrough — including prompt tips and how to use image context — read the Element AI help article.