import React from 'react';

import { registerVevComponent } from '@vev/react';



const MyComponent = () => { 

return <div>Hello, VeV</div>;

}



registerVevComponent (MyComponent, {
name: "My awesome component",

});



export default MyComponent;

Build React Components

With the Vev CLI, you can develop React components as you would in any standard React project. While you'll run your code locally in your preferred editor, previews will be displayed in the Vev Design Editor, rather than on your local host.

pimport React from 'react';
import { registerVevComponent } from '@vev/react';

const MyComponent = () => {
    return <div>Hello,......</div>;
}

registerVevComponent(MyComponent, {
    name: "My awesome component",
});

export default MyComponent;

Hello,

⚙️

💡

import React from 'react';

import { registerVevComponent } from '@vev/react';



const MyComponent = () => { 

return <div>Hello, VeV</div>;

}



registerVevComponent (MyComponent, {
name: "My awesome component",

});



export default MyComponent;

Code smarter with our developer tools

Vev’s developer tools make component-based building fast, intuitive, and collaborative. Swap building entire website layouts for only coding the fun stuff.

Start Building

No credit card required.

import React from 'react';
import { registerVevComponent } from '@vev/react';

const MyComponent = () => {
return <div>Hello,......</div>;
}

registerVevComponent(MyComponent, {
name: "My awesome component",
});

export default MyComponent;

Hello,