# Survey Creator — Examples Index

URL pattern: https://surveyjs.io/survey-creator/examples/{slug}/{framework}.md
Frameworks: reactjs | angular | vue3js | jquery | vanillajs
Every example supports all frameworks unless it carries a `Frameworks:` line.

## Save and Restore a Survey JSON Schema
- `set-how-survey-configuration-changes-are-saved` — Save and Restore a Survey JSON Schema.

## PDF Generator Integration
- `integrate-pdf-generator` — PDF Generator Integration.

## Templates
- `free-nps-survey-template` — NPS Survey Question.
- `covid-19-screening-form-template` — COVID-19 Screening Form.
- `product-market-fit-survey-template` — Product-Market Fit Survey.
- `order-cancellation-form-template` — Order Cancellation Form.
- `product-feedback-survey-template` — Product Feedback Survey.
- `medical-history-form-template` — Medical History Form.
- `form-1040-individual-income-tax-return-template` — Form 1040 - U.S. Individual Income Tax Return.

## AI Integration
- `ai-assisted-survey-design-chat` — AI-Powered Survey Design Chat.
- `ai-generated-choices` — Generate Choice Options Using AI.
- `ai-translation` — Localize Survey Using AI.
- `convert-pdf-to-web-survey-ai` — Generate Survey from PDF Document.

## Property Grid Customization
- `hide-category-from-property-grid` — Hide a Category.
- `add-properties-to-property-grid` — Add Custom Properties.
- `remove-properties-from-property-grid` — Remove Properties.
- `configure-property-dependencies` — Property Dependencies.
- `property-grid-accordion-view` — Accordion View.
- `customize-property-editors` — Customize Property Editors.
- `add-modal-property-editor-to-property-grid` — Add Custom Modal Editor.
- `override-property-grid` — Override the Property Grid Component.

## Toolbox Customization
- `survey-toolbox-customization` — Manage Toolbox Items.
- `survey-toolbox-categories` — Group Items Into Categories.
- `manage-toolbox-subitems` — Manage Toolbox Subitems.
- `limit-number-of-survey-elements` — Limit Question Instances and Panel Nesting.
- `customize-toolbox-at-runtime` — Customize the Toolbox at Runtime.

## Other Customizations
- `survey-creator-interface-localization` — UI Localization.
- `create-multilingual-forms` — Create a Multilingual Form.
- `expand-and-collapse-survey-elements` — Zoom In/Out and Expand/Collapse Survey Elements.
- `test-runtime-dependent-survey-logic` — Preview Surveys with Runtime Variables.
- `dynamically-modify-newly-added-questions` — Modify New Question.
- `modify-tab-bar` — Customize the Tab Bar.
- `toolbar-customization` — Customize the Toolbar.
- `create-custom-adorners` — Create Custom Adorners.
- `customize-form-builder-ui` — Customize the Designer and Preview Tabs.
- `file-upload` — Manage Image Uploads.
- `nest-sub-questions-within-choice-options` — Nest Content Within Choice Options.
- `page-level-editing` — Page-by-Page Form Editing.
- `page-break-and-page-merge` — Page Break and Page Merge.
- `ace-editor-integration` — Ace Editor Integration.
### Markdown Support
- `markdown-support-with-markdown-it` — Markdown Support with markdown-it.
- `markdown-support-with-marked` — Markdown Support with Marked.


## UI Presets
- `basic-ui-preset` — Basic.
- `advanced-ui-preset` — Advanced.
- `expert-ui-preset` — Expert.
- `ui-preset-editor` — UI Preset Editor.

## Theme Management
- `change-form-theme` — Change a Form Theme.
- `save-custom-theme` — Add Reusable Custom Themes.
- `theme-editor-modify-settings-panel` — Manage Theme Settings.
- `add-custom-fonts` — Add Custom Fonts.

## Custom Question Types
- `order-form-template` — Order Form.
- `javascript-country-select-dropdown-list-template` — Country Dropdown.
- `add-full-name-to-form-template` — Full Name.
- `add-shipping-details-to-form-template` — Shipping Details.
- `add-contact-information-to-form-template` — Contact Information.
- `add-address-to-form-template` — Address.
- `smart-search-input` — Smart Search Input.

## Custom Components
- `custom-colorpicker-property-editor` — Integrate a Third-Party Color Picker.
- `form-builder-with-integrated-rich-text-editor` — Integrate a Third-Party Rich Content Editor.
- `custom-descriptive-text-element` — Implement a Descriptive Text Element.
- `matrix-table-question-with-custom-cell-types` — Matrix Question with Custom Cell Types.

## Appearance Customization
- `dynamic-ui-customization` — Dynamic Appearance Customization.
- `compact-survey-creator-ui` — Compact UI.
- `add-custom-theme` — Add Custom Themes.
- `add-custom-icons-to-survey-creator-user-interface` — Add Custom Icons.
- `edit-user-interface-theme-with-custom-css` — Customize Appearance with CSS Variables.
### Theme Adapters
- `bootstrap-theme-adapter` — Bootstrap.
- `material-ui-theme-adapter` — Material UI.
- `shadcn-theme-adapter` — shadcn/ui.


## Advanced Use Cases
- `collaborative-survey-creator` — Multi-User Form Editing.
- `create-web-to-lead-forms-for-salesforce-crm` — Salesforce Integration.
- `performant-form-builder-for-complex-content-heavy-surveys` — Content-Heavy Forms.
### No-code Editor for Domain Models
- `create-domain-models` — Generate Domain Model Code.
- `setup-for-content-manager` — Setup for Restricted Users.