What is Vue Component Creater UI used for?

Vue Component Creater UI is a drag-and-drop editor that generates Vue component code with live preview, supporting Element Plus, Ant Design Vue, Vant and other component libraries. It is a good fit for scaffolding Vue pages quickly and prototyping a UI layout before coding details.

Is Vue Component Creater UI open source?

Yes. Vue Component Creater UI is open source under the MIT licence. Its source code is on GitHub at sahadev/vue-component-creater-ui and is written mainly in Vue.

Is Vue Component Creater UI free?

Yes. Vue Component Creater UI is open source, so the software itself is free to use. A managed cloud version is also available.

What are some alternatives to Vue Component Creater UI?

Similar open-source tools in the Low-code & Internal Tools category include Diboot, SmartAdmin and Opsli. SaaS products in the same category include Appery.io, Appinvento and Betty Blocks.

Is Vue Component Creater UI actively maintained?

The most recent commit to Vue Component Creater UI was on 3 December 2025. The project has 794 stars on GitHub.

Vue Component Creater UI: open source

About Vue Component Creater UI

VCC 3, the Vue Component Creator, is a standalone editor for assembling Vue component code visually. It began as a part of a low-code platform and can now run independently. You drag components into a preview area, edit their properties, and the tool generates the Vue component code in real time. The documentation is in Chinese, and it targets Vue developers who want to speed up building component skeletons.

Features include drag-and-drop layout, live preview, generated code that can be edited further, a structure view of component relationships, template presets and property editing. It supports several component libraries, including Element Plus, Ant Design Vue, Vant, iView and Quasar, as well as native HTML elements. Output can be exported as a single-page HTML file or as Vue component code, and the changelog notes support for generating Vue 2 and Vue 3 code.

VCC 3 is built on Vue 3 and Vite and uses Element Plus, Vuex, vuedraggable, CodeMirror and ECharts. An online preview and documentation site are available, and the docs explain how to add a new component library by marking elements with an attribute and compiling them. The project is MIT licensed.

Key features

Drag-and-drop Vue component builder
Real-time code generation and preview
Support for Element Plus, Ant Design Vue and Vant
Editable generated Vue code
Structure view of components
Export as Vue code or single-page HTML

Good fit for

→Scaffolding Vue pages quickly
→Prototyping a UI layout before coding details

Built with: Vue
Tags: vue; low-code; drag-and-drop; code-generator; element-plus; component-editor; ui-builder; vite

Vue Component Creater UI: questions and answers

What is Vue Component Creater UI used for?: Vue Component Creater UI is a drag-and-drop editor that generates Vue component code with live preview, supporting Element Plus, Ant Design Vue, Vant and other component libraries. It is a good fit for scaffolding Vue pages quickly and prototyping a UI layout before coding details.
Is Vue Component Creater UI open source?: Yes. Vue Component Creater UI is open source under the MIT licence. Its source code is on GitHub at sahadev/vue-component-creater-ui and is written mainly in Vue.
Is Vue Component Creater UI free?: Yes. Vue Component Creater UI is open source, so the software itself is free to use. A managed cloud version is also available.
What are some alternatives to Vue Component Creater UI?: Similar open-source tools in the Low-code & Internal Tools category include Diboot, SmartAdmin and Opsli. SaaS products in the same category include Appery.io, Appinvento and Betty Blocks.
Is Vue Component Creater UI actively maintained?: The most recent commit to Vue Component Creater UI was on 3 December 2025. The project has 794 stars on GitHub.