https://github.com/doom-9-zz/naive-ui-form-creator

A visual form generator based on the naive UI component library.
https://github.com/doom-9-zz/naive-ui-form-creator

creator drag-and-drop form form-generator form-generator-vue3 i18n naiveui sortable visual vue vue3

Last synced: 3 months ago
JSON representation

A visual form generator based on the naive UI component library.

• Host: GitHub
• URL: https://github.com/doom-9-zz/naive-ui-form-creator
• Owner: doom-9-zz
• Created: 2021-12-02T01:31:46.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-07-15T01:52:04.000Z (over 2 years ago)
• Last Synced: 2024-05-21T13:58:34.851Z (9 months ago)
• Topics: creator, drag-and-drop, form, form-generator, form-generator-vue3, i18n, naiveui, sortable, visual, vue, vue3
• Language: Vue
• Homepage: https://naive-create-form.vercel.app/
• Size: 379 KB
• Stars: 16
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-naive - naive-ui-form-creator - A visual form generator with rich functions based on naive UI. (List / Other Projects Using NaiveUI)

README

        
[中文](https://github.com/doom-9/naive-ui-form-creator/blob/main/README.zh-CN.md)

## Introduce

`Naive UI form creator` is a **visual form generator** based on the `naive UI` component library. You can use this tool if you often need to **create `naive UI` forms**. Naive UI form creator is **Visual** and **Support drag-and-drop sorting**,which can present and feed back the contents of the form in time.

Online preview: [Address](https://naive-create-form.vercel.app/)

## How to use

You can either deploy your own access to the Fork project or directly access the address already deployed above.

When you have finished making the form, click **Generate Component Code** in the upper right corner, and you will get a template code for Vue3 and copy it to use in your project.

## Tips

If you encounter problems or bugs during use, you are welcome to submit issues.

## Todo

- [ ] Add more components.

- [x] Supports checking rules.

- [ ] Optimize drag animation.

- [ ] Optimize operation logic.

- [x] Internationalization