Progress Design System Kit
Everything Development and Design Teams Need to Customize UI
Resources for developers and designers to make custom style implementation easier than ever.
The Progress Design System Kit
The Design System Kit makes the design implementation and UI customization process as smooth as possible by reducing tedious CSS, guesswork, and back and forth between engineering and design. It does this by giving you the resources you need to implement your own design system using the Progress Design System as a foundation.
Industry Leading UI Component Libraries
Our hundreds of UI components cover all popular web technologies and are ready-to use. They are highly customizable and seamlessly integrated into your customized design system.
Page Templates and Building Blocks
New
Utilize a variety of professionally designed and easily customizable Page Templates and Building Blocks that layout combinations of UI components in a consistent and modern manner. Available for Kendo UI for Angular, KendoReact, Telerik UI for Blazor and Telerik DevCraft.
Learn More About the Page Templates and Building BlocksProfessionally Designed Themes
The Progress Design System includes four professionally designed themes that ensure a modern, consistent, and accessible UI across all components. These include Progress Default, Fluent, Material, and Bootstrap. Use them as they are right out of the box or customize them to fit your specific requirements.
Read More About the Included ThemesComprehensive Design System Documentation
Developers or designers can use our detailed design and front-end documentation on how to make the necessary customizations to Telerik and Kendo UI themes and make your apps comply with design guidelines and requirements.
ThemeBuilder
Developers or designers can use the ThemeBuilder to style their components globally or granularly while avoiding tedious CSS. Once customizations are complete, ThemeBuilder will give you a theme you can apply to any project that uses our component libraries.
Figma UI Kits
Designers using Figma leverage our design kits to mock up design changes directly to representations of our components. These are free and will help streamline the communication between you and your design team.
Learning Resources
Our design experts are constantly teaching the community about both design concepts and best practices with our solutions.
Design and Design System Learning
Design System Kit Best Practices
