React Components - DevExtreme React (2024)

• Bootstrap new apps with CLI
• Leverage 70+ UI components
• Manage large data sets
  with ease

• Bind your UI to real-time data
• Brand your app and customize as needed
• Deliver solutions for desktops and your
  mobile world

Ready-to-Use React UI templates are included atno-charge

With DevExtreme, you don’t have to waste time implementing conventional UI/UX patterns for your React projects. DevExtreme’s professional UI Template gallery includes responsive React UI templates for dozens of enterprise usage scenarios.

DevExtreme-powered React web and mobile apps inminutes

With DevExtreme, you can focus on your business requirements rather than tedious boilerplate code. Our interactive CLI engine is built atop the create-react-app project. Create new responsive React applications with built-in navigation menus and authentication forms via a single CLI command.

Getting Started

Your Goals, OurMission

Master technical concepts with our React-specific help topics, code examples, and demo galleries. Believe it or not, our online demo gallery includes more than 450 interactive task-based React demo projects.

Meet Deadlines and OvercomeObstacles

We are here to help.
We will do our best to answer your support questions in a timely manner and make certain to meet and exceed expectations whenever possible.

React Data Grid

Responsive React DataGridComponent

With the DevExtreme Data Grid, you can manage/edit/shape information as business needs dictate. Our blazing-fast React Data Grid includes numerous data shaping/data editing/data layout options.

React TreeList

A List View-TreeView Hybrid UIComponent

A high-speed, easy-to-use UI widget that combines the power of a traditional grid with a treeview in a single React UI component.

React Forms & Editors

Responsive Form Layout Component and a Feature-Complete Suite of DataEditors

Our responsive React Form component will help you deliver user experiences that meet and exceed expectations. With DevExtreme, you can deliver elegant data forms with minimal effort. Our React UI library allows you to auto-generate editors based on your data structure or customize its auto-generated layout as needs dictate.

React Charts & Gauges

Interactive and High-Performance Data VisualizationComponents

DevExtreme includes a comprehensive suite of React visualization components for analytics and business intelligence needs. From 30+ React chart types to polished gauge widgets, all DevExtreme data visualization UI components include real-time data update support.

React Pivot Grid

Multi-Dimensional Analytics at YourFingertips

The DevExtreme Pivot Grid ships with a highly optimized client-side data engine - an engine that can process up to 1,000,000 records on the fly directly within any modern browser.

React Scheduler

A Sophisticated JavaScript SchedulerComponent

Our feature-complete and responsive React Scheduler component allows users to manage data across different time zones and manage events as needs dictate. The library includes a comprehensive set of built-in views (day, week, month, etc).

React File Manager

Manage Your Local, Remote and Cloud FileSystems

Our React File Manager and File Upload components will help you organize files and folder structures with ease. Your users can upload files using drag-and-drop or via an integrated web browser dialog.

React Mapping

Google, Bing, and VectorMaps

Integrate elegant, interactive maps within any React-powered web/mobile app. The DevExtreme Map component can use multiple map providers/data sources.

Data Management and Analysis

Forms & Editors (Data Editing)

Data Visualization

Layout & Navigation

Actions & Lists

Dialogs & Notification Panels

Best-in-Class Support

Code with confidence

Our objective is to help you address business requirements in the shortest possible timeframe. Your peers routinely tell us that DevExpress Support is second-to-none.