Picker Widgets List | 输入插件索引

Form | 表单

  • Formik : Forms in React, without tears

  • uniforms : Bunch of React components and helpers to easily generate and validate forms.

  • Redux Hook Form : Performant, flexible and extensible forms with easy-to-use validation.

Form Builder

  • json-editor : JSON Schema Based Editor

  • formio : JavaScript powered Forms with JSON Form Builder

  • React Form Builder : A complete react form builder that interfaces with a json endpoint to load and save generated forms. The toolbox contains 16 items for gathering data. Everything from star ratings to signature boxes!

  • 2019-form-create : 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.

  • 2019-x-render : 🚴‍♀️ 飞猪中后台开箱即用解决方案

  • 2022-Formily : 📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder – Support React/React Native/Vue 2/Vue 3

Json Schema

  • 2015-react-jsonschema-form : A React component for building Web forms from JSON Schema.

  • 2015-Ajv : The fastest JSON Schema validator for Node.js and browser. Supports draft-04/06/07.

  • json-editor : JSON Editor takes a JSON Schema and uses it to generate an HTML form. It has full support for JSON Schema version 3 and 4 and can integrate with several popular CSS frameworks (bootstrap, foundation, and jQueryUI).

  • 2017-json-schema-tools : Packages for working with JSON Schema and JSON Hyper-Schema.

  • Json Schema Linter: The main purpose of the JSON schema linter is to catch issues and critical errors in schema specifications early and automatically.

  • json-schema-to-typescript : Compile json schema to typescript typings.

  • ts-json-schema-generator : Generate JSON schema from your Typescript sources.


  • 2021-Survey Creator Library : An extensible JavaScript form builder library that allows easy drag-and-drop form creation. Evaluate its capabilities for free.

Conversational Form

  • Conversational Form: Conversational Form is an open-source concept by SPACE10 to easily turn your content into conversations. It features conversational replacement of all input elements, reusable variables from previous questions and complete customization and control over the styling.

  • 2020-Botui : 🤖 A JavaScript framework for building conversational UIs

  • 2021-Typebot : Typebot is an open-source alternative to Landbot. It allows you to create conversational apps/forms (Lead qualification, Product launch, User onboarding, Customer support), embed them anywhere on your web/mobile apps, and collect results in real-time.


  • 2023-lil-gui : Makes a floating panel for controllers on the web. Works as a drop-in replacement for dat.gui in most projects. See Migrating for a list of breaking changes.