Survey Creator Overview

Survey Creator is an embeddable drag-and-drop form builder for React, Angular, Vue, and plain JavaScript applications. It runs in the browser and generates SurveyJS JSON form definitions that describe form content, layout, validation, logic, navigation, and appearance. You can connect it to your own backend, database, authentication system, and deployment environment.

The typical workflow is as follows:

1. Create a new SurveyJS JSON form definition or load an existing one.
2. Edit the form in Survey Creator.
3. Save the updated definition to your backend or database.
4. Render the form with SurveyJS Form Library.
5. Store submitted responses in your own infrastructure.

Survey Creator can be adapted to different users and workflows. You can control which question types appear in the Toolbox, which settings are available in the Property Grid, which tabs and actions are visible, and which languages users can select.

Use the UI Preset Editor to configure these options visually and export them as a reusable JSON preset. To customize the appearance, you can apply a built-in theme, create a custom theme, or use theme adapters for Bootstrap, Material UI, and shadcn/ui to align Survey Creator with the visual language of the host application.

Try Survey Creator

• Drag-and-drop form editing
• Multi-page forms and form wizards
• Conditional visibility, branching, validation, and calculated values
• Dedicated Logic and JSON Editor tabs
• Form preview before publication

• Native packages for React, Angular, Vue, and plain JavaScript
• Framework-independent survey-creator-core package
• TypeScript support
• Integration with any backend, API, database, or authentication system
• Backend examples for PHP, Node.js, and ASP.NET Core

• Generate a JSON form definition as users edit a form
• Load existing definitions back into the editor
• Save, version, copy, and reuse form definitions
• Render completed forms with SurveyJS Form Library
• Use the same form definition across web forms, PDF generation, and analytics workflows

• Configure the Toolbox, Property Grid, tabs, actions, languages, and editor behavior
• Use the UI Preset Editor to create reusable JSON UI presets
• Customize form themes with the Theme Editor
• Use theme adapters for Bootstrap, Material UI, and shadcn/ui
• Add custom question types and reusable components
• Configure different UI presets for roles, tenants, or subscription plans

• Localize the Survey Creator UI
• Restrict the languages available to form authors
• Support right-to-left languages
• Create and manage multilingual forms

Explore interactive demos that include editable source code for common Survey Creator configurations and customization scenarios.

Choose the package for your framework to get started:

npm install survey-creator-react

Get Started with Survey Creator for React

npm install survey-creator-angular

Get Started with Survey Creator for Angular

npm install survey-creator-vue

Get Started with Survey Creator for Vue.js

npm install survey-creator-js

Get Started with Survey Creator for Plain JavaScript

Visit our Major Updates page and Release Notes for recent features, fixes, and package updates.

For major-version upgrades, refer to the relevant migration guide:

• Migrate from Survey Creator v1 to v2
• Migrate from Survey Creator v2 to v3

SurveyJS Survey Creator requires a commercial license for each software developer who works with the SurveyJS APIs or implements the integration. SurveyJS Form Library, which renders forms created with Survey Creator, is available under the MIT license.