Extensive Angular Components Library | Kendo UI for Angular (2024)

Angular 17 Support

Kendo UI for Angular

110+ fully native components for building high-quality modern Angular UI in no time

Start Free Trial

30-day FREE trial. Free technical support and training during your trial. No credit card requred.

Buy Now

Angular UI tools are also included in DevCraft bundles. Learn more.

Extensive Angular Components Library | Kendo UI for Angular (1)

Everything You Need for Great Angular UI

Kendo UI for Angular delivers components to meet all app requirements for data handling, performance, UX, design, accessibility, and so much more. Here is just some of what Kendo UI for Angular can do.

Get the Code

Ready-to-run project with some of our most popular Angular components.

Full Angular Components Library

Explore 110+ high-quality Angular components.

Start Free Trial

Fully supported 30-day trial of the most complete Angular UI library, themes, documentation and more.

Working with Designers? We got you covered!

It’s easy to collaborate with your designers using Kendo UI for Angular and Kendo UI Kits for Figma. The highly customizable, identical components on both sides set you off to a running start to craft your own design system.

3 Kendo UI KitsReady-to-use UI kits for Figma to match the themes offered with KendoReact: Material, Bootstrap and Default.
Apply Your Brand ColoursCustomize the themes to match your brand colors using our ThemeBuilder tool and Figma.
Make it Truly YoursCreate the foundation of your own design system, iterating beyond colors. We are here to help!

Features

110+ Angular Components

Highly accessible, consistent and easy to use, the most comprehensive Angular components library empowers you to build stunning Angular apps in no time.

Full-featured Data Grid

Leverage our high performance Angular Data Grid including advanced data filtering, grouping, and much more.

Design Tools for Stunning UI

Build modern Angular UI with our professional built-in themes (incl. Material, Fluent and Bootstrap),Progress ThemeBuilder, Figma kits and more.

Award-winning Support

Whether you are on a trial or have a license, we stand behind our components with personal support from the engineers who build the tools.

Detailed Documentation

Remove any obstacles along the way with our detailed documentation and a comprehensive library of learning resources.

Consistent API for Easy Customization

Each Angular UI component and its API are carefully crafted for quality and ease of customization.

Native Angular UI Components

Built for the Angular framework from the ground up, our Angular UI components are designed to be fast, lightweight and easy to customize.

Friendly Licensing

Leverage our user-friendly licensing to match your specific needs. Each license is perpetual and comes with one year of maintenance and support.

Industry-leading Accessibility

Our components support the latest security and accessibility standards, including WCAG 2.2 AA, Section 508 and WAI-ARIA best practices.

Telerik is trusted by these household names

Extensive Angular Components Library | Kendo UI for Angular (10)

Explore Our Angular UI Library

110+ High-quality Angular controls, professionally designed themes, ThemeBuilder, and Visual Studio Code Productivity Tools.

Featured Components

Angular Data GridAdvanced data table covering all features from paging, sorting, filtering, editing, and grouping to row virtualization, exporting to PDF and Excel, and accessibility support.
Angular ChartsQuickly and easily create the exact chart you need to fit your specific requirements with all popular chart types, deep customizability, interactivity, and more.
Angular SchedulerEmbed an Outlook-style calendar to your productivity apps and customize to fit your business requirements; all with minimal code.

Charts

  • Area Chart
  • Bar Chart
  • Box Plot
  • Bubble Chart
  • Bullet Chart
  • Charts Updated
  • Donut Chart
  • Funnel Chart
  • Heatmap
  • Line Chart
  • Pie Chart
  • Polar Chart
  • Pyramid Chart
  • Radar Chart
  • Range Area Chart
  • Scatter Chart
  • Sparkline
  • Waterfall Chart

Editor

  • Rich Text Editor

TreeList

  • TreeList

Scheduler

  • Gantt Chart
  • Scheduler Updated

Progress Bars

  • ChunkProgressBar
  • CircularProgressBar
  • Progress Bar

Buttons

  • Button
  • ButtonGroup
  • Chip
  • ChipList
  • DropdownButton
  • Floating Action Button
  • SplitButton

Common Features

  • Data Query
  • Date Math
  • Drag-and-Drop
  • Drawing
  • Excel Export
  • PDF Export
  • PDFViewer
  • Spreadsheet Updated

Conversational UI

  • AIPrompt New
  • Conversational UI

Indicators

  • Badge
  • Loader
  • Skeleton

Diagrams and Maps

  • Map

Date Inputs

  • Calendar
  • DateInput
  • DatePicker
  • DateRange
  • DateTimePicker
  • MultiViewCalendar
  • TimePicker

Dialogs

  • Dialog
  • Window

Labels

  • FloatingLabel
  • Label

Icons

  • Icon
  • SVGIcon

Design

  • Typography

Navigation

  • ActionSheet
  • AppBar (NavBar)
  • BottomNavigation
  • BreadCrumb
  • Drawer

Dropdowns

  • AutoComplete Updated
  • ComboBox Updated
  • DropDownList
  • DropDownTree
  • MultiColumnComboBox Updated
  • MultiSelect Updated
  • MultiSelectTree

Gauges

  • ArcGauge
  • CircularGauge
  • LinearGauge
  • RadialGauge

Grids

  • Grid Updated
  • PivotGrid

Upload

  • File Saver
  • File Select
  • Upload

Inputs

  • Checkbox
  • ColorGradient
  • ColorPalette
  • ColorPicker
  • FlatColorPicker
  • FormField
  • MaskedTextBox Updated
  • NumericTextBox Updated
  • RadioButton
  • RangeSlider
  • Signature
  • Slider
  • Switch
  • TextArea
  • TextBox
  • TreeView

Bar & QR Codes

  • Barcode Generator
  • QR Code

Data Tools

  • Filter
  • Pager

Layout

  • Avatar
  • Card
  • ContextMenu
  • ExpansionPanel
  • GridLayout
  • Hint
  • ListBox
  • ListView
  • Menu
  • Notification
  • PanelBar
  • Popover
  • Popup
  • Ripple
  • ScrollView
  • Sortable
  • Splitter
  • Stacklayout
  • Stepper
  • TabStrip
  • TileLayout
  • Toolbar
  • Tooltip

More Than Just an Angular Component Library

We combine our UI components with front-end documentation and tools into a Design System Kit to help you satisfy your styling requirements and produce consistent UI without hassle.

Front-End DocumentationLeverage our detailed design and frond-end documentation on how to make the necessary customizations to Telerik and Kendo UI themes.
ThemeBuilderPoint, click and customize its built-in themes and avoid tedious CSS. Choose between the free ThemeBuilder or subscribe to ThemeBuilder Pro, Ultimate, or Enterprise for deeper customization options.
Figma KitsDesigners 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.

Visual Studio Code Extension

Maximize your efficiency with the Kendo UI Productivity Tools VS Code Extension, featuring a wide range of developer-friendly tools to facilitate project creation and integration of Kendo UI for Angular components.
Visit the following pages for more information:

VS Code Extension Overview Angular Project Wizard Angular Code Snippets Angular Scaffolders (beta)

Extensive Angular Components Library | Kendo UI for Angular (14)

Embedded Reporting

Transforming raw data into actionable insights is the core function of reporting. Simplify development workflow with an intuitive embedded reporting tool that helps developers enable business users to easily create, edit and view reports on their own. Embed Reporting into Angular, React, Blazor, ASP.NET Core, WinForms, WPF and more apps. You can buy Kendo UI for Angular and Reporting in DevCraft Complete and Ultimate bundles.

Learn more about Telerik Reporting Explore Embedded Reporting for Business Users Check out Report Designers Check out Report Viewers

Extensive Angular Components Library | Kendo UI for Angular (15)

Virtual Classroom

Telerik Virtual Classroom provides step-by-step video tutorials for a variety of JavaScript and .NET products. It is the perfect place to get started with Kendo UI for Angular and accelerate your onboarding process.

From installation to advanced features, this course equips you with the essential skills and knowledge to kickstart your Angular journey.

Learn More

Extensive Angular Components Library | Kendo UI for Angular (16)

Flexible Packaging Tailored to Your Needs

The Kendo UI bundle is the best option if you’re focused on JavaScript development. If you work with .NET technologies or need a reporting, mocking or testing solution, the DevCraft bundle offers the most value for money—and the most power.

Extensive Angular Components Library | Kendo UI for Angular (17)

Buy Kendo UI Bundle

Buy Kendo UI bundle with all four component libraries built natively for jQuery, Angular, React and Vue.

See Pricing

Starting at $1,049

Extensive Angular Components Library | Kendo UI for Angular (18)

Buy DevCraft Bundle

Get the complete bundle of .NET controls, JavaScript components, reporting, automated testing and productivity tools.

See Pricing

Starting at $1,499

Largest Developer Community

Largest Developer Community

Over 3,000,000 developers participate in the Telerik/Kendo community.

Developer Outreach

Our team of Developer Advocates are always writing, coding, talking, and creating. Find them in our blogs, at events, on YouTube, and even on Twitch.

Learning Resources Get Your Started Quickly

Extensive and detailed documentation and demos help you get started quickly. Beginners can also take advantage of our Virtual Classroom for more in-depth training.

275K+customers

3.4M+developers

400+awards

Angular Tutorials and Learning Resources

Our expertise at your service! Check out more Angular resources.

Extensive Angular Components Library | Kendo UI for Angular (19)

Angular Basics

Easy-to-follow Angular tutorials to help you grasp Angular fundamentals.

Extensive Angular Components Library | Kendo UI for Angular (20)

Angular Basics: How To Get the Value of a Selected Dropdown Menu Item

Have you ever had to ask, “How do I get the value of the selected dropdown menu item in Angular?” Let’s answer that!

Learn More

Extensive Angular Components Library | Kendo UI for Angular (21)

Angular Basics: CanActivate—Introduction to Routing Guards

Today we will look at how we can make sure the routes we create in Angular are accessed by the right people and that we prevent unauthorized access to routes that are private.

Learn More

Extensive Angular Components Library | Kendo UI for Angular (22)

Angular Basics: Setting up Child Routes in Angular 12

Child routes, or nested routes, will let you take your Angular routing to the next level.

Learn More

See All Angular Basics Tutorials

Kendo UI for Angular Component Tutorials

Learn from the experts on how to use various Kendo UI for Angular components and features.

Extensive Angular Components Library | Kendo UI for Angular (23)

Create Any DropdownList or ComboBox You Need With Kendo UI for Angular

The five comboboxes/dropdown lists that come with the Kendo UI for Angular toolkit let you get exactly the UI you want. But all of the components share their functionality so you don’t have to learn five different controls to leverage them all.

Learn More

Extensive Angular Components Library | Kendo UI for Angular (24)

3 Ways to Select Dates in Angular Forms using Kendo UI Date Input Components

In this article, we’ll look at three different ways of selecting dates using different Date Input components by Kendo UI.

Learn More

Extensive Angular Components Library | Kendo UI for Angular (25)

Building a More Powerful and Faster Data Grid With Kendo UI for Angular

Today, let’s see how the Kendo UI for Angular Grid can be used to create a robust data grid, and how it compares to Angular Material.

Learn More

More Angular UI Resources

Video Library

Visit our video library covering a variety of subjects and archived streams such as Alyssa Nicoll’s UI Fridays.

Code It Live

Join us for informal and fun instructional sessions, tech chats, parties, and more.

Webinars

Join more formal sessions about releases, tech concepts, and specific components.

Get in Touch

We’re looking forward to hearing from you.

Product Forum

Get answers to your questions about Kendo UI for Angular.

Browse Forums

Feedback Portal

Have an idea how Kendo UI for Angular could be even better? We’d love to hear it.

Visit Feedback Portal

Technical Support

Submit a ticket and get support from the developers who are building the library.

Get Support

Frequently Asked Questions

  • What is an Angular UI library?
  • How easy is it to get started with Kendo UI for Angular Components?
  • What are the benefits of using Kendo UI for Angular Components?
  • What are the benefits of using Angular?
  • What is Angular?
  • What are the Angular UI Components Used for?
  • What are the most popular Kendo UI for Angular components?
  • Where can I find Kendo UI for Angular Components sample apps and demos?
  • What is the price of Kendo UI for Angular Components?
  • Is Kendo UI for Angular a JavaScript library?
  • What support options does Kendo UI for Angular Components offer?

What's New with Kendo UI for Angular

Extensive Angular Components Library | Kendo UI for Angular (26)

New component: Kendo UI for Angular AIPrompt

The brand-new Kendo UI for Angular AIPrompt component offers a wide range of functionalities – from generating responses to writing prompts and interacting with AI outputs, to executing a set of predefined commands.

Extensive Angular Components Library | Kendo UI for Angular (27)

Kendo UI for Angular Spreadsheet: Multiple Enhancements

The Angular Spreadsheet is now enriched with a convenient context menu, delivering advanced capabilities, such as the ability to copy and paste content from the clipboard directly into the cells or to fine-tune the rows and columns appearance.

Extensive Angular Components Library | Kendo UI for Angular (28)

Kendo UI for Angular Scheduler: Multiple Enhancements

Now you can utilize a convenient year view, enabling you to display the events in a twelve-month period. Additionally, you can easily customize the visible range of the Timeline, Timeline Week, and Timeline Month view.

More new and planned features

Extensive Angular Components Library | Kendo UI for Angular (29)

Get Started with Kendo UI for Angular

Start Free Trial

Extensive Angular Components Library | Kendo UI for Angular (30)

Extensive Angular Components Library | Kendo UI for Angular (2024)
Top Articles
Latest Posts
Article information

Author: Carmelo Roob

Last Updated:

Views: 5974

Rating: 4.4 / 5 (65 voted)

Reviews: 88% of readers found this page helpful

Author information

Name: Carmelo Roob

Birthday: 1995-01-09

Address: Apt. 915 481 Sipes Cliff, New Gonzalobury, CO 80176

Phone: +6773780339780

Job: Sales Executive

Hobby: Gaming, Jogging, Rugby, Video gaming, Handball, Ice skating, Web surfing

Introduction: My name is Carmelo Roob, I am a modern, handsome, delightful, comfortable, attractive, vast, good person who loves writing and wants to share my knowledge and understanding with you.