SurveyJS Theme Adapter Demos (Bootstrap, MUI, shadcn/ui)
August 11, 2026 · View on GitHub
This repository contains demo applications that showcase SurveyJS Theme Adapters—a set of lightweight style mappings that allow SurveyJS components to inherit the visual language of popular UI frameworks and design systems without requiring custom CSS.
Each demo shows how to integrate a specific theme adapter into a SurveyJS application and how SurveyJS controls automatically adopt the appearance of the surrounding UI framework.
Available Theme Adapters
This repository includes theme adapter demos for the following CSS frameworks:
Additional adapters may be added over time.
What Are Theme Adapters?
SurveyJS v3.0 introduces a unified Design Tokens system based on CSS variables. Theme adapters map these design tokens to external framework-specific variables. Instead of overriding individual component styles, you install a single adapter that makes SurveyJS components automatically follow your application's existing design language.
Benefits include:
- Consistent appearance across your application
- Minimal CSS maintenance
- Easy switching between CSS frameworks
- Automatic support for future SurveyJS UI components
Repository Structure
Each adapter has its own demo application that can be built and run independently:
Getting Started
Clone the repository:
git clone https://github.com/surveyjs/theme-adapter-demos.git
cd theme-adapter-demos
Install dependencies:
npm install
Navigate to a demo:
cd bootstrap
Install its dependencies:
npm install
Start the development server:
npm run dev