editor

editor

code

Develop and share

customizable components in a powerful React Code Editor.


To empower the future of no-code, we have included the possibility to make your own front-end components that you can share with your team and edit visually in the design editor.


Tie in third-party backend services you're already using

to build whatever you want in Vev.

Develop features to share across your teams.

Stop coding full sites and just focus on the features and components you want. While your design team is working on the main layout, you can develop and share components directly to their canvas.

Let designers control visual attributes.

Allow designers to control the styling of your components visually using the Design Editor. Eliminate back-and-forth and never worry about hardcoding CSS.

Sample Vev code with CSS attributes

David

Sarah

Rose

John

Norah

Patrick

Create advanced form fields of your very own.

Create custom form fields that enable designers and content editors to add images, text, or even tweak the functionality of your component without touching the code.

Background shape, pink gradient

How about creating custom components for your team?

It would be epic
Sounds good
Not bad
I do not mind

Did you like our personalized form?

Yes! I want to create my own
Yes, but don't ask me any more random questions

Great! Don't wait any longer to try it 🤟

0/2

Try me!

Sample Vev form field code

The Code Editor

Build Custom React Components

Vev is the first website builder combining code with no-code. Build in your own functionality to use in the design editor.

Connect CSS to Visual Editors

Enable designers to tweak the visuals. Any CSS attribute can be connected to visual design editors.

Component Input

Build connected forms to allow your team to customize the input of the component.

TypeScript 4.1

Build with modern web functionality at all times, and validate your JavaScript ahead of time with TypeScript.

Real-Time Collaboration

Work simultaneously with your designer. You can code advanced functionality while your designer takes the lead on the visual aspect of the site.

Access to NPM and Vev Public Components

Use Vev's public library or explore NPM with millions of options for components you can install directly on Vev.

Integrated Editors

Build components in the Code Editor and make them available to reuse in the Design Editor, making collaboration with designers easy.

Rapid Testing

and Prototyping

Create and test new components rapidly. Get instant feedback from your team.

Version Control

Never worry about pushing bad code. Easily revert to previous versions.

Output and Hosting

Vev generates static files with HTML, CSS (not inline) and JavaScript. These files can be one-click-published to any endpoint and hosted on any solution.

Fetch Data from External Sources

Use async promises to fetch data from any data source to create dynamic sites.

Filetree Organization

Freedom to create a flexible file structure where you can add additional folders or JavaScript, TypeScript, and CSS/SCSS files.

Semi circle, Red gradient

at a glance

Use forking elements

to customize Vev components.

Use a single click to obtain your own editable copy of code for any public Vev widget. Simply tweak to truly make them your own.

Write less and do more with NPM.

Effortlessly fetch code from the world's largest software repository to bring pre-coded functionality into your own widgets.

Code Editor, preview

Forking elements

- Customize Vev components

Use a single click to obtain your own editable copy of code for any public Vev widget.

Write less. Do more — with NPM

Effortlessly fetch code from the world's largest software repository to bring pre-coded functionality into your own widgets.

Background shape, pink gradient

“The split between designer and content editor means that non-programmers can do a significant amount of the work, saving time and resources. Continuous improvements and great support from the Vev team is first class.”

Jostein B, Enterprise Consultant

Shapes, Yellow, 3D

Ready to make something?

Feel free to explore and create as many projects as you’d like for free! Then select the plan that’s right for you when you’re ready to publish. 

Let’s make the web a more beautiful place, together.

This site was built in Vev © 2021 Vev. All rights reserved.

Rectangle, 3D, Green
Youtube icon
Linkedin icon
Instagram icon
Facebook icon
Twitter icon