Design System Kit UI Customization Hero

Progress Telerik and Kendo UI Tools

Implementing Custom UI Doesn’t Have to be Hard

Developers, stop wasting time and energy in needless back-and-forth and grappling with CSS. You can simplify design implementation and go back to building UI and business logic with the unique combination of the Telerik and Kendo UI component libraries and UI customization tools.

Supported technologies:

Angular | React | Vue | jQuery | Blazor | ASP.NET Core | ASP.NET MVC

Design System Kit Hero Illustration

The Key Thing? Adopting a Component
Library that Cares About the Design Process.

The Telerik and Kendo UI component libraries and their family of UI customization tools give developers and designers a common language. This toolkit removes many of the obstacles presented by the design-to-code process and significantly reduces tedious CSS, guesswork, and frustrating back and forth.

Before: A Disconnected World

Designers No Common Language! Developers A a Designers Developers No Common Language!

After: Smooth Collaboration

Flexibility Beautiful, Consistent, Brand-compliant Apps Smooth Collaboration Knowledgeable Partners With Telerik and Kendo UI, you have a solid foundation to create outstanding web apps, and are still free to change your app as needed: designers can incorporate custom elements and be confident that ThemeBuilder can handle them. When designers consult our comprehensive front-end documentation, any visual modifications they make to the components are informed decisions that can be easily implemented. With the ThemeBuilder's Figma import functionality, even when the design needs to be updated, developers will have a much easier time than before. Importing design tokens and converting them to variables takes minutes, not hours. With the help of the Telerik and Kendo UI Kits for Figma, designers have at their hands an exact representation of the Telerik and Kendo UI component libraries their developers use. That's a common language you're speaking! Chaos Badly Implemented Designs Cross-team Friction Guesswork and Miscommunication How No More Say "Yes" to Say "Yes" to Flexibility Beautiful, Brand- compliant Apps Smooth Collaboration Knowledgeable Partners When designers consult our comprehensive front-end documentation, any visual modifications they make to the components are informed decisions that can be easily implemented. How Badly Implemented Designs No More With Telerik and Kendo UI, you have a solid foundation to create outstanding web apps, and are still free to change your app as needed: designers can incorporate custom elements and be confident that ThemeBuilder can handle them. How Chaos No More With the ThemeBuilder's Figma import functionality, even when the design needs to be updated, developers will have a much easier time than before. Importing design tokens and converting them to variables takes minutes, not hours. How Cross-team Friction No More With the help of the Telerik and Kendo UI Kits for Figma, designers have at their hands an exact representation of the Telerik and Kendo UI component libraries their developers use. That's a common language you're speaking! How Guesswork and Miscommunication No More

The Modern UI Library Offers Much More than UI Components

  • What do you need to be a successful web developer?
  • An efficient engineering manager?
  • A UX/design professional whose work gets implemented as planned?

The answer is the same for all three: A professionally built, high-performing and feature-rich component library. One that goes the extra mile, makes UI customization easy and helps you build beautiful apps without the need for complex CSS rules.

Telerik and Kendo UI are top-tier .NET and JavaScript component libraries built with design in mind. With the component libraries as the foundation, you can then add the elements you need to build your powerful design-to-code engine, and ultimately, create beautiful web applications without a hassle.

How Does It Work?

Start with one of our time-tested libraries for your technology of choice, then pick the tools and assets that solve your challenges. Learn more about each one:

Develop

Components

110+ high quality UI components - customizable, accessible and secure.

Customize

Figma Kits

Up-to-date Figma versions of the Telerik and Kendo UI libraries that designers can use to visually manipulate the UI components.

ThemeBuilder

A powerful cloud application and Figma plugin that simplifies applying UI customizations without the need to write complex CSS.

D e v e l o p C u s t o m i z e
Page Templates and
Building Blocks

Easy to copy-paste app-building blocks that lay out combinations of UI components and professionally designed, customizable page templates.

Themes

Versatile and ready-to-use themes for creating consistent, beautiful UI – great to use as-is or customize to apply your brand styles.

Design and Front-End Documentation

Detailed design and front-end docs with interactive demos that enable designers and developers to make advanced UI customizations.

Meet Your Next Favorite UI Library

Dive into the vast list of UI components and explore the many features and resources of your component library of choice by starting a trial:

110+ high-quality, feature-rich UI components

Consistent API for easy customization

Professionally designed themes (Default, Bootstrap, Material, Fluent)

Detailed documentation and additional learning resources

Latest security and accessibility standards support

Legendary support from the engineers who build the tools

Design System Kit Ninja Puzzle
Design System Kit - Tooling BG

Building Blocks and Page Templates

Use predefined UI component layouts to boost productivity and streamline consistency across apps with our polished building blocks. Access a selection of professionally created page templates covering the essentials: dashboards, landing pages and product catalogues and speed up page creation.

Available as part of the UI Accelerator bundle.

Learn More
building blocks thumbnail

eBook, Design Articles, Videos

You can trust that our resident and guest experts have your back with a rich library of free learning resources at the crossroads of design and development. It gets regularly updated so you can stay abreast with the latest information and key tips. Start exploring:

Foundations of Design for Developers eBook Telerik Blogs Design section Video Resources
resources thumbnail

Solving an Even Bigger Challenge? Let’s Build a Design System
Together.

Enable the entire organization to speak the same language so that everyone does their best work. If you’re embarking on a journey to create a custom design system, arm yourself with the powerful Telerik and Kendo UI component libraries, design system assets and tools.

Check out our Design System Kit
Solving Bigger Challenge Illustration

Ready to Make the Next Step?

1. Start a free trial of the component library of your choice:

2. Add the UI customization tools you need:

ThemeBuilder

The owerful cloud application and Figma plugin simplifies creating application styles and applying customizations without the need to write complex CSS.

Page Templates and Building Blocks

Easy to copy-paste app-building blocks that lay out combinations of UI components and professionally designed, customizable page templates. Available for Kendo UI for Angular, KendoReact and Telerik UI for Blazor.

Figma Kits

Enable smooth design-to-development handoff and avoid unnecessary iterations. Make sure your web apps are crafted as designed with the free Telerik and Kendo UI Figma kits, which can be downloaded directly from the Figma Community.

3. Start creating beautiful web apps and enjoy smooth designer-developer collaboration!

Let’s rock!