Need to Simplify Styling Web UI for You and Your Team?
Control the look and feel of your UI components to fit any brand style guide or design system. ThemeBuilder helps you style your application UI to perfectly match your design requirements.
Boost Your Productivity when Styling Your App
ThemeBuilder is a visual tool with almost zero learning curve that enables you to style your HTML.
Go back to focusing on the critical business logic of your applications and reduce the time spent on styling.
Avoid the frustrations of dealing with complex CSS rules.
Save time with seamless integration with the Telerik and Kendo UI web UI libraries (Telerik UI for AJAX excluded)
Feature-Rich UI Theming:
From High-Impact to Atomic Styling
ThemeBuilder gives you complete control over everything from top-level styles to atomic customizations. Apply your brand’s guidelines like changing the primary color across multiple components or drill down and change only the style of the button text in your data grid.
Highlights
Custom SASS Variables
Create multiple new SASS/CSS variables. Change the style of several elements by modifying a single variable instead of all components that use it.
Style Your Custom HTML
Style pure HTML and embed and reuse existing styled elements into custom HTML.
Figma Import
Boost productivity and teamwork by incorporating SASS/CSS variables from Figma into ThemeBuilder.
Additional ThemeBuilder Features:
Project Sharing
Component Variants
User Access Rights
Consistent Styling
SSO with Telerik Account
Figma Variable Modes
Custom Fonts and Icons
Color and Size Variables
5 Built-in Themes
Need More Information? Go to the ThemeBuilder documentation.
Pricing
Get access to the features that your team needs to satisfy your styling requirements.
ThemeBuilder
- 1 project
- High-level SASS variable customizations
- Ready-to-use swatches for dark mode and more
ThemeBuilder Pro
- Everything in the free tier
- Detailed styling customization for each component part and state
- Adding custom SASS/CSS variables
- Sharing the projects and working together with your team
- Uploading and using custom fonts and font icons
- Manual migration support
- Import existing CSS
- Version Control - up to 5 versions per project
- Up to 3 Custom HTML Components
ThemeBuilder Ultimate
- Everything in the Pro tier
- Unlimited projects
- Figma import (variables and modes)
- Automatic migration
- Component Variants
- Multiple Projects Modes (Light and Dark Mode)
- Version Control - up to 10 versions per project
- Unlimited Custom HTML Components
ThemeBuilder Enterprise
- Everything in the Ultimate tier
- Access Rights
- Single Sign-On support
- Version Control - up to 100 versions per project
You Can Also Buy ThemeBuilder as Part of a Bundle
Do you have versatile UI/UX requirements, from needing to deliver standard apps and pages really fast to having to implement custom designs? With the UI Accelerator bundle, you will be equipped to create beautiful apps with great user experience, no matter the scenario. Learn more about Page Templates & Building Blocks.
UI Accelerator
Available for Kendo UI for Angular, KendoReact, Telerik UI for Blazor, DevCraft
What's Included:
- ThemeBuilder Ultimate
- Page Templates
- Building Blocks
Awards
ThemeBuilder has received formal recognition in the software development industry. In 2024, it won a Gold medal at the Globee Awards for American Business and a DEVIES award.
Still, we consider the positive feedback we receive directly from our customers to be our biggest achievement.
What’s New with ThemeBuilder
Custom HTML Styling Now Supported
Starting with this release, you can use ThemeBuilder to style any custom HTML. Mix and match Telerik and Kendo UI components with your internal components, adding them all to ThemeBuilder to style and reuse with ease.
Import Existing CSS Files
Transition existing styles to your new workflow with the ThemeBuilder CSS import feature. Pick up where you left off and continue editing your CSS styles in ThemeBuilder with this new import functionality.
Version History
You can now save multiple versions of the same project and reload them dynamically. Every version can have a unique name and date, allowing you to differentiate multiple releases and revert to a previous version if necessary.