Make SurveyJS Look Like Part of Your Application
SurveyJS libraries — Form Library, Survey Creator, PDF Generator, and Dashboard — now share a coordinated token architecture based on CSS variables. Instead of changing individual CSS rules throughout each library, developers can modify a defined set of values that control the overall appearance.
Ready-to-Use Adapters for Standard Design Libraries
If your product uses Bootstrap, Material UI, or shadcn/ui, you can use a theme adapter. These adapters are CSS mapping files that connect the variables used by the host design system to the corresponding SurveyJS design tokens with minimal CSS work.
Source Code and Demo Repository
Browse all adapter demos, inspect their setup, and run each example locally from the GitHub repository.
View RepositoryFor Custom or Heavily Modified Applications
If your application extends Bootstrap, MUI, or shadcn/ui with proprietary
components and styling rules — or uses a separate design system — the
standard adapter may not reproduce every design decision.
Use the SurveyJS styling skill together with the SurveyJS MCP server to give
your AI coding agent the guidance and up-to-date technical context it needs.
AI-Assisted Styling Workflow
Best for applications with a custom design system or a substantially modified framework setup.
Customize SurveyJS Theme Adapters for Bootstrap, Material UI, shadcn/ui
Check our FAQ or Contact Us