Survey Library

This project is a JSON-based form rendering framework and visual creator designed for dynamic data collection. It provides a JavaScript form builder library that transforms JSON schemas into functional web forms and multi-step wizards, with a dedicated visual survey creator for designing layouts and branching logic without writing code.

The library is distinguished by its bidirectional PDF integration, which allows the conversion of JSON schemas into fillable PDF documents and the extraction of structured data from existing PDFs. It also features advanced capabilities for creating scored assessments and calculators that process numeric inputs to provide real-time weighted results.

The system covers a broad capability surface including conditional branching and multi-stage input validation, multi-language localization, and framework-agnostic rendering for React, Angular, and Vue.js. It further includes tools for response data visualization, CSS-variable-based theming, and WCAG accessibility compliance.

Features

Data Collection Tools - Provides a comprehensive framework for capturing user responses via interactive interfaces and synchronizing them to backend servers.
Dynamic Form Generation - Generates interactive web forms, multi-page surveys, and quizzes based on structured JSON data models.
Visual Form Designers - Provides a drag-and-drop visual editor for building form structures, branching logic, and layouts.
JSON to Page Rendering - Transforms JSON definitions into a functional user interface by mapping schema properties to a library of generic components.
Survey Branching Rules - Controls form flow and visibility using branching rules to show or hide questions based on previous answers.
Drag-and-Drop - Provides a drag-and-drop interface for designing form layouts and branching logic without writing code.
JSON Forms - Transforms JSON definitions into functional web forms with support for React, Angular, and Vue.js.
Surveys - Enables building and configuring surveys using a visual editor without writing code.
JSON Data Exports - Sends collected form responses to a server as JSON objects upon survey completion.
Multilingual Content Management - Manages multilingual text for questions and labels within a JSON schema to ensure consistency across locales.
PDF Form Workflows - Enables bidirectional conversion between JSON form schemas and interactive, fillable PDF documents.
Form Submission Persistence - Persists form definitions and user submissions into a database for retrieval and analysis.
JSON Data Exchange - Uses JSON formatted objects to transfer survey structures and user responses between clients and servers.
Structured Data Collection - Captures and validates user responses as structured JSON objects for backend transmission.
Visibility Expression Evaluators - Evaluates a custom string-based expression language to trigger dynamic visibility and branching behaviors based on user input.
Interactive PDF Design - Creates interactive PDF documents featuring fillable form fields for direct end-user data entry.
Form Builders - Provides a library for creating dynamic forms and multi-step wizards that render interactive user interfaces from JSON schemas.
Conditional Input Logic - Triggers dynamic behaviors and aggregates data within a form using an expression language based on user responses.
Form Input Validation - Checks user responses against required fields, data types, and regex patterns to ensure data integrity.
Schema-Based PDF Generators - Converts JSON form schemas into fillable PDF documents and exports survey results to PDF.
Framework Agnostic UI Logic - Maintains a platform-independent logic layer that wraps into specific adapters for React, Angular, Vue, or plain JavaScript.
Quiz Components - Provides capabilities for creating scored assessments and calculators with real-time weighted results.
Interface Translation Systems - Translates interface elements using built-in dictionaries and custom language-specific bundles.
JSON Input Collection - Gathers user input via accessible field types and submits the resulting data as JSON objects.
Survey Design Interfaces - Provides a dedicated interface for users to design and modify the structural layout of a survey.
Backend API Connectivity - Links form components to server-side environments to manage data exchange and state across different technical stacks.
Client-Side State Management - Tracks user responses and form progress in a centralized JSON object that synchronizes with the rendered UI.
Form Renderers - Generates HTML output from JSON definitions to create surveys, quizzes, and polls for user responses.
User Interface Localization - Provides language support and translation of visual elements for the form builder and surveys via configuration files.
Schema Extraction from PDFs - Creates a survey JSON schema by using AI to analyze the layout and content of existing PDF documents.
Offline Synchronization - Stores surveys and responses locally on a device and synchronizes them when a connection is restored.
Score Calculations - Creates scored surveys and calculation forms that process numeric inputs to provide real-time results.
PDF Document Generation - Generates PDF files containing survey structures combined with specific respondent answers.
Data Integration & Synchronization - Transmits captured form data to databases through webhooks and custom integration pipelines.
Data Normalization - Normalizes responses from web forms and scanned paper documents into a single structured JSON format.
Event Capture - Retrieves completed form data as JSON objects via event handlers for backend transmission.
Real-Time Analytics - Transforms collected responses into real-time interactive charts and data grids for immediate operational insights.
Response Visualization - Provides interactive charts and tables to visualize and analyze collected survey response data.
Structured Data Extraction - Converts scanned documents or PDFs into structured data by mapping answers to a survey schema.
Pivot Table Visualizations - Generates interactive charts, tables, and pivot visualizations to analyze response counts and data trends.
Model-Driven Form Generators - Automatically generates data-entry forms based on predefined domain model structures.
Component Extension Systems - Allows the definition of custom field types and validation rules by extending base library classes via inheritance.
Server-Side Data Validation - Executes data validation logic on a server to verify user input before storage.
Inline Validation Displays - Displays brief, in-context error messages next to form inputs to notify users of validation failures.
Schema-to-Model Generators - Automatically generates server-side domain model code based on a configured form schema to accelerate backend development.
Form Validation Schemas - Checks a result JSON object against a schema to remove incorrect property values before saving.
CSS Theme Authoring - Allows adjusting the visual appearance of forms through a CSS-based editor to match branding requirements.
CSS Variable Theming - Controls the visual appearance of the generated interface using a system of CSS variables and predefined theme objects.
Custom Component Extensions - Provides a system for integrating specialized frontend elements and third-party library rendering into the form interface.
Custom Question Types - Allows the definition of new standalone or composite question types by extending built-ins or integrating external components.
Hierarchy Reorganization - Repositions pages and questions using a drag-and-drop system to reorganize the form hierarchy.
No-Code Logic Design - Allows designing forms and configuring complex branching logic using a drag-and-drop editor.
Form Response Collection - Captures user input with built-in validation, partial submission support, and file upload capabilities.
Generative Forms - Creates structured form schemas and content suggestions from natural language prompts using generative AI.
Localized Form Components - Translates survey elements and dynamic content into multiple languages for global users.
Schema-Driven Containers - Displays dynamic forms by loading a remote JSON schema into a single generic container component.
Web Accessibility Compliance - Provides keyboard navigation and screen reader support to comply with global web accessibility standards.
Survey to PDF Conversions - Converts form structures and results into PDF documents with support for custom fonts and page formats.
Custom Logic Validation - Enforces project-specific business rules on form fields using specialized validation logic written in JavaScript classes.
Responsive Grid Layouts - Organizes form elements using column-based grids and CSS Grid to ensure alignment across various screen sizes.
Theme Style Customizations - Applies predefined visual themes or custom CSS variables to control the look of rendered forms.
Visual Branding Controls - Controls form appearance using built-in themes, CSS variables, and JSON-based style exports for brand consistency.
Theme Editors - Ships a theme editor to modify colors, fonts, and layouts for alignment with parent application branding.
Form Embedding - Renders dynamic surveys directly on web pages to collect user responses for a backend server.
Hybrid Client-Server Validation - Ensures data integrity using client-side rules and server-side JavaScript functions via event handlers.
Form Management - Advanced library for building surveys and forms.

xaboy/form-create

7,055View on GitHub

form-create is a JSON-driven form generator and low-code form builder that renders dynamic web forms and validation logic from configuration files. It functions as a data-driven form orchestrator for managing field dependencies and hierarchical data structures within complex layouts. The system includes a visual drag-and-drop interface for designing data entry layouts and automatically generating their corresponding configuration structures. It provides a dynamic UI component library of adaptable form fields and layout containers designed for cross-framework integration and mobile responsiven

hasanharman/form-builder

2,660View on GitHub

This project is a JSON schema form builder and dynamic form generator. It functions as an API-driven data collector that creates customizable input fields and layouts based on JSON schema definitions. The system serves as a schema-based input validator, enforcing data integrity through predefined schemas and providing real-time feedback to users. It allows for the creation of web forms where input types, labels, and placeholders can be modified without changing the source code. The tool manages the end-to-end workflow of interactive user input, covering dynamic form generation, client-side d

GavinZhuLei/vue-form-making

5,572View on GitHub

Vue Form Making is a visual form designer for Vue.js that lets you build forms by dragging and dropping components onto a canvas, without writing code. It generates runnable Vue.js code and structured JSON from the visual design, enabling rapid form creation and reuse. The tool provides a complete form-building environment with component configuration, input validation with error messages, live preview, and JSON export for storage or sharing. It supports remote data integration to populate dropdowns and other fields from external APIs, and allows custom Vue components to be registered and use

JakHuang/form-generator

9,330View on GitHub

This is a visual form builder that generates Vue single-file components from a drag-and-drop canvas. It provides a complete workflow for designing forms visually, previewing them in real time, and exporting them as ready-to-use Vue code with validation rules already configured. The tool integrates a drag-and-drop canvas with a live preview pane, allowing you to see the generated form interactively as you build it. It includes an embedded code editor with hot reload, so changes to the generated code are reflected immediately in the preview. A VS Code extension bridge lets you open the designer

surveyjssurvey-library

Features