231 Components & Libraries
Vuejs form Libraries
Code für das Nuxt 3 E-Mail Kontaktformular Video das auf YouTube veröffentlicht wurde. In disem Repo findet man den Code der 1:1 aus dem Video kommt.
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
An app that simulates a credit form.
RocketPay An app that simulates a card register form. In this project: Input masks. State management. Regex Validation. Dynamic Card Brands. and more
App to fetch metadata from a dataset and complete the annotations in a basic web form
mdme [model-driven-metadata-editor] App to fetch metadata from a dataset and complete the annotations in a basic web form. The editor supports multipl
Form validation for Vue in composition functions
Form validation for Vue in composition functions
It's a simple web form implemented with VueJS.
📝 Table of Contents About website description Project setup Compiles and hot-reloads for development Website link Contributors About It's a simple we
Create conversational conditional-logic forms with Vue.js.
Vue Flow Form Create conversational conditional-logic forms with Vue.js. Live Demos Questionnaire example Support page example Quiz example Project Do
Simple package to handle forms in Vue.js. Inspired by vform.
A simple form helper for Vue.js written in TypeScript
Site para treinar todas as funcionalidades de um form com vueJS
🏷️ Sobre Site para treinar todas as funcionalidades de um form com vueJS Confira a aplicação: Teste o formulário 🛠️ Tecnologias e serviços utilizado
Build your forms 10x faster with the most powerful form builder for Vue.js 2 & 3.
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
Dashibase Insert - Notion-like form builder powered by Vue, Tailwind and Supabase
Dashibase Insert Notion-esque form-builder for Supabase users. Build your form now 📜 Design your next form with a beautiful Notion-esque UI, integrat
Form Wizard Vue 3 is a simple stepper/wizard component
Form Wizard Vue 3 is a simple stepper/wizard component. It can be easily customized, has no dependencies, works in harmony with your components.
Vue-form-generator custom fields for uiv without jquery dependency.
Vue-form-generator custom fields for uiv without jquery dependency.
Vue-api-client: The form tag for the 21st century
Vue-api-client: The form tag for the 21st century
Wrapper component for managing form data easily. For & built with Vue 3.
vue-form-wrapper Wrapper component for managing form data easily. For & built with Vue 3. Setup & Usage 1. Install in your project npm i vue-form-wrap
A Vue component to implement a feedback form for users to give feedback on your application, with integration of a Slackwebhook.
A Vue component to implement a feedback form for users to give feedback on your application, with integration of a Slackwebhook.
A vue component, it can generate a similar excel form for you
A vue component, it can generate a similar excel form for you
vue-form-data Vue表单组件,能够在数据层验证,没有样式
vue-form-data Vue表单组件,能够在数据层验证,没有样式。
Form builder library using VueJS 2 Virtual Dom
vue-form-builder Form builder library using VueJS 2 Virtual Dom Features This is still currently in development as an early build. Build a full form u
Vue Laravel Validator This plugin handle laravel validation response and simple creating form and posting data
Vue Laravel Validator This plugin handle laravel validation response and simple creating form and posting data. #install npm i vue-laravel-validator -
Form component powered by VueJS and Bulma
Form component powered by VueJS and Bulma
A lightweight and easy to use Vue.js datepicker component
A lightweight and easy to use Vue.js datepicker component (created for Vue 2.x)
Development Create and validate form with element-ui and JSON schema. Fast and simple.
element-auto-form State: development Create and validate form with element-ui and JSON schema. Fast and simple. Install npm i element-auto-form --save
Generate form based on standard json-schema and customize it using ui-schema
FFV Form For Vue Generate form based on standard json-schema and customize it using ui-schema Installation npm install --save ffv Usage Bundler (Webpa
Vue validator
vue-validator 3.8k before gzipped Install Note: the "vue-validator" on NPM refers to https://github.com/kazupon/vue-validator. $ npm install --save @j
Deadly simple form validation for Vue.js
vue-form-validator Deadly simple form validation for Vue.js. Features: Built in data types, including email, number, domain, url, etc. Customizable va
Vue Form constructor
form-vue Vue Form constructor Build Setup install npm i form-vue --save How to in app.js import Vue from 'vue'
Vuejs element-ui el-form component
Vuejs element-ui el-form component
Post formdata using a synchronous way for Vue.js
Post formdata using a synchronous way for Vue.js
Form helpers for Laravel backed Vue.js projects.
vue-laravel-forms Form helpers for Laravel backed Vue.js projects. Disclaimer: This plugin is still in a BETA state Installation Install package via N
🏁 High performance subscription-based form state management for Vue.js.
vue-final-form Introduction 🏁 High performance subscription-based form state management for Vue.js. Install yarn add final-form vue-final-form Usage
Form input errors and descriptions for Vue 2.
Form input errors and descriptions for Vue 2.
Simple and easy Vue directive for form validation.
Simple and easy Vue.js directive for form validation.
An element-ui based extension package. We extend some components, such as Table, Menu, Form
element-patch An element-ui based extension package. We extend some components, such as Table, Menu, Form, etc., to enrich their features and function
Vue Js Forms with laravel validation
vue-laravel-form Vue Js Forms with laravel validation This package provides a Form class that can validation our forms with laravel backend validation
Vue.js plugin that covers the Buefy form fields for Formly.
Vue.js plugin that covers the Buefy form fields for Formly. It lets you to validate input data in your forms. The plugin combine simplicity of the Formly form builder, lightness of the Buefy form fields and impeccability of the Bulma design.
基于element的表单渲染器,动态渲染,数据驱动
el-form-renderer Table of Contents Introduction Feature Demo Quick start License Contributors Introduction 基于 element-ui 封装的表单渲染器,在开源项目el-form-rendere
Better Laravel Vue form
Better Laravel Vue form Installation npm npm install better-laravel-vue-form --save yarn yarn add better-laravel-vue-form Usage template div
A useful form validator for VueJS framework
vuejs-easy-validator A useful form validator for VueJS framework Introduction Suppose you work with VueJS framework. Imagine a form with a lot of fiel
A schema-based form generator component for Vue.js
vue-form-generator A schema-based form generator component for Vue.js v1.x.x Vue v2.x support is under development! Demo JSFiddle simple example Featu
A ui component for vue base on element-ui
ui component for vue base on element-ui, json 2 form
Flexible Vue.js form validation directive
Vue form validator A Vue.js directive for form validation Installation npm instal vue-smart-validator --save Getting Started In your scirpt entry poi
Vue Composition API for validating form.
Vue Composition API for validating form.
A Vue form plugin
A Vue form plugin
StateForm implementation of iview
StateForm implementation of [email protected]^3.0.0 Quick Start import {createStateForm} from '@stateform/iview' import "@stateform/iview/dist/stateform-iview.cs
A Vue component for generating forms from GateSchema.
gateschema-form-vue A Vue component for generating forms from gateschema-js. Features GateSchema driven Auto validation Auto updating form data when u
JS abstraction for forms
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
A Form Render Based on JSON Schema for Vue
vue-schema-render A Form Render Based on JSON Schema for Vue Features 内置 ElementUI 组件 支持自定义组件 支持自由布局 支持样式覆盖 支持多语言 支持列表组件拖拽 支持无限嵌套表单以及嵌套校验,自定义校验规则 支持组件
https://json-drived-configurable-platform.github.io/form-generator-iview
form-generator-iview description A form generator with json schema based on iview ui. design developer zhengxkq, BingBlog, longkele xiaomiCat, changyu
Form Building using drag-and-drop. Uses Quasar Framework and Vue.
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
Module for build forms from schemes
Vue Form Builder This package in development and not yet stable. Storybook demo Install npm i @tptshk/vue-form-builder Install dependencies npm insta
Build forms with textfield, options, checkboxes, datatables and ... by defining a schema in json
WorkInProgress Vuetify FormJSON Demos: Example: Showcase Example: 2 way binding Example: FormSchema builder Example: Full features Example: Datatable
Render fully customizable dynamic form with form-field conditional logic.
Ionic Vue Form Render fully customizable dynamic form with form-field conditional logic. Install npm install ionic-vue-form
Fields for vue-form-generator module with Element css framework
Fields for vue-form-generator module with Element css framework
A simple vue component that can wrap forms with validation and submit functionality.
vue form component A simple vue component that can wrap forms with validation and submit functionality. installation Using npm: $ npm i -save-dev vue-
Another validation form for the Vue. Validates input fields of multiple forms and displays errors
vue-coe-validator ✅ Another validation form for the Vue. Validates input fields of multiple forms and displays errors. Note: without any dependencies.
FormMaking developed base on vue and element-ui, equipts with the latest front-end technology stack, built-in i18n internationalization solution,
FormMaking developed base on vue and element-ui, equipts with the latest front-end technology stack, built-in i18n internationalization solution,
Vue application with login form for be included in a single-spa application as registered app.
This is a Vue application example used as NPM package in single-spa-login-example-with-npm-modules in order to register an application. See the installation instructions there.
Create a dynamic form usign a set of custom Vue.js components
Create a dynamic form usign a set of custom Vue.js components
A form library for vue, inspired by Formik for react
vue-simpleform A form library for vue, inspired by Formik for react Is it really simple? I think it is, but really I couldn't think of a better name B
V-form-layer 表单快速布局,表单/表格逻辑校验,焦点控制,图层化展示信息
v-form-layer 快速实现复杂布局 轻松实现逻辑校验,多种展示效果 支持多图层展示
A source code field for vue-form-generator
A source code field for vue-form-generator
Simple toggle button Vue.js component.
Simple toggle button Vue.js component.
Form Builder application built with quasar2, vue3 and vite
Form Builder Application (quasar-form-builder) This is a form builder application built with Vue3, TypeScript, Vite and Quasar Install the dependencie
Automatic form generation for Vue.
Automatic form generation for Vue. Inspired by Formly, but as idiomatic Vue. Making use of the awesome Vuelidate library, rather than re-inventing a new validation solution.
A Vue.js address form component for Bedrock Web apps
A Vue.js address form component for Bedrock Web apps
Vue Form Components - Clean & minimal vue form elements and form builder with validation
Vue Form Components - Clean & minimal vue form elements and form builder with validation
Library that help to submit form and handle validation in Laravel Vue Application
vue-js-form-helper This is a small library that makes form submit and validation easier to use. Installation npm i vue-js-form-helper Code Example The
Vue-form-generator: A schema-based form generator component for Vue.js
vue-form-generator A schema-based form generator component for Vue.js. Demo JSFiddle simple example Features reactive forms based on schemas multiple
Form object to use with Vue components for sending data to a Laravel application using axios.
Form Object Important: This project still active, feel free to clone, open issues or ask for help Form Object is a simple layer on top of axios, it un
Asynchronous form handling and validation for VueJS forms
Asynchronous form handling and validation for VueJS forms
Cheetah Forms - An Json Based Form Generator for Vuetify
Cheetah Forms is a simple JSON form builder for generating a Vuetify Form with just a JSON
A schema-based form generator component for Vue.js
vue-form-generator A schema-based form generator component for Vue.js. Demo JSFiddle simple example CodePen simple example Features reactive forms bas
Simple input radio Vue.js component.
Simple input radio Vue.js component.
Simple input checkbox Vue.js component.
Simple input checkbox Vue.js component.
A plugin for Vue Formly which adds multiple form fields according to Twitter Bootstrap
vue-formly-bootstrap A plugin for Vue Formly which adds multiple form fields according to Twitter Bootstrap. Version 2 Note that this is version 2 of
A JSON Scheme parse for Form with Element-UI
vue-form A JSON Scheme parse for Form with Element-UI support switch,input,input-number,select,radio,checkbox,date components. support minimun,maximun
Quasar App Extension DbForm
Quasar App Extension DbForm Props Name Type Description Default Required Note model-name String Model name * value Object Model value * initial-value
📝 A JSON configuration Render form Component for Vue.js and Element-UI
📝 A JSON configuration Render form Component for Vue.js and Element-UI
FormVueLate is a zero dependency library that allows you to generate schema-driven forms with extreme ease
FormVueLate Visit FormVueLate 3.0's full documentation for more detailed information and examples. Getting Started FormVueLate is a zero dependency li
Create reactive validations for forms in Vue
Create reactive validations for forms in Vue
Vue.js form validation plugin that depends on the property not the HTML element on validating with no dependency and respect to Vue reactivity.
Vue.js form validation plugin that depends on the property not the HTML element on validating with no dependency and respect to Vue reactivity.
Laravel frontend validator
An easy way to validate forms using backend logic.
A simple form-builder with drag & drop to help you deal your own form
A simple form-builder with drag & drop to help you deal your own form. Less code in development and your site will be more generic, configurable.
System76 form Vue components including buttons, inputs, and labels. It also holds client side validation logic
@system76/forms System76 Vue components for forms This repository contains all the System76 form Vue components including buttons, inputs, and labels.
Vue.js schema based form fields generator
vue-forminator Forminator is a "no magic", extensible, configurable, schema-based form fields factory. import Vue from 'vue'; import Forminator from '
Model forms as an immutable data tree with validators and an explicit dirty/pristine state
Model your form as an immutable data tree with validators and an explicit dirty/pristine state.
A schema-based form generator component for Vue.js
vue-form-generator A schema-based form generator component for Vue.js. Demo JSFiddle simple example CodePen simple example Features reactive forms bas
Vue-Table-Form: Mobile side UI-library base on Vue.js
Vue-Table-Form: Mobile side UI-library base on Vue.js
An easy way to validate forms using back end logic
An easy way to validate forms using back end logic Wouldn't it be great if you could just use your back end to validate forms on the front end? This p
This package provides easy form wrappers for Vue2, based upon the Bootstrap v4 CSS Framework
Vue Form Components This package provides easy form wrappers for Vue2, based upon the Bootstrap v4 CSS Framework. There are a variety of components th
Vue Form Loader Directive
Vue Form Loader Directive Use this Vue directive to add a loader on a forms submit event. Installation You can install the package via yarn: yarn ad
Vue.js Commerce.js plugin and wrapper chec-payment-form component for checkout flow
Vue.js Commerce.js plugin and wrapper chec-payment-form component for checkout flow
Vue Form with Laravel Inspired Validation and Simply Enjoyable Error Messages Api
Vue Form with Laravel Inspired Validation and Simply Enjoyable Error Messages Api. (Form Api, Validator Api, Rules Api, Error Messages Api)
A extend schema-based form generator component for Vue.js
vue-form-generator-main A extend schema-based form generator component for Vue.js. Demo JSFiddle simple example Features reactive forms based on schem
Vue Form 是一套基于 JSON Schema 使用 Vue.js 自动生成表单的库
Vue Form Vue Form 是一套基于 JSON Schema 使用 Vue.js 自动生成表单的库。 特性 使用 JSON Schema 校验表单(基于ajv) 使用 Form Definition 简化表单类型、属性、顺序定义 实现了常见的表单元素 支持数组动态增减、上下拖拽移动 支持编
Vue JSON form - 基于vue 通过 json 呈现视图
Vue JSON form 通过 JSON 呈现任何组件与定义脚本的实现 使用任何 Vue 组件或 html 元素构建视图 开发 vue 项目时,可能会遇到以下需求场景 界面以及交互行为需要通过配置动态呈现 定义的配置需要进行存储和读取 配置需要通过可视化界面进行编辑 普通 JSON 数据虽然可以描
Easy to use AJAX forms written to handle symfony form errors
vue-symfony-form Easy to use AJAX forms written to handle symfony form errors. Set Up Enable symfony-form plugin and add connector: import symfonyForm
Simple Vue.js form validation library
Simple Vue.js form validation library
A vue-form-generator field to handle arrays
A vue-form-generator field to handle arrays
A Vue.js directive for sending data from form and primitive validation
Vue Form Send A Vue.js directive for sending data from form and primitive validation inputs Installation npm i --save-dev vue-form-send import VueForm