Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/openfext/vue-form-builder

Build powerful vue form with JSON schema and composition api.
https://github.com/openfext/vue-form-builder

ant-design ant-design-vue composition-api element-ui form form-builder form-generator form-schema iview json-form json-schema vee-validate viewui vue vue-composition-api vue-form vue-form-builder vue-hooks vue-use vuetify

Last synced: 5 days ago
JSON representation

Build powerful vue form with JSON schema and composition api.

Host: GitHub
URL: https://github.com/openfext/vue-form-builder
Owner: openfext
License: mit
Created: 2018-12-13T09:47:16.000Z (about 6 years ago)
Default Branch: develop
Last Pushed: 2020-06-18T15:48:13.000Z (over 4 years ago)
Last Synced: 2024-05-29T03:12:28.706Z (7 months ago)
Topics: ant-design, ant-design-vue, composition-api, element-ui, form, form-builder, form-generator, form-schema, iview, json-form, json-schema, vee-validate, viewui, vue, vue-composition-api, vue-form, vue-form-builder, vue-hooks, vue-use, vuetify
Language: JavaScript
Homepage: https://openfext.github.io/vue-form-builder
Size: 18.8 MB
Stars: 386
Watchers: 16
Forks: 46
Open Issues: 7
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        # Vue Form Builder

[![CircleCI](https://circleci.com/gh/openfext/vue-use.svg?style=svg)](https://circleci.com/gh/openfext/vue-use)

[![codecov](https://codecov.io/gh/openfext/vue-form-builder/branch/develop/graph/badge.svg)](https://codecov.io/gh/openfext/vue-form-builder)

[![License](https://img.shields.io/npm/l/@fext/vue-form-builder.svg)](https://www.npmjs.com/package/@fext/vue-form-builder)

[![Version](https://img.shields.io/npm/v/@fext/vue-form-builder.svg)](https://www.npmjs.com/package/@fext/vue-form-builder)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/openfext/vue-form-builder)

Build powerful vue form with JSON schema and composition api. Any custom input components and popular ui frameworks such as [Element UI](https://element.eleme.cn/), [View UI](https://www.iviewui.com/), [Ant Design Vue](https://www.antdv.com/) are supported.

:us: English | [:cn: 简体中文](README.zh-CN.md)

## Features

- :tv: **Powerful** - use composition api to manage complex form state

- :camera: **Flexible** - support any custom input components

- :watch: **Adaptable** - different ui frameworks can be used out of the box through the adapters

- :radio: **Reliable** - has been used in multiple applications in the production environment

## Docs

### 🇨🇳 Chinese

- [Introduction](https://openfext.github.io/docs/vue-form-builder/intro.html)

- [Guide](https://openfext.github.io/docs/vue-form-builder/guide/start.html)

- [API Reference](https://openfext.github.io/docs/vue-form-builder/api/component.html)

- [Config Reference](https://openfext.github.io/docs/vue-form-builder/config/schema.html)

### 🇺🇸 English

WIP...

## Example

[:zap: Live Preview](https://openfext.github.io/vue-admin-next/#/form/form-builder) | [:book: Element UI Storybook](https://openfext.github.io/vue-form-builder/?path=/story/formbuilder-element-ui--basic-usage) | [:book: View UI Storybook](https://openfext.github.io/vue-form-builder/?path=/story/formbuilder-view-ui--basic-usage) | [:book: Ant Design Storybook](https://openfext.github.io/vue-form-builder/?path=/story/formbuilder-ant-design-vue--basic-usage)

![Screen Capture](https://github.com/openfext/vue-form-builder/raw/develop/.github/preview.gif)

## Contacts

Welcome to join the group chat to discuss project issues and front-end technologies 💬

### QQ

ChatID: 667576147

![QQGroupQRCode](https://user-images.githubusercontent.com/2902215/84306575-3e785280-ab8e-11ea-8c53-af8620b5cc69.JPG)

### WeChat Group

Add the author's WeChat to get into the group:

![WeChatQRCode](https://user-images.githubusercontent.com/2902215/84306570-3c15f880-ab8e-11ea-9041-8ea4ccbaa772.JPG)

## Built With

- [Vue.js](https://github.com/vuejs/vue)

- [Vue Use](https://github.com/openfext/vue-use)

- [Vee Validate](https://github.com/logaretm/vee-validate)

- [ElementUI](https://github.com/ElemeFE/element)

- [View UI](https://github.com/view-design/ViewUI)

- [Ant Design Vue](https://github.com/vueComponent/ant-design-vue)

## License

[MIT](http://opensource.org/licenses/MIT)

Copyright (c) 2018 - present, Felix Yang