Explore Wijmo's React UI Components

Wijmo's React UI grids, charts, inputs, and gauges are feature-rich, extensible, and fast.

  • Lightweight: The React interop module is less that 7K in size, and our most popular component, FlexGrid, has a base size of 113 KB
  • No dependencies: Our React UI components are written in TypeScript, and you can use TSX in React
  • Easy-to-read, flexible API: Experience a low learning curve with the API
  • Extensible: Components have simple cores with as many extensibility points as possible
  • Familiar: Grids and charts are designed for an Excel-like experience
  • Best support: Our team offers the best support and resources you'll find for React UI components.

FlexGrid, the Best React UI Datagrid

Get the industry's most flexible, lightweight datagrid with all the benefits of React.

Basic Features

Advanced Features

Learn More Get Started With FlexGrid
Demo
HTML Markup

FlexGrid React UI demo and markup - click images to enlarge.

FlexChart, A Fast, Flexible React UI Chart Component

This lightweight React UI chart component includes all the key features and Excel-like chart types you need.

Basic Features

Chart Types

Get Started With React UI FlexChart
Demo
HTML Markup

FlexChart React demo and markup - click images to enlarge.

React UI Touch-first Gauge Components

Our React gauge component has built-in touch features and animation

Built-In Features

Gauge Types

Get Started With Gauges
Demo
HTML Markup

Gauge components React demo and markup - click images to enlarge.

Mobile-First React UI Input Components

Our React UI input component allows you to create hybrid apps with rich forms

Built-In Features

Input Types

Get Started With Input
Demo
HTML Markup

Input components React demo and markup - click images to enlarge.

Wijmo, React, and TypeScript

React UI Components Written in TypeScript
  • You’ll get a seamless transition from Wijmo components to React
  • IntelliSense is supported in TypeScript
  • You’ll get design-time error checking
  • You can enjoy the benefits of ES6 today, like true object-orientation with our CollectionView class, which has the same object model as its XAML counterpart
  • Wijmo includes framework-agnostic ReactUI components, you can easily migrate between frameworks, without a need for a new component

View All Wijmo React Demos
Wijmo’s Deep Integration with React

Support and Learning

Related Blog Post

How to Create Editable DataGrids in a React Redux Application
How to Create Editable DataGrids in a React Redux Application

Here, we'll create an application that uses a React datagrid demonstrating how to edit an array from the Redux Store.

The Best React Datagrid
The Best React Datagrid

Walk through the steps to add React's best and most powerful datagrid—FlexGrid—to your web app using only create-react-app and Wijmo.

How to Build a Sales Dashboard with React
How to Build a Customizable React Datagrid in Minutes

We'll discuss what makes datagrids so useful as UI elements and why Flexgrid is the best React datagrid, using it to create an interactive React datagrid.

Create a Dynamic Dashboard in ReactJS
Create a Dynamic Dashboard in ReactJS

We created a Dynamic Dashboard sample and made that available to our users. Since then, we received a significant amount of feedback, including interest in the drag-drop implementation, touch support, and component design.

How to Use Wijmo in ReactJS Apps blog
Build Great Data Visualizations with React

In this article, we'll walk through the steps required to create a dynamic visualization using React.

Wijmo React UI Components

Award-Winning React UI Components

Wijmo Core - Top 50 Product - 2020 ComponentSource

Wijmo Enterprise - Top 50 Product - 2020 ComponentSource

Wijmo - Top 50 Product - 2019 ComponentSource

GrapeCity - #2 Publisher - 2018 ComponentSource

ComponentOne Ultimate - Top 25 Product - 2018 ComponentSource

Wijmo Core - Top 50 Product - 2018 ComponentSource

Wijmo Enterprise - Top 100 Product - 2018 ComponentSource

Wijmo Enterprise - Bronze, Web Design & Development Tools and Frameworks
Visual Studio Magazine’s 2017 Reader’s Choice Awards

Free E-Book - JavaScript UI Frameworks

How to Choose the Best JavaScript Framework for Your Team

How to Choose the Best JavaScript Framework for Your Team​

As Stack Overflow’s five-year holder of “the most popular programming language” title, JavaScript is popular and more accessible than ever, but the breadth and depth of learning resources can challenge even the most dedicated researcher. This E-Book distills the most current information on JavaScript and its supporting frameworks into a single, readable volume.

You’ll learn:

  • About JavaScript frameworks, software design patterns, and how frameworks support modern web apps
  • The basic history and purposes of JavaScript’s top frameworks, including:
  • AngularJS
  • Angular
  • React
  • Vue
  • Knockout
  • How to integrate a basic component in pure JavaScript and the five frameworks described
  • The SPEC method, which allows you to determine which framework is best suited to your project based on your priorities
  • How migrating to a new framework will shift based on your selection

GET THE FREE E-BOOK Try the SPEC method

Next Steps

Compare Products
Launch Demo
Download Free Trial

  • © GrapeCity, Inc. All Rights Reserved.  ·  1.800.858.2739

    All product and company names herein may be trademarks of their respective owners.