React Components Documentation - KendoReact

What is KendoReact

Using KendoReact Free

Most Popular KendoReact Components

React Data Grid

The Data Grid allows users to browse, edit, filter, group, sort, select, and export tabular data.

The Charts allow users to visualize and output graphical representations of data.

The Editor enables users to create rich textual content through a WYSIWYG interface.

The Form is a small and fast package for form state management.

React Scheduler

Let users view and edit their event calendars with the Scheduler.

Export any portion of a React application to PDF with PDF Processing.

Sample React Applications

title

Built with Free Components Only

Project Tracker App

title

React StockCharts

title

React Personal Finance

title

React Admin Dashboard

Two Paths Forward

Start Building with Free Components

50+ robust React components, one npm-install away. Suitable for most scenarios.

Use Our Free Components

Solve Complex Challenges with Premium Components

120+ feature-rich components. Suitable for building high-performance business apps.

Start Free Trial

KendoReact Components

Animation Expand Fade Push Reveal Slide Zoom

Barcodes

Barcode

QR Code

Buttons Button ButtonGroup Chip ChipList DropDownButton

FloatingActionButton SplitButton

Toolbar

Chart Wizard

Conversational UI

AIPrompt

Chat

Common Utilities Drag&Drop

Icon SVGIcon Typography Keyboard Navigation

Data Tools Pager Filter

DataSource

Date Inputs Calendar DateInput DatePicker DateRangePicker

DateTimePicker MultiViewCalendar

TimePicker

Dialogs Dialog Window

Dropdowns AutoComplete ComboBox

DropDownList DropDownTree

MultiColumnComboBox

MultiSelect MultiSelectTree

Editor

Form

Gantt

Gauges

ArcGauge

LinearGauge

RadialGauge

CircularGauge

Data Grid

Indicators Badge Loader Skeleton

Inputs Checkbox ColorPicker

ColorGradient

ColorPalette FlatColorPicker

Input MaskedTextBox NumericTextBox RadioButton RadioGroup RangeSlider

Rating Signature

Slider Switch TextArea TextBox

Labels Label Floating Label Hint Error

Layout ActionSheet AppBar Avatar BottomNavigation Breadcrumb Card ContextMenu Drawer ExpansionPanel GridLayout Menu PanelBar Splitter

StackLayout Stepper TabStrip TileLayout TimeLine

ListBox

ListView

OrgChart

Map

Notification

PivotGrid

Popup

Progress Bars ProgressBar ChunkProgressBar

Ripple

Scheduler

ScrollView

Sortable

TaskBoard

Tooltips Tooltip Popover

TreeList

TreeView

Upload

ExternalDropZone

Excel Export

PDF Viewer

Spreadsheet

Data Query

Date Math

File Saver

Drawing

Styling

Styling Design Kits for Figma Customizing Themes Icons ThemeBuilder Building Blocks and Page Templates

Project Setup

Activating Your License Key Using with .NET Core Using with scripts Using in Progressive Web Applications Using with Server Side Rendering Obtaining Source Code Obtaining Development Builds System Requirements VS Code Extension

Not finding the help you need?

Contact Support