Vuejs Form Generator Resources

Vue Form Builder A sample drag & drop form builder project that made with Vue.js and Element UI (View Live Demo) Build Setup # install dependencies np

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 3 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

vue-ele-form | 基于 element-ui 的数据驱动表单组件 说明 vue-ele-form 是基于 element-ui form 的二次封装, 主要特点: 内置 20 多种表单类型, 包括选单选、多选、标签、级联选择器等; 拥有上传图片增强, 上传视频增强, 上传文件增强,树形下

FormVueLate 2.0 (Vue 3) Visit FormVueLate 3.0's full documentation for more detailed information and examples. Getting Started FormVueLate is a zero d

Dashibase Insert Notion-esque form-builder for Supabase users. Build your form now 📜 Design your next form with a beautiful Notion-esque UI, integrat

Variant Form 一款高效的Vue表单，可视化设计，一键生成源码，享受更多摸鱼时间。 文档官网：http://www.vform666.com/ 在线演示：http://demo.vform666.com/ VS Code插件：http://www.vform666.com/pages/pl

Dynamic Form Builder for Laravel with Vue.js Create even the most complex forms with ease, using two-sided validation, eloquent, nested elements, cond

Supabase Schema Secured & Simple Supabase Schema Visualizer. No installations • No Database password required. View Demo · Report Bug · Request Featur

@tailwindcss/forms A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities. Installation Note th

vue-form-create 基于 Vue3.0 + TS 的自定义表单生成器。支持 npm 与 cdn 引入的方式。UI 库支持 ant-design-vue 与 element-plus。 支持功能 远端数据获取 图片上传 富文本编辑器 栅格布局 生成 JSON 生成代码 演示地址（githu

Build your forms 10x faster with the most powerful form builder for Vue.js 2 & 3. Easy to learn, extensible and supports Tailwind CSS. Available in 19

Easy way to dynamically create reactive forms in Vue based on a varying business object model

Vue Flow Form Create conversational conditional-logic forms with Vue.js. Live Demos Questionnaire example Support page example Quiz example Project Do

vue-form-generator A schema-based form generator component for Vue.js. Demo JSFiddle simple example CodePen simple example Features reactive forms bas

ncform 中文版 ncform, a nice form development way that generates form UIs and their interactions with just configuration. Comes with standard components

@vue/web-component-wrapper Wrap and register a Vue component as a custom element. Compatibility Requires ES2015 classes. IE11 and below not supported.

Blitzar Generate Vue Forms and Data-tables fast with a simple JSON-like syntax ⚡️ npm i blitzar Documentation Vue 3 blitzar.cycraft.co Vue 2 blitzar0.

Forms JSON-based Form builder for Laravel Enso This package can work independently of the Enso ecosystem. The front end implementation that utilizes t

vjsf vuetify-jsonschema-form Create beautiful and low-effort forms that output valid data. Based on Vue.js / Vuetify / JSON Schema. See the documentat

From Builder A component that allows creating forms with two-way binding from data object with default HTML fields and custom, like multi-block or AJA

Nuxt 3 Minimal Starter Look at the nuxt 3 documentation to learn more. Setup Make sure to install the dependencies: # yarn yarn install # npm npm ins

Dynamic Forms with Vue.js This repository contains the example code for the Custom Vue.js Directives Course. Learn how to create badass dynamic forms

Vue Contenteditable Form Prototype: A Notion-like Form written in Vue 3, Vite, and TailwindCSS Demo Live Demo Installation Use the package manager npm

FormVueLate Visit FormVueLate 3.0's full documentation for more detailed information and examples. Getting Started FormVueLate is a zero dependency li

QFormBuilder Simple, reusable, drag-and-drop form editor (and renderer) for Quasar (v1) and Vue.js Live Demo Application (Live demo source) Want to bu

Vue Form Builder Build powerful vue form with JSON schema and composition api. Any custom input components and popular ui frameworks such as Element U

Vue Form Builder Build powerful vue form with JSON schema and composition api. Any custom input components and popular ui frameworks such as Element U

FormSchema Native Vue component form based on JSON Schema and Native HTML This is the branch for @formschema/native 2.0 Alpha, not ready for productio

低代码表单组件，基于 Element-ui 二次开发，提升 10 倍开发效率

VueJS Simple Form Wizard Simple Implementation of Multi Step Form with Validation in Vue Template This is how you can declare a multistep form templat

iview-area 一款基于Vue框架和iView-UI组件库开发的城市级联组件，数据包含中国的省(直辖市)、市、县区和乡镇街，数据来源area-data English Document 线上DEMO iview-area有两种形式的级联: 下拉菜单(基于iview的Select组件) 级联选择

Vue.js Conversational Form Turning web forms into conversations using Vue.js. Demo Install npm i --save vue-conversational-form Usage template

简介 本项目以 https://github.com/JakHuang/form-generator 为基础，对vue3 和elementu-next 进行了适配 在线预览 地址 使用方法 main.js import { createApp } from 'vue' import App from

A set of Vue components to rapidly build forms with Tailwind CSS v2.0. It supports validation, model binding, includes default vendor styling and is fully customizable!

Form wrapper js A lightweight library that creates forms systems in a convenient and easy way, without dependencies and magic code. Status: BETA The c

ic-formly This component is a form with validation and more using only javascript objects Installation Using yarn yarn add ic-formly Using npm npm i -

Simple, lightweight, and flexible schema-based form for Vue.js

HubSpot Vue Form A Vue wrapper for HubSpot Forms Usage npm install @jagaad/vue-hubspot-form script setup import HubspotForm from "@jagaad/vue-hubspo

CosNatsu #2 Image Generator A Fanmade Image Generator Service - for CosNatsu #2 Event Written with JS; Vue.Js CSS: Bootstrap I preferred Tailwind CSS

vue-final-form Introduction 🏁 High performance subscription-based form state management for Vue.js. Install yarn add final-form vue-final-form Usage

📋 Vue Described-Data Form A fresh way to create simple or complex forms – without programming! 🕹 Demo Try it yourself in a Live Demo! 📖 About vue-d

Vue Form Vue Form 是一套基于 JSON Schema 使用 Vue.js 自动生成表单的库。 特性 使用 JSON Schema 校验表单（基于ajv） 使用 Form Definition 简化表单类型、属性、顺序定义 实现了常见的表单元素 支持数组动态增减、上下拖拽移动 支持编

Ionic Vue Form Render fully customizable dynamic form with form-field conditional logic. Install npm install ionic-vue-form

Generate color palette from image to use in TaiwindCSS

demo This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur). Type Support f

Vue component with UI for Emblem Generator.

vue-form-json Generate a vue form with validation from an array All fields are required and input text by default. Once submitted, an event 'formSubmi

skema skema provides a handy and composable way to validate/transform JavaScript variables: Supports both async and sync flows. Skema has two working

📝 Table of Contents About website description Project setup Compiles and hot-reloads for development Website link Contributors About It's a simple we

A composition based API forms helper for Vue 3 projects that utilise TypeScript

Project Proposal [TOC] Summary This project is the sub-project of the mother project IntLife. The mother project is designed to provide a communicatio

Note: Users of Vue.js version 1 please use this package instead. Breaking Change: As of version 1.0 this package uses controlled components, which mea

3D Earth Orbits Warning, this is still a work in progress. Many changes and clea

WorkInProgress Vuetify FormJSON Demos: Example: Showcase Example: 2 way binding Example: FormSchema builder Example: Full features Example: Datatable