Über KendoReact

Native UI- und DataViz-Komponenten für React-Entwickler.

KendoReact is a professional UI kit to build and design apps much faster. The comprehensive React component library has 100+ fully accessible and customizable components, plus 3 Figma design kits. KendoReact saves substantial amounts of time with its ready-to-use professional React UI components, helping you meet all your present and future requirements. What’s more, it will set you up for an easy start of your design system and is flexible enough to be integrated into an existing one.

KendoReact Key Features

  • 100+ responsive and customizable components.
  • 3 design kits for Figma.
  • Theme Builder tool for effortless customization.
  • Can be used with existing design languages (such as Material and Bootstrap) or integrated with your own design system.
  • Small bundle size.
  • Intuitive API.
  • Award-winning technical support.
  • Full accessible: compliant with WCAG 2.0, Section 508 and WAI-ARIA accessibility standards.

100% React
KendoReact is written with TypeScript from the ground up for React. The library is always up to date with the latest framework and browser versions—no maintenance overhead for you.

Kendo UI Kits for Figma
As part of the library, you also get matching Figma design kits, which, together with the React components, can be the perfect foundation of your own design system. The Kendo UI Kits for Figma are design files that make it easier for app developers and designers to collaborate, allowing a seamless transfer of the design to the developers. Each UI kit is a representation of the KendoReact components in visual form. Kendo UI Kit Default, Bootstrap, and Material are the three Kendo UI Kits available for Figma, one for each of the themes included with the KendoReact UI component library.

Kendo UI Theme Builder Tool
The Kendo UI Theme Builder Tool makes it simple to customize UI components to follow your brand guidelines. Your designers can use the Figma kits, change the styles, and apply your brand colors in their projects. You can then enter these colors in the ThemeBuilder app and style the components to match them with the brand requirements.

Popular React UI Components include:

  • React Data Grid – Fast and feature-rich data grid that’s extensible, well maintained and documented. Fully accessible.
  • React Pivot Grid – This customizable Pivot Grid comes with a handful of powerful features, including filtering, sorting, a configurator interface and more.
  • React Charts - Powerful data visualization tool that can fit into any application. This one component includes over 17 different types of charts.
  • React Scheduler - With support for time zone conversions, resource visualization, grouping, editing, and recurring events, this Scheduler component can do a lot with just a few lines of code.
  • React DatePicker - Highly customizable and flexible interface for end users to enter and pick dates supporting different locales.
  • React PDF Generator - Export a selection of or the entire content of a web page to a PDF file - whether the website is built with KendoReact or any other UI library.

Animation

  • Animation

Barcodes

  • Barcode
  • QR Code

Buttons

  • Button
  • ButtonGroup
  • Chip
  • ChipList
  • DropDownButton
  • Floating Action Button
  • SplitButton
  • Toolbar

Charts

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

Common Utilities

  • Drag & Drop Utilities
  • Icon & SvgIcon
  • Typography

Conversational UI

  • Conversational UI

Data Grid

  • Data Grid

Data Query

  • Data Query

Data Tools

  • Filter
  • Pager

Date Inputs

  • Calendar
  • DateInput
  • DatePicker
  • DateRangePicker
  • DateTimePicker
  • MultiViewCalendar
  • TimePicker

Date Math

  • Date Math

Dialogs

  • Dialog
  • Window

Drawing

  • Drawing Library

Dropdowns

  • AutoComplete
  • ComboBox
  • DropDownList
  • DropDownTree
  • MultiColumn ComboBox
  • MultiSelect
  • MultiSelectTree

Editor

  • Editor

Excel Export

  • Excel Export

File Manager

  • FileManager Template

File Saver

  • File Saver

Form

  • FieldArray
  • FieldWrapper
  • Form
  • FormElement

Gantt Chart

  • Gantt Chart

Gauges

  • ArcGauge
  • Circular Gauge
  • LinearGauge
  • RadialGauge

Indicators

  • Badge
  • Loader
  • Skeleton

Inputs

  • Checkbox
  • ColorGradient
  • ColorPalette
  • ColorPicker
  • FlatColorPicker
  • Input
  • MaskedTextBox
  • NumericTextBox
  • RadioButton
  • RadioButtonGroup
  • RangeSlider
  • Rating
  • Signature
  • Slider
  • Switch
  • TextArea

Labels

  • Error
  • Floating Label
  • Hint
  • Label

Layout

  • AppBar
  • Avatar
  • BottomNavigation
  • Breadcrumb
  • Card
  • ContextMenu
  • Drawer
  • ExpansionPanel
  • Grid Layout
  • Menu
  • PanelBar
  • Splitter
  • Stack Layout
  • Stepper
  • TabStrip
  • TileLayout

ListBox

  • ListBox

ListView

  • ListView

Map

  • Map

Notification

  • Notification

PDF Processing

  • PDF Generator
  • PDF Viewer

PivotGrid

  • PivotGrid

Popup

  • Popup

Progress Bars

  • ChunkProgressBar
  • ProgressBar

Ripple

  • Ripple

Scheduler

  • Scheduler

ScrollView

  • ScrollView (Carousel)

Sortable

  • Sortable

TaskBoard

  • TaskBoard

Tooltips

  • Popover
  • Tooltip

TreeList

  • TreeList

TreeView

  • TreeView

Upload

  • External Drop Zone
  • Upload

Navigation

  • ActionSheet