We’ve combined all starting points into a single menu to get you into the editor faster. With new Scope settings for Libraries, you can now define exactly how your team interacts with shared assets—whether as full-page templates or modular building blocks.

New Project Creation Flow

All starting options are now consolidated into one dropdown. This bypasses the setup screens and drops you directly into the editor.

• Blank: Start with a clean canvas (Desktop or Mobile).
• Library Page: Jumpstart a project using a pre-approved page from your team library.
• Figma Design: Import designs directly from Figma to start your project.
• Page Draft (AI): Generate an initial page structure with prompts using text and image assets.

Library Scope

When publishing to a Library, you can now set a Scope for each page. This determines how team members find and use those assets.

• Page: Share as a full-page template. Individual sections are hidden from the Add menu to keep the page structure intact. Use this for specific, fixed-purpose pages.
• Sections: The individual sections are listed in the Add menu as building blocks, but the full page is hidden. Use this for sections intended to be mixed and matched across different designs.
• Exclude: Keeps the page and sections hidden. Use this to prevent drafts or in-progress work from being pushed to the team library.

Quick Actions for Empty Sections

Empty sections now display Quick Action buttons on the canvas. Instead of navigating the editor panels, use these shortcuts to start your layout instantly.

Customizable Sidebar

You can now Pin or Unpin "Templates" or "Shared with me" in the top dashboard navigation. This allows you to declutter your view and keep your most-used items accessible.

Libraries is officially out of Beta. In the past, managing brand assets required copying elements from old projects or rebuilding page structures from scratch—a slow process that often led to "brand drift" and inconsistent designs.

With this launch, Libraries becomes the primary way to manage shared assets in Vev, replacing the older Templates feature. While Templates remains available for now, we recommend switching to Libraries to centralize your brand assets.

Shared Layouts & Team-Wide Access

Now, you can create a single "source of truth" by pushing any Vev project to a Library. This allows you to browse and drop approved Pages and Sections directly into any new project.

• When to use it: This is perfect for launching new campaigns or case studies quickly. Instead of designing the layout, you pull a pre-approved one from your Library and swap in your new text and images.
• The impact: You save hours of repetitive design work and can focus on creating better content, knowing your projects are automatically on-brand.

Get Started

To set up your first library, or convert your legacy templates into one, see our guide: How to Create and Manage Libraries.

This release note introduces updates focused on team workflows, ensuring design consistency, and building more dynamic, engaging layouts.

Libraries (Beta)

Create a centralized library containing approved headers, footers, call-to-action blocks, and standardized components. Team members then drag these assets into their individual projects.

Libraries ensure that:

• Every project uses the current, up-to-date designs.
• Projects start faster because design blocks are instantly available.

🔗 Get started with Libraries

Scroll Parallax

Designers can now apply the new parallax interaction to elements so they scroll at different speeds than the rest of the page. This introduces visual depth and sophisticated motion to pages and layouts, moving beyond static design.

🔗 Learn how Scroll Parallax works

Slider Library

Quickly add ready-made slider or carousel sections to any page from the new Slider library. Customize the look and content without building the structure from scratch, speeding up the production process.

Pexels Integration

Access the Pexels royalty-free assets directly within the image or video tab when dropping media onto the canvas. Source high-quality visuals faster without leaving the editor.

“Jump to element” Linking

Create an internal link that, when clicked, automatically scrolls the visitor to a specific section, such as the Pricing table or FAQ section on the target page. This improves navigation and directs users to key information instantly.

Edit Interactions in Content Mode

Content editors can now update interactions, such as changing a button's destination URL (e.g., from a general sales page to a seasonal promotional page), directly within Content Mode. This reduces dependency on the design team for minor updates.

This update introduces a new Starter Library and several enhancements to asset management, designed to streamline your project creation and organization.

Asset Management Improvements

We’ve added new features to help you work more efficiently with your project images, videos, and shapes.

Quickly Preview Assets

Instead of dragging or selecting every file to see how it looks, you can now hover over an image, video, or shape in the panel to see a live preview. This helps you quickly identify the right asset.

Efficiently Clean Up Your Assets

To help you keep your project tidy, assets that are currently being used are automatically tagged “In use”. This makes it easy to spot and delete old, unused assets. You can also use the new “Clear all unused” button to quickly clean up your project files.

Batch Update Images

When you have a new version of an image, you can now add a new file with the same name as an existing one and choose to update the old version. This saves you time by letting you update multiple images throughout your project in a single action.

New: Starter Library

The Starter Library is a new collection of ready-to-use sections. You can drag and drop these sections onto your canvas to quickly lay out a new project.

We'll be adding more libraries soon, so keep an eye out for new designs and resources.

Page Panel Update

The Page Panel now visually mirrors your project’s URL paths, making it easier to see and navigate your site structure. This helps you quickly understand how your pages are organized.

🔗 Learn how to organize your pages

Gradient Variables

You can now save and apply gradients as color variables. This helps you maintain a consistent look and feel across your project by ensuring every instance of a specific gradient is identical and can be updated from a single location.

🔗 Read more about using variables

We've enhanced Main Components with States and Variants, to help you design flexible, scalable, and consistent user interfaces. They allow you to manage interactive behaviours and design variations within a single, reusable component, streamlining your workflow and improving design consistency.

States

States define how a component responds to user interactions such as hovering, pressing, or focusing. Specify the component's appearance in each state, and the system will manage the rest.

Use case:

• Create interactive components, like a button or card with hover styles, providing clear visual feedback.
• Ensure accessibility with focus styles for keyboard navigation.

Variants

Variants are alternate versions of a component used for different contexts. Instead of creating a separate component for each design, you can house them all as Variants within a single Main Component.

Use case:

• Build a component system with ready-made layout options, ensuring brand consistency.
• Provide dark and light theme variants, allowing for easy mode switching.

Combining States and Variants

By combining States and Variants, you can create reusable components that are consistently dynamic and adaptable, eliminating the need for copying and pasting.

Use case:

• Create a reusable button component housing primary and secondary variants, both with built-in hover, pressed, and focused states.

Get Started

• Adding States: Select your Main Component, enter "Edit mode", then navigate to the style panel. Select the desired state (i.e., Hover, Pressed) from the States dropdown.
• Creating Variants: To create a new variant, enter "Edit mode" for your Main Component and head over to the left panel and click the "Add variant" button. Now you have a new variant ready to be styled.
• Using Variants: To use an existing variant of your Main Component, simply select the component and use the variant dropdown at the top of the style panel.

Learn more

→ How States and Variants benefit your workflow

→ Learn how to use States and Variants

Hi there,

The Add Menu has been refreshed to make browsing and finding components faster and more intuitive, while keeping the way you add them to the canvas unchanged.

This update also lays the groundwork for the upcoming Libraries feature, making it easier to organize and reuse your design assets.

Simplified List View

Component categories are now displayed in a simple vertical list, offering a clearer overview and navigation with less friction.

Components Panel

Hover over any category to instantly view its components in the new side panel. Explore what’s available without any clicks.

Drag Onto Canvas

In the new category panel, you can continue dragging components directly to your canvas. No changes to how it works, just a smoother way to browse.

Coming Soon: Libraries

This update is part of a broader effort to support more advanced workflows and scalable design systems. Libraries will allow you to save and reuse pages, sections, and components across projects, helping you stay consistent and work more efficiently.

Hi there,

Vev now supports Rive!

If you love adding motion to your designs, you’re going to love this. Rive lets you create motion graphics, and now you can seamlessly bring them into Vev.

How to get started:
✔️ Grab the Rive component from Vev’s library
✔️ Upload your .riv files
✔️ Play around and bring your designs to life.

Need a hand? We’ve got a quick tutorial to walk you through it. Can’t wait to see what you create! ✨

Hi there,

We’re excited to announce the beta release of our new animation tool! This tool brings your designs to life with smooth, CSS-based animations powered by the browser’s built-in Animation API.

This is a significant upgrade from our existing Animation Addon, delivering enhanced stability, improved performance, and a seamless, native integration within Interactions.

⚠️ To ensure optimal performance, avoid using the new animation interactions with the existing Animation Addon.

Trigger Animations

Interaction triggers now support 'Animate' as actions, offering a wide range of possibilities such as:

• Entering View Animations: Use the ‘Upon entering view’ trigger with ‘Animate’ to apply effects when the elements enter the viewport.
• Click Animations: Combine ‘On click’ triggers with ‘Animate’ for click-based effects.
• Variable Animations: Combine ‘On variable change’ trigger with ‘Animate’ to trigger animations based on changing values.

Animate with Presets

Use ready-made animations for quick and efficient setup. Select presets for entering, exiting, or highlighting elements.

Animate with Keyframes

Create advanced animations using keyframes to control properties like position, size, and opacity. Customize each step of the animation timeline for step-based effects.

As this is a beta release, some issues may still arise. Your input is essential for improving the tool. Share feedback in the community or reach out to our support team through the chat 💪🏻

We’ve made significant improvements to the Font Manager to make it easier, faster, and more enjoyable to manage and use fonts in Vev. Here’s what’s new:

• The font selector now loads all (or most) library fonts directly, so you can browse without opening the Font Manager.
• A search bar at the top of the font selector lets you quickly find the perfect font.
• Live previews on the canvas let you hover over fonts in the selector to see how they’ll look directly in your textbox.
• Clear categories now distinguish between Project Fonts, Custom Fonts, and Adobe Fonts in both the font selector and the Font Manager.
• The cogwheel icon in the font selector opens the Font Manager, where you can manage your fonts just as before, but with an updated UI/UX.

We hope these updates make working with fonts at Vev feel 10x smoother! Try it out and let us know what you think.

Auto Layout feature has officially graduated from beta and is now called Flex Layout with enhanced functionality and a name that reflects its CSS roots. 🎉

📚 Tutorial Video

🔑 Key Features

Here’s what Flex Layout brings to you:

• Direction: Arrange elements vertically, horizontally, or wrap them for responsive layouts.
• Spacing: Simplified options for packed or evenly spaced layouts.
• Alignment: Precisely position elements within a frame.
• Responsive Sizing: Fine-tune with min/max width and height options.
• Padding: Customize vertical and horizontal padding.

Plus, we’ve reorganized the Style Tab and introduced a new Clipping Option for even more creative possibilities.
​

Give it a try and let us know how it transforms your workflow. Happy designing! 🫶
​