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

DesignersNo Common Language!DevelopersAa DesignersDevelopersNo CommonLanguage!

After: Smooth Collaboration

FlexibilityBeautiful, Consistent,Brand-compliant AppsSmooth CollaborationKnowledgeable PartnersWithTelerik and Kendo UI, you have a solid foundation tocreate outstanding web apps, and are still free to changeyour app as needed: designers canincorporate customelementsand be confident thatThemeBuildercan handlethem.When designers consult ourcomprehensive front-enddocumentation, any visual modifications they make to thecomponents are informed decisions that can be easilyimplemented.With theThemeBuilder's Figmaimport functionality, evenwhen the design needs to be updated, developers will havea much easier time than before. Importing design tokensand converting them to variables takes minutes, not hours.With the help of theTelerik and Kendo UI Kits for Figma,designers have at their hands an exact representation ofthe Telerik and Kendo UI component libraries theirdevelopers use. That's a common language you'respeaking!ChaosBadlyImplementedDesignsCross-teamFrictionGuesswork andMiscommunicationHowNo MoreSay "Yes" to Say "Yes" toFlexibilityBeautiful, Brand-compliant AppsSmoothCollaborationKnowledgeablePartnersWhen designers consult ourcomprehensive front-enddocumentation, any visualmodifications they make to thecomponents are informed decisionsthat can be easily implemented.HowBadly Implemented DesignsNo MoreWithTelerik and Kendo UI, you have asolid foundation to create outstandingweb apps, and are still free to changeyour app as needed: designers canincorporate custom elementsand beconfident thatThemeBuildercanhandle them.HowChaosNo MoreWith theThemeBuilder's Figmaimportfunctionality, even when the designneeds to be updated, developers willhave a much easier time than before.Importing design tokens and convertingthem to variables takes minutes, nothours.HowCross-team FrictionNo MoreWith the help of theTelerik and KendoUI Kits for Figma, designers have attheir hands an exact representation ofthe Telerik and Kendo UI componentlibraries their developers use. That's acommon language you're speaking!HowGuesswork andMiscommunicationNo 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.

DevelopCustomize
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: dasards, 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 State of Designer-Developer Collaboration 2024 Survey Report 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 UI 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!