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
- 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
New feature: Figma-to-HTML conversion (design to code)
You can now use the ThemeBuilder plugin (with an added Dev Mode) to convert Figma designs to code with the new Figma-to-HTML feature. You can map all Figma components to your code and generate friendly HTML that reuses your existing components.
ThemeBuilder: Support for the Telerik and Kendo UI Building Blocks
The latest release enables you to harness ThemeBuilder’s powerful UI styling capabilities to customize the appearance of the Telerik and Kendo UI Building Blocks, a collection of 60+ responsive, and customizable pre-designed UI elements.
ThemeBuilder: UX update of the Figma plugin
We’ve now updated the Figma Plugin to include a Dev Mode. With this update, you’ll also see an improved UI & UX and enjoy just a single log-in per session. The new interface streamlines the selection of various operations from a single location.