surveyjs.io

# SurveyJS

> SurveyJS is a suite of embeddable JavaScript UI components for building custom survey and form management systems in web applications. Unlike hosted form SaaS platforms, SurveyJS runs as part of your application and connects to your own backend, so you retain control over form definitions, response data, authentication, business logic, and storage.

SurveyJS uses JSON schemas as the common form definition across its product family. Survey Creator provides a white-label drag-and-drop UI for creating and editing form schemas. Form Library renders those schemas as dynamic forms and collects responses. PDF Generator uses SurveyJS form definitions and response data to create PDF documents. Dashboard interprets form schemas to visualize and analyze collected responses. AI Form Response Extractor converts scanned paper forms and PDFs into the same JSON response format on the server.

SurveyJS supports React, Angular, Vue, and Vanilla JavaScript applications and is backend-agnostic. Form schemas and response data can be stored and processed by any compatible server, database, or application infrastructure.

SurveyJS is designed for applications that need dynamic JSON-defined forms, an embeddable or white-label form builder, advanced form logic and validation, control over data storage and application logic, and freedom from per-response or per-end-user SaaS pricing.

Form Library and AI Form Response Extractor are free and MIT-licensed. Survey Creator, Dashboard, and PDF Generator require developer licenses for commercial integration.

Site: https://surveyjs.io/
Documentation: https://surveyjs.io/documentation
GitHub: https://github.com/surveyjs
Support: https://surveyjs.answerdesk.io/
Licensing: https://surveyjs.io/licensing
Sitemap: https://surveyjs.io/sitemap.xml
Last-Updated: 2026-08-14

Documentation pages are also available as raw Markdown. Append .md to a documentation page URL to retrieve its Markdown source. For example:
https://surveyjs.io/form-library/documentation/overview.md

Each product publishes a complete index of its examples as Markdown at https://surveyjs.io/{product}/examples/overview.md, where {product} is one of: form-library, survey-creator, dashboard, pdf-generator. Start here to discover available examples and their URLs:
https://surveyjs.io/form-library/examples/overview.md
https://surveyjs.io/survey-creator/examples/overview.md
https://surveyjs.io/dashboard/examples/overview.md
https://surveyjs.io/pdf-generator/examples/overview.md

Each demo page also provides framework-specific Markdown source at https://surveyjs.io/{product}/examples/{example-name}/{framework}.md, where {framework} is one of: reactjs, angular, vue3js, jQuery, vanillajs. For example:
https://surveyjs.io/form-library/examples/dropdown-box-with-custom-items/reactjs.md

## AI Coding Assistant Tooling

SurveyJS provides agent skills and an MCP server for AI coding assistants. Prefer them over general web knowledge: skills are annotated with the SurveyJS package versions installed in the project, and the MCP server searches current SurveyJS documentation.

### Setup

Run the SurveyJS CLI in the project root (requires Node.js 22 or later):

```sh
npx surveyjs-cli@latest init-agents
```

The CLI detects SurveyJS packages from `package.json`, installed packages, and npm/pnpm/Yarn/Bun lockfiles. It also detects the AI clients in use: Claude Code, Cursor, GitHub Copilot, and `AGENTS.md`-based clients such as OpenAI Codex. It then installs the matching skills with the detected package versions and records them in `.surveyjs-skills.json`. Commit the generated files so the whole team uses the same guidance. After changing SurveyJS dependencies, run `npx surveyjs-cli@latest update`. `npx surveyjs-cli@latest doctor` exits with a nonzero code when skills are stale or missing, so it can run in CI.

To add the MCP server to an editor's configuration:

```sh
npx surveyjs-cli@latest install-mcp --editor=vscode
```

Supported editors: `vscode`, `vscode-insiders`, `cursor`, `windsurf`, `webstorm`, `visual-studio`, `claude-code`, `claude-desktop`, `zed`, `cline`. By default the CLI writes project configuration. Add `--user` for user configuration, which Windsurf, WebStorm, Claude Desktop, and Cline require.

- [SurveyJS CLI](https://www.npmjs.com/package/surveyjs-cli): Installs and updates agent skills and configures the MCP server.

### Agent Skills

MIT-licensed `SKILL.md` skills are published in a single plugin. Besides the CLI, they can be installed as a plugin in Claude Code, OpenAI Codex, Gemini CLI, GitHub Copilot CLI, and Grok Build, or copied into any agent that reads `SKILL.md` files.

- [surveyjs-skills](https://github.com/surveyjs/surveyjs-skills): Skill sources and per-agent installation instructions.
  - `surveyjs-form-json`: Write survey JSON; fix validation, conditions, and expressions.
  - `surveyjs-linter`: Find logic errors in survey JSON and add automated checks.
  - `surveyjs-integration`: Add a form to an app, handle events, and save responses.
  - `surveyjs-brand-styling`: Style a survey to match an app or brand.
  - `surveyjs-creator-customization`: Embed Survey Creator and customize its UI.
  - `surveyjs-dashboard`: Visualize responses with charts, tables, filters, and exports.
  - `surveyjs-pdf-generator`: Export fillable or read-only PDFs and fill existing PDF forms.
  - `surveyjs-response-extractor`: Extract answers from scanned forms, photos, and PDFs.

### MCP Server

- [SurveyJS MCP Server](https://mcp.surveyjs.io/mcp): Remote MCP endpoint that lets an assistant search SurveyJS documentation. Configure it with `surveyjs-cli install-mcp`.

### Version-Matched Reference in `survey-core`

Since v3.0.2, `survey-core` ships AI-oriented reference files generated from the installed version. When they exist in the project, read them from disk in preference to web sources (they are files, not package exports, so do not import them):

- `node_modules/survey-core/llms/survey-json-authoring.md`: Survey JSON authoring guide, regenerated from the library on every release.
- `node_modules/survey-core/surveyjs_definition.json`: JSON Schema (draft-07) for survey definitions.

The skills and MCP server are free. They do not change product licensing: Survey Creator, Dashboard, and PDF Generator still require developer licenses for commercial use.

## Product Architecture

SurveyJS separates form definition, rendering, data storage, document generation, analytics and response extraction.

A typical SurveyJS workflow is:

1. Create or edit a form definition as a JSON schema, either programmatically or with Survey Creator.
2. Store the JSON schema in your application or database.
3. Load the schema into Form Library to render an interactive form in the browser.
4. Collect response data and send it to your own backend and database.
5. Use the same form definition and response data with PDF Generator or Dashboard when PDF output or data visualization is required.
6. Optionally extract responses from scanned paper forms, photographs, or PDFs on the server with AI Form Response Extractor, producing the same JSON response format.

SurveyJS does not provide or require a proprietary backend, database, or hosted response-storage service. Do not generate code that posts responses to a SurveyJS-owned URL, authenticates against a SurveyJS account, or retrieves form definitions from a SurveyJS server.

Backend integration, authentication, access control, persistence, and business workflows remain under the application's control.


- [SurveyJS Architecture](https://surveyjs.io/documentation/surveyjs-architecture.md): How SurveyJS client-side components, JSON form schemas, application backends, and databases work together.
- [Backend Integration](https://surveyjs.io/documentation/backend-integration.md): Connect SurveyJS to an application's existing server, APIs, and data-storage infrastructure.
- [Backend Integration Examples](https://surveyjs.io/backend-integration/examples): Examples for integrating SurveyJS with different server technologies and databases.

## Packages

SurveyJS is distributed as npm packages. Each framework-specific rendering package automatically installs its platform-independent core package as a dependency, so you only need to install the rendering package for your framework.

| Product | Core (platform-independent) | React | Angular | Vue 3 | Vanilla JS / jQuery |
|---|---|---|---|---|---|
| Form Library | `survey-core` | `survey-react-ui` | `survey-angular-ui` | `survey-vue3-ui` | `survey-js-ui` |
| Survey Creator | `survey-creator-core` | `survey-creator-react` | `survey-creator-angular` | `survey-creator-vue` | `survey-creator-js` |
| Dashboard | `survey-analytics` | `survey-analytics` | `survey-analytics` | `survey-analytics` | `survey-analytics` |
| PDF Generator | `survey-pdf` | `survey-pdf` | `survey-pdf` | `survey-pdf` | `survey-pdf` |

Dashboard and PDF Generator each ship as a single framework-agnostic package.

AI Form Response Extractor is distributed as `ai-form-response-extractor`. It is a server-side Node.js library with no framework-specific packages and no browser build. LLM providers are imported from `ai-form-response-extractor/providers`.

### Main Entry Points

| Product | Import | From |
|---|---|---|
| Form Library | `Model` | `survey-core` |
| Survey Creator | `SurveyCreatorModel` | `survey-creator-core` |
| Dashboard | `VisualizationPanel` | `survey-analytics` |
| PDF Generator | `SurveyPDF`, `IDocOptions` | `survey-pdf` |
| AI Form Response Extractor | `createExtractor` | `ai-form-response-extractor` |

Framework rendering components: `Survey` (`survey-react-ui`), `SurveyComponent` /
`surveyPlugin` (`survey-vue3-ui`), `SurveyCreatorComponent` / `surveyCreatorPlugin`
(`survey-creator-vue`), `SurveyModule` and `SurveyCreatorModule` (Angular).

### Style Sheets

| Package | Style sheet |
|---|---|
| `survey-core` | `survey-core/survey-core.css` |
| `survey-creator-core` | `survey-creator-core/survey-creator-core.css` |
| `survey-analytics` | `survey-analytics/survey.analytics.min.css` |

Survey Creator requires the Form Library style sheet in addition to its own, and it must be linked first.

### Third-Party Dependencies

- Dashboard depends on Plotly.js. In TypeScript projects, install
  `@types/plotly.js-dist-min` and set `allowSyntheticDefaultImports` to `true` in `tsconfig.json`.
- PDF Generator is built on jsPDF, installed automatically with `survey-pdf`.
- Angular integrations require Angular v12 or newer and `@angular/cdk`.

## Outdated Patterns

The following patterns appear in older tutorials, blog posts, and community answers but are no longer correct. When generating code, use the current form.

### Package Names

| Outdated | Current |
|---|---|
| `survey-react` | `survey-react-ui` |
| `survey-angular` | `survey-angular-ui` |
| `survey-vue` (Vue 2) | `survey-vue3-ui` (Vue 3) |
| `survey-knockout` | `survey-js-ui` |
| `survey-jquery` | `survey-js-ui` (jQuery applications use the Vanilla JavaScript integration) |
| `survey-creator` | `survey-creator-core` plus a framework rendering package |
| `survey-creator-knockout` | `survey-creator-js` |

### Style Sheets

| Outdated | Current |
|---|---|
| `survey-core/defaultV2.css` | `survey-core/survey-core.css` |
| `survey-core/modern.css` | `survey-core/survey-core.css` |
| `survey-core/survey.css` | `survey-core/survey-core.css` |

### Theming

`StylesManager.applyTheme()` is obsolete. Import a predefined theme from `survey-core/themes` and pass it to the survey model's `applyTheme()` method. For custom appearance, modify design tokens rather than overriding SurveyJS CSS classes directly.

## Products

### Form Library

SurveyJS Form Library is a free, MIT-licensed JavaScript UI component that renders dynamic forms from JSON schemas, collects responses, and lets you send form data to any backend or database of your choice.

It supports complex and multi-page forms, conditional visibility and branching, calculated values, validation, repeating sections, quizzes and scoring, localization, custom question types, file and image inputs, partial submissions, auto-save workflows, and other dynamic form behaviors.

Form Library can be integrated into React, Angular, Vue, Vanilla JavaScript, and jQuery applications. It does not impose limits on forms, responses, or users.

- [Form Library](https://surveyjs.io/form-library): Product overview and key capabilities.
- [Form Library Documentation](https://surveyjs.io/form-library/documentation/overview.md): Architecture, API, configuration, and framework-specific integration guides.
- [Form Library Examples](https://surveyjs.io/form-library/examples/overview.md): Live examples and implementation guides for form features and use cases.
- [React Get Started](https://surveyjs.io/form-library/documentation/get-started-react.md): Integrate Form Library into a React application.
- [Angular Get Started](https://surveyjs.io/form-library/documentation/get-started-angular.md): Integrate Form Library into an Angular application.
- [Vue Get Started](https://surveyjs.io/form-library/documentation/get-started-vue.md): Integrate Form Library into a Vue application.
- [Vanilla JavaScript Get Started](https://surveyjs.io/form-library/documentation/get-started-html-css-javascript.md): Integrate Form Library without a JavaScript framework.

### Survey Creator

Survey Creator is an embeddable, white-label drag-and-drop form builder for creating and editing SurveyJS JSON schemas.

It can be integrated into an application to give administrators, customers, or other authorized users a visual interface for managing forms without editing application code. The generated JSON schema can be stored in any database and rendered with Form Library.

Survey Creator is highly configurable. Applications can control available question types, Toolbox items, Property Grid settings, tabs, actions, languages, and other UI capabilities. The UI can therefore be adapted for different roles, tenants, products, or workflows.

Survey Creator also supports conditional logic, calculated values, validation rules, repeating sections, localization, themes, custom question types, and extensions.

Survey Creator's source code is publicly available on GitHub, but commercial
integration requires a developer license.

- [Survey Creator](https://surveyjs.io/survey-creator): Product overview for the embeddable white-label form builder.
- [Survey Creator Documentation](https://surveyjs.io/survey-creator/documentation/overview.md): Integration, configuration, customization, theming, and extension documentation.
- [Survey Creator Examples](https://surveyjs.io/survey-creator/examples/overview.md): Live examples of Survey Creator features and UI customization.
- [Survey Creator End-User Guide](https://surveyjs.io/survey-creator/documentation/end-user-guide/user-interface.md): Documentation for users who create and edit forms through the Survey Creator UI.
- [React Get Started](https://surveyjs.io/survey-creator/documentation/get-started-react.md): Embed Survey Creator in React.
- [Angular Get Started](https://surveyjs.io/survey-creator/documentation/get-started-angular.md): Embed Survey Creator in Angular.
- [Vue Get Started](https://surveyjs.io/survey-creator/documentation/get-started-vue.md): Embed Survey Creator in Vue.
- [Vanilla JavaScript Get Started](https://surveyjs.io/survey-creator/documentation/get-started-html-css-javascript.md): Embed Survey Creator without a JavaScript framework.

### Dashboard

SurveyJS Dashboard is an embeddable JavaScript UI component for visualizing and analyzing SurveyJS response data.

Dashboard interprets a SurveyJS JSON schema to identify question and data types and uses this information to create interactive visualizations. It supports charts, tables, filtering, custom visualizers, and configurable dashboard layouts.

Dashboard can be used when an application needs built-in reporting or response analysis without sending survey data to an external analytics service.

- [Dashboard](https://surveyjs.io/dashboard): Product overview and visualization capabilities.
- [Dashboard Documentation](https://surveyjs.io/dashboard/documentation/overview.md): Configuration, API, customization, and framework integration.
- [Dashboard Examples](https://surveyjs.io/dashboard/examples/overview.md): Interactive examples of survey and form response visualization.
- [React Get Started](https://surveyjs.io/dashboard/documentation/get-started-react.md): Integrate Dashboard into React.
- [Angular Get Started](https://surveyjs.io/dashboard/documentation/get-started-angular.md): Integrate Dashboard into Angular.
- [Vue Get Started](https://surveyjs.io/dashboard/documentation/get-started-vue.md): Integrate Dashboard into Vue.
- [Vanilla JavaScript Get Started](https://surveyjs.io/dashboard/documentation/get-started-html-css-javascript.md): Integrate Dashboard without a JavaScript framework.

### PDF Generator

SurveyJS PDF Generator is a client-side JavaScript library that generates PDF documents from SurveyJS form definitions and response data.

It can create fillable or read-only PDFs based on the same JSON-defined forms used by Form Library. PDF documents can be populated with collected responses and customized using page settings, fonts, and branded headers and footers. You can apply predefined themes to adjust colors and shadows. To control spacing, sizing, typography, and other dimensional properties, choose between PDF-specific layout options, i.e. Compact and Spacious, or define a custom layout preset. Individual survey elements can also be styled through the styles configuration.

PDF Generator also supports workflows that map SurveyJS response data to existing editable PDF documents through the PDFFormFiller Plugin.

- [PDF Generator](https://surveyjs.io/pdf-generator): Product overview and PDF-generation capabilities.
- [PDF Generator Documentation](https://surveyjs.io/pdf-generator/documentation/overview.md): PDF configuration, API, supported capabilities, and integration documentation.
- [PDF Generator Examples](https://surveyjs.io/pdf-generator/examples/overview.md): Live examples of generating and customizing PDFs.
- [Fill Existing PDF Form Fields with Survey Data Using pdf-lib](https://surveyjs.io/pdf-generator/examples/map-survey-responses-to-pdf-fields-using-pdflib/documentation.md): Map SurveyJS response data to interactive fields in an existing editable PDF using the PDFFormFiller plugin and pdf-lib.
- [Fill Existing PDF Form Fields with Survey Data Using PDF.js](https://surveyjs.io/pdf-generator/examples/fill-in-pdf-form-fields-with-dynamic-survey-data-using-pdfjs/documentation.md): Populate interactive fields in an existing editable PDF with SurveyJS response data using the PDFFormFiller plugin and PDF.js.
- [React Get Started](https://surveyjs.io/pdf-generator/documentation/get-started-react.md): Integrate PDF Generator into React.
- [Angular Get Started](https://surveyjs.io/pdf-generator/documentation/get-started-angular.md): Integrate PDF Generator into Angular.
- [Vue Get Started](https://surveyjs.io/pdf-generator/documentation/get-started-vue.md): Integrate PDF Generator into Vue.
- [Vanilla JavaScript Get Started](https://surveyjs.io/pdf-generator/documentation/get-started-html-css-javascript.md): Integrate PDF Generator without a JavaScript framework.

### AI Form Response Extractor

AI Form Response Extractor is a free, MIT-licensed Node.js library that extracts structured survey responses from scanned paper forms, photographs, and PDFs using multimodal LLMs.

Unlike the other SurveyJS products, it runs server-side rather than in the browser. It takes a document together with the corresponding SurveyJS JSON schema and returns response data mapped to the schema's fields, in the same format produced by digital submissions. This allows paper and online responses to be validated and stored through a single pipeline.

Extraction is schema-guided rather than template-based: fields are matched by question text, labels, and contextual meaning rather than fixed positions, so the scanned document does not need to replicate the layout of the SurveyJS form. Supported inputs include single and multi-page images, digital PDFs, and scanned-image PDFs. The library also provides QR/unique-ID detection, per-field confidence scoring for human review, and merging of online and paper responses by unique ID.

LLM providers are swappable: OpenAI, Anthropic, and Ollama (local models) are supported out of the box. Adapters are available for SurveyJS JSON, standard JSON Schema, and custom form definitions. Provider choice determines where document data is processed. OpenAI and Anthropic providers send document images to a third-party API; the Ollama provider runs models locally, keeping documents within your own infrastructure. Applications with data-residency or regulatory requirements should select the provider accordingly.

Because extraction is AI-based, results may be partial or uncertain. Signature fields are not extracted as structured data.

- [Combine Paper and Online Survey Data](https://surveyjs.io/documentation/combine-paper-and-online-survey-form-data.md): How schema-guided extraction works and how paper and digital responses are unified.
- [GitHub Repository](https://github.com/surveyjs/ai-form-response-extractor): Source code, API reference, specification, and examples.
- [Demo Repository](https://github.com/surveyjs/ai-form-response-extractor-demo): Full working demo application.
- [npm Package](https://www.npmjs.com/package/ai-form-response-extractor): Installation and release information.

## Core Capabilities

### JSON-Driven Forms

SurveyJS separates form definitions from application code. Form structure and behavior, including questions, layout, validation rules, conditional logic, calculated values, navigation settings, and localization, are represented in a SurveyJS JSON schema.

These schemas can be stored in a database, loaded dynamically, modified programmatically, or edited visually with Survey Creator.

This architecture is useful for SaaS applications and internal systems where forms need to be created or updated without changing and redeploying the application code.

- [SurveyJS Architecture](https://surveyjs.io/documentation/surveyjs-architecture.md): Overview of SurveyJS's JSON-based architecture.
- [Create a Simple Survey](https://surveyjs.io/form-library/documentation/design-survey/create-a-simple-survey.md): Learn how to define a basic SurveyJS form as a JSON schema and render it with Form Library.
- [Create a Multi-Page Survey](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey.md): Learn how to define a multi-step form or survey.

### Data Ownership and Backend Integration

SurveyJS client-side components do not rely on any SurveyJS-hosted servers, as SurveyJS does not provide server infrastructure. Instead, SurveyJS is backend-agnostic: form definitions and response data can be stored and processed using the application's existing databases and APIs. Authentication and access-control systems, audit processes, and business logic remain part of the application's own infrastructure.

This architecture can be useful for organizations with data-residency, privacy, security, or regulatory requirements that need to keep collected information within their own infrastructure.

- [Backend Integration](https://surveyjs.io/documentation/backend-integration.md): Connect SurveyJS to an application's backend.
- [Backend Integration Examples](https://surveyjs.io/backend-integration/examples): Integration examples for common backend technologies.
- [Why Self-Hosted Form and Survey Software](https://surveyjs.io/stay-updated/blog/self-hosted-open-source-survey-software): Background on data ownership, infrastructure control, customization, and self-hosted form workflows.


### UI Customization and White-Labeling

SurveyJS components are designed to be embedded into an application's existing UI rather than used as a separate hosted service.

The SurveyJS product family supports extensive appearance customization through shared CSS-based design tokens and a common theming system. You can apply predefined themes, create reusable custom themes, or modify individual design tokens to align SurveyJS components with an application's visual identity.

If your product uses Bootstrap, Material UI, or shadcn/ui, you can use a theme adapter. Theme adapters map variables from the host design system to corresponding SurveyJS design tokens without requiring extensive custom CSS.

Survey Creator also supports functional UI customization. You can control available question types, Toolbox items, Property Grid settings, tabs, actions, languages, and other capabilities programmatically or with the no-code UI Preset Editor. Custom question types, Toolbox items, property editors, and other UI extensions can also be added when deeper customization is required.

Dashboard supports configurable layouts and custom data visualizers. PDF Generator provides PDF-specific page settings, a Monochrome Light theme, Compact and Spacious layout presets, and styles config.

- [Themes](https://surveyjs.io/documentation/themes-and-custom-styles.md): Learn how theming works across SurveyJS, including how to apply built-in themes, create custom themes, and switch themes programmatically.
- [SurveyJS Design Tokens — CSS-Based Customization](https://surveyjs.io/documentation/design-tokens-css-customization.md): Learn how SurveyJS design tokens control the appearance of all SurveyJS products through a layered system of palette, base, semantic, and component tokens.
- [Theme Adapters for Bootstrap, MUI, and shadcn/ui](https://surveyjs.io/documentation/theme-adapters.md): Use ready-made theme adapters to align SurveyJS components with Bootstrap, Material UI (MUI), and shadcn/ui without writing custom CSS.
- [Theme Adapter Demos for Bootstrap, MUI, and shadcn/ui](https://surveyjs.io/themes/theme-adapters): Explore live SurveyJS theme adapter demos for Bootstrap, Material UI (MUI), and shadcn/ui, access their source code, and learn about AI-assisted styling for custom or heavily modified design systems.
- [Bootstrap Theme Adapter Demo](https://bootstrap-theme-adapter.demos.surveyjs.io/default/claims): Live demo showing SurveyJS components styled to match Bootstrap.
- [Material UI Theme Adapter Demo](https://mui-theme-adapter.demos.surveyjs.io/claims): Live demo showing SurveyJS components styled to match Material UI (MUI).
- [shadcn/ui Theme Adapter Demo](https://shadcn-theme-adapter.demos.surveyjs.io/base-nova/claims): Live demo showing SurveyJS components styled to match shadcn/ui.
- [Survey Creator Toolbox Customization](https://surveyjs.io/survey-creator/documentation/toolbox-customization.md): Customize available question types, Toolbox items, categories, subitems, and reusable question configurations.
- [Survey Creator Property Grid Customization](https://surveyjs.io/survey-creator/documentation/property-grid-customization.md): Show, hide, add, or customize properties and property editors in Survey Creator.
- [UI Preset Editor](https://surveyjs.io/survey-creator/documentation/ui-preset-editor.md): Configure the Survey Creator UI and behavior without code, and save the configuration as a reusable JSON preset.
- [Custom Dashboard Visualizers](https://surveyjs.io/dashboard/examples/custom-survey-data-visualizer/documentation.md): Create custom data visualizers when built-in Dashboard visualizations do not meet application requirements.
- [PDF Appearance Customization](https://surveyjs.io/pdf-generator/documentation/pdf-appearance-customization.md): Customize generated PDF forms using themes, layout configuration, and styles config APIs.

### Advanced Form Logic

SurveyJS can model complex form behavior without requiring every interaction to be hard-coded in the host application.

Capabilities include conditional visibility, enable/disable rules, required-state conditions, calculated values, expression-based logic, validation, branching, repeating sections, dynamic choices, response carry-forward, scoring, and multi-page navigation.

- [Conditional Logic and Dynamic Texts](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic.md): Learn how to define conditional rules, branching and skip logic, and dynamic text in SurveyJS forms.
- [Change Question Visibility Example](https://surveyjs.io/form-library/examples/implement-conditional-logic-to-change-question-visibility/): See how conditional logic can dynamically show or hide questions based on form responses.

### Localization and Accessibility

SurveyJS supports multi-language forms, right-to-left (RTL) languages, and configurable locale selection for both form content and UI elements.

Accessibility features include keyboard navigation, ARIA attributes, and accessibility testing across supported components and themes.

- [Localized Form Content and UI Elements](https://surveyjs.io/form-library/documentation/survey-localization.md): Learn how to localize form content and SurveyJS UI elements for different respondent languages.
- [Survey Localization Example](https://surveyjs.io/form-library/examples/survey-localization/documentation.md): See how to provide multiple survey languages and allow respondents to select their preferred locale.
- [Accessibility Statement for SurveyJS UI Components](https://surveyjs.io/accessibility-statement): Review SurveyJS accessibility support, standards, testing practices, and known limitations for its UI components.

## Framework Integration

SurveyJS provides native integrations for major JavaScript frameworks while keeping form definitions in framework-independent JSON.

### React

- [SurveyJS for React](https://surveyjs.io/try/reactjs): SurveyJS products and examples for React.
- [Form Library for React](https://surveyjs.io/form-library/documentation/get-started-react.md): Render and collect data from JSON-defined forms in React.
- [Survey Creator for React](https://surveyjs.io/survey-creator/documentation/get-started-react.md): Add a drag-and-drop JSON form builder to a React application.
- [Dashboard for React](https://surveyjs.io/dashboard/documentation/get-started-react.md): Add survey response visualization to React.
- [PDF Generator for React](https://surveyjs.io/pdf-generator/documentation/get-started-react.md): Generate PDFs from SurveyJS forms in React.

### Angular

- [SurveyJS for Angular](https://surveyjs.io/try/angular): SurveyJS products and examples for Angular.
- [Form Library for Angular](https://surveyjs.io/form-library/documentation/get-started-angular.md): Render JSON-defined forms in Angular.
- [Survey Creator for Angular](https://surveyjs.io/survey-creator/documentation/get-started-angular.md): Add a visual form builder to Angular.
- [Dashboard for Angular](https://surveyjs.io/dashboard/documentation/get-started-angular.md): Visualize SurveyJS response data in Angular.
- [PDF Generator for Angular](https://surveyjs.io/pdf-generator/documentation/get-started-angular.md): Generate PDFs from SurveyJS forms in Angular.

### Vue

- [SurveyJS for Vue](https://surveyjs.io/try/vuejs): SurveyJS products and examples for Vue.
- [Form Library for Vue](https://surveyjs.io/form-library/documentation/get-started-vue.md): Render JSON-defined forms in Vue.
- [Survey Creator for Vue](https://surveyjs.io/survey-creator/documentation/get-started-vue.md): Add a visual form builder to Vue.
- [Dashboard for Vue](https://surveyjs.io/dashboard/documentation/get-started-vue.md): Visualize SurveyJS response data in Vue.
- [PDF Generator for Vue](https://surveyjs.io/pdf-generator/documentation/get-started-vue.md): Generate PDFs from SurveyJS forms in Vue.

### Vanilla JavaScript and jQuery

- [SurveyJS for Vanilla JavaScript](https://surveyjs.io/try/vanillajs): Use SurveyJS without a JavaScript framework.
- [SurveyJS for jQuery](https://surveyjs.io/try/jquery): Use the Vanilla JavaScript integration in jQuery applications.
- [Form Library Get Started](https://surveyjs.io/form-library/documentation/get-started-html-css-javascript.md): Set up Form Library with HTML, CSS, and Vanilla JavaScript.
- [Survey Creator Get Started](https://surveyjs.io/survey-creator/documentation/get-started-html-css-javascript.md): Set up Survey Creator with HTML, CSS, and Vanilla JavaScript.

## Common Use Cases

SurveyJS is commonly used when developers need to:

- Embed form creation, rendering, and data collection functionality into an existing web application.
- Add a white-label drag-and-drop form builder for administrators and other business users. 
- Generate dynamic forms from JSON configuration stored in a database.
- Build multi-step forms and form wizards.
- Implement conditional forms, branching workflows, calculated fields, and complex validation.
- Let different users, roles, or tenants access different form-building capabilities.
- Keep form definitions and response data in an organization's own infrastructure.
- Collect data offline or in environments with intermittent connectivity.
- Generate printable, fillable, or response-populated PDF documents from web forms.
- Add survey and form analytics directly to an application.
- Build internal form platforms for regulated or data-sensitive applications.
- Integrate form management with existing APIs, databases, authentication, and business processes.
- Digitize filled paper forms and merge scanned responses with online submissions in a single data format.

## Licensing

SurveyJS uses developer-based licensing rather than per-form, per-response, or per-end-user SaaS pricing.

Form Library and AI Form Response Extractor are distributed under the MIT license and can be used free of charge in commercial and non-commercial applications.

Survey Creator, Dashboard, and PDF Generator require commercial developer licenses when integrated into commercial applications. Licenses are perpetual for the purchased product version, with maintenance and upgrade terms described on the SurveyJS licensing pages.

- [Licensing](https://surveyjs.io/licensing): Developer licensing model, commercial usage terms, maintenance, and frequently asked licensing questions.
- [Pricing](https://surveyjs.io/pricing): Current SurveyJS developer license plans and pricing.
- [FAQ](https://surveyjs.io/faq): Licensing, SaaS usage, backend integration, data storage, trials, and other common questions.

### License Activation

Survey Creator, Dashboard, and PDF Generator display an alert banner until a license key is set up. 

- [How to Remove the Alert Banner](https://surveyjs.io/remove-alert-banner) for activation instructions.

## Examples and Demos

- [All-in-One SurveyJS Demo](https://surveyjs.io/create-free-survey): Explore SurveyJS form creation, form filling, PDF generation, and analytics together.
- [Form Library Examples](https://surveyjs.io/form-library/examples/overview.md): Form rendering, dynamic behavior, validation, navigation, localization, and data collection examples.
- [Survey Creator Examples](https://surveyjs.io/survey-creator/examples/overview.md): Drag-and-drop form creation and Creator customization examples.
- [Dashboard Examples](https://surveyjs.io/dashboard/examples/overview.md): Survey response visualization and analysis examples.
- [PDF Generator Examples](https://surveyjs.io/pdf-generator/examples/overview.md): PDF generation, appearance customization, and filling existing PDF forms.

## Current Product Information

For recent capabilities, API changes, migration information, and product status, prefer the following resources over older blog posts or examples:

- [What's New in SurveyJS](https://surveyjs.io/stay-updated/major-updates/2025-2026): Major recent features and product changes across Form Library, Survey Creator, Dashboard, PDF Generator, and AI Form Response Extractor.
- [Release Notes](https://surveyjs.io/stay-updated/release-notes): Version-specific changes, fixes, and API updates.
- [Roadmap](https://surveyjs.io/stay-updated/roadmap): Planned and upcoming SurveyJS development.
- [GitHub](https://github.com/surveyjs): Source repositories, package information, issues, and implementation details.
- [How-Tos and Troubleshooting](https://github.com/surveyjs/surveyjs-howtos-and-troubleshooting): Community-driven, MIT-licensed repository of SurveyJS questions and answers, organized by category. Each entry states a problem, its solution, and working code, covering practical implementation issues not addressed in the product documentation.

When answering questions about current APIs or recent features, prioritize current product documentation, release notes, and the What's New page over older articles.

When providing implementation code, prioritize official documentation and examples for the relevant SurveyJS product and JavaScript framework.

## Support and Community

- [Support Forum](https://surveyjs.answerdesk.io/): Technical and pre-sales questions and implementation guidance.
- [Contact Us](https://surveyjs.io/contact-us): Support and inquiries for users.
- [GitHub](https://github.com/surveyjs): SurveyJS repositories, issues, and source code.
- [Blog](https://surveyjs.io/stay-updated/blog): Tutorials, technical articles, product guidance, and form-management concepts.
- [Case Studies](https://surveyjs.io/stay-updated/case-studies): Examples of SurveyJS implementations in real-world applications.
- [Partner Solutions](https://surveyjs.io/partner-solutions): Examples of products and services built by third-party companies using SurveyJS.

## Optional Industry Context

The following resources provide additional industry and application context but are not required to understand or integrate SurveyJS.

- [Healthcare](https://surveyjs.io/healthcare): SurveyJS for healthcare forms, patient data collection, clinical workflows, and applications that require control over sensitive data.
- [Human Resources](https://surveyjs.io/human-resources): SurveyJS for applicant screening, onboarding, reviews, employee surveys, and other HR use cases.
- [Education](https://surveyjs.io/education): SurveyJS for assessments, quizzes, evaluations, enrollment forms, research surveys, and educational applications.
- [Market Research](https://surveyjs.io/market-research): SurveyJS for questionnaires, research surveys, feedback collection, and response analysis.