![Forms.js](https://formsjs.io/images/formsjs-banner.png)
Website •
Documentation
[![Npm package total downloads](https://badgen.net/npm/dt/@forms.js/core)](https://npmjs.com/package/@forms.js/core)
[![Code Coverage](https://img.shields.io/badge/code_coverage-99%25-brightgreen)](https://github.com/form-js/forms.js)
[![GitHub issues](https://img.shields.io/github/issues/form-js/forms.js)](https://github.com/form-js/forms.js/issues)
[![License](https://img.shields.io/badge/license-3_LICENSED-green.svg)](https://formsjs.io/documentation/v1/licensing)
[![GitHub stars](https://img.shields.io/github/stars/form-js/forms.js)](https://github.com/form-js/forms.js/stargazers)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/form-js/forms.js/pulls)
[![Node.js Version](https://img.shields.io/node/v/@forms.js/core)](https://nodejs.org/en/)
[![Maintenance](https://img.shields.io/maintenance/yes/2024)](https://github.com/form-js/forms.js)
[![TypeScript Supported](https://img.shields.io/badge/TypeScript-Supported-blue.svg)](https://www.typescriptlang.org/)
Forms.js - Streamline web forms
Forms.js is an advanced, lightweight JavaScript library designed to ease form creation and management. Utilizing JSON for data input, it generates dynamic, user-centric forms, offering an unparalleled development experience.
Get Started with Forms.js ⚡️
Features at a Glance
- Rapid Development: Create complex, interactive forms in minutes.
- Comprehensive Field Types: Includes text, file, date/time, rich text, and more.
- Conditional Logic & Validation: Tailor form behavior and validation to user input.
- Event Handling: Simplified event management for dynamic user experiences.
- Extensibility: Designed for customization and extension.
- Accessibility & Clean API: Ensures ease of use for developers and accessibility for users.
Installation
Via NPM
npm i @forms.js/core
JS DELIVR
<link href="https://cdn.jsdelivr.net/npm/@forms.js/core/css/index.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/@forms.js/core/lib/index.js"></script>
Quick start
import { Form } from '@forms.js/core';
const options = {
id: "form",
schema: [
...
],
}
const form = new Form("form-element", options);
Requires css
@import '@forms.js/core/css/index.css';
Dive deeper into Forms.js with the official documentation
Support Forms.js Development:
Purchase an software license.
Contributing
If you want to contribute look at CONTRIBUTING.md.
License
Core bundle released under MIT license. This license permits a wide range of use, including free use in commercial projects, assuming all copyright headers are preserved. Read the license terms