All Projects → space10-community → Conversational Form

space10-community / Conversational Form

Licence: mit
Turning web forms into conversations

Programming Languages

HTML
75241 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
SCSS
7915 projects

Projects that are alternatives of or similar to Conversational Form

Form Create
🔥🔥🔥 强大的动态表单生成器|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON.
Stars: ✭ 3,698 (+1.34%)
Mutual labels:  form
Dialogflow Web V2
Dialogflow Web Integration. Rich Components, Actions on Google and more
Stars: ✭ 307 (-91.59%)
Mutual labels:  conversational-ui
Approvejs
A simple JavaScript validation library that doesn't interfere
Stars: ✭ 336 (-90.79%)
Mutual labels:  form
Input Range Scss
Styling Cross-Browser Compatible Range Inputs with Sass
Stars: ✭ 272 (-92.55%)
Mutual labels:  form
Waitme
jquery plugin for easy creating loading css3/images animations
Stars: ✭ 302 (-91.72%)
Mutual labels:  form
Vue Json Schema Form
基于Vue/Vue3,Json Schema 和 ElementUi/antd/iview3 等生成 HTML Form 表单,用于活动编辑器、h5编辑器、cms等数据配置;支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ElementUi/antdv/iview3
Stars: ✭ 300 (-91.78%)
Mutual labels:  form
Laraform
Reactive Form Builder for Vue.js with Laravel Support
Stars: ✭ 259 (-92.9%)
Mutual labels:  form
Bootstrap 4 Login Page
Bootstrap 4 Login Page Template
Stars: ✭ 352 (-90.35%)
Mutual labels:  form
Error Tailor
🦄 Making sure your tailor-made error solution is seamless!
Stars: ✭ 303 (-91.7%)
Mutual labels:  form
Vue Form Builder
Build powerful vue form with JSON schema and composition api.
Stars: ✭ 325 (-91.09%)
Mutual labels:  form
Schema Plugin Flow
A highly extensible JavaScript library, abbreviated as Sifo. 一个高扩展性、可二开的插件式前端开发框架
Stars: ✭ 288 (-92.11%)
Mutual labels:  form
Validate
A simple jQuery plugin to validate forms.
Stars: ✭ 298 (-91.83%)
Mutual labels:  form
Vue Flow Form
Create conversational conditional-logic forms with Vue.js.
Stars: ✭ 315 (-91.37%)
Mutual labels:  conversational-ui
Validify
Simple-as-possible React form validation
Stars: ✭ 271 (-92.57%)
Mutual labels:  form
Formik Persist
💾 Persist and rehydrate a Formik form to localStorage
Stars: ✭ 345 (-90.55%)
Mutual labels:  form
Formvuelar
Vue form components with server-side validation in mind
Stars: ✭ 263 (-92.79%)
Mutual labels:  form
Vxe Table
🐬 vxe-table vue 表格解决方案
Stars: ✭ 4,242 (+16.25%)
Mutual labels:  form
Formstate
❤️ Form state so simple that you will fall in love 🌹
Stars: ✭ 357 (-90.22%)
Mutual labels:  form
Formily
Alibaba Group Unified Form Solution -- Support React/ReactNative/Vue2/Vue3
Stars: ✭ 6,554 (+79.61%)
Mutual labels:  form
Tall Forms
Laravel Livewire (TALL-stack) form generator with realtime validation, file uploads, array fields, blade form input components and more.
Stars: ✭ 321 (-91.2%)
Mutual labels:  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.

Introducing Conversational Form 1.0

Explore Conversational Form docs »

Quick Start

Include Conversational Form in your page:

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/space10-community/[email protected]/dist/conversational-form.min.js" crossorigin></script>

Or download/install the latest release:

  • Clone the repo: git clone https://github.com/space10-community/conversational-form.git
  • Install with npm: npm install conversational-form
  • Install with yarn: yarn add conversational-form

Manually instantiating Conversational Form

import { ConversationalForm } from 'conversational-form';

const cfInstance = new ConversationalForm({
    formEl: formElement,
    context: targetElement,
});

Conversational Form will automatically look through the DOM for a form element with the attribute cf-form, and auto-instantiate.

<form id="my-form-element" cf-form>
...
</form>

Read the Getting started page for information on the framework contents, options, templates, examples and more.

Status

npm version Build Status JS gzip size CSS gzip size

Bugs and feature requests

If you see a bug, have an issue or a feature request then please submit an issue in theGitHub issue tracker. For the sake of efficiency we urge you to look through open and closed issues before opening a new issue. Thank you

Documentation

Conversational Form's documentation is included in /docs of this repo as well as being hosted on GitHub Pages.

Contributing

Pull Requests for bug fixes or new features are always welcome. If you choose to do a Pull Request please keep these guidelines in mind:

  • Fork the "develop" branch
  • If you forked a while ago please get the latest changes from the "develop"-branch before submitting a Pull Request
    • Locally merge (or rebase) the upstream development branch into your topic branch:
      • git remote add upstream https://github.com/space10-community/conversational-form.git
      • git checkout develop
      • git pull upstream
      • git pull [--rebase] upstream develop
  • Always create new Pull Request against the "develop" branch
  • Add a clear title and description as well as relevant references to open issues in your Pull Request

Versioning

See the Releases section of our GitHub project for changelogs for each release version of Conversational Form. We will do our best to summarize noteworthy changes made in each release.

Acknowledgement

Thank you to everyone who has taken part in the creation of Conversational Form.

Copyright and license

Conversational Form is licensed under MIT. Documentation under CC BY 3.0.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].