Need to Style Your UI Components - Meet ThemeBuilder
Control the look and feel of your UI components to fit any brand or application styles. ThemeBuilder is here to help you style your Telerik and Kendo UI components 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
You can create multiple new SASS variables. When you need to change its style, you only need to change the variable in a single place instead of all components that use it.
Atomic Customizations
Customize every part of the component even the smallest part of each component. That gives you complete control over the component styles.
Figma Import
Boost productivity and teamwork by incorporating SASS/CSS variables from Figma into ThemeBuilder. Import design tokens such as colors, typography, and effects.
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 variables
- Sharing the projects and working together with your team
- Uploading and using custom fonts and font icons
- Manual migration support
ThemeBuilder Ultimate
- Everything in the Pro tier
- Unlimited projects
- Figma import
- Automatic migration
- Component Variants
- Multiple Projects Modes (Light and Dark Mode)
ThemeBuilder Enterprise
- Everything in the Ultimate tier
- Unlimited projects
- Access Rights
- Single Sign-On support
You Can Also Buy ThemeBuilder as Part of a Bundle
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry. Learn more about Page Template & Building Blocks.
UI Accelerator
Available for Kendo UI, KendoReact, Telerik UI for Blazor, DevCraft
What's Included:
- ThemeBuilder Ultimate
- Page Template
- Building Blocks
Awards
Greatness—it's one thing to say you have it, but it means more when others recognize it. Telerik is proud to hold the following industry awards.
What’s New with ThemeBuilder
Smart Code Editor
Working on custom styling? With the new Smart Code Editor, power users writing complex styles can now not only edit the CSS directly inside ThemeBuilder, but also view both the default theme styles and any customizations side-by-side.
Support for Styling Component Appearance Options
ThemeBuilder now supports all Button & TextBox component variants through a streamlined user interface. You can now create the custom component version you need with different appearances and only view and edit the variants you’re using.
New Kendo UI Theme Color System Support
Enjoy dozens of new dynamic colors in ThemeBuilder. Encompassing our Default, Material, Bootstrap and Fluent themes, the new color system aligns perfectly with design system methodologies, ensuring visual consistency across your applications.