Explore Wijmo's React UI Controls

Wijmo's 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 control, FlexGrid, has a base size of 113 KB
  • No dependencies: Our true JavaScript controls 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: Controls 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 controls.

 

FlexGrid, the Best React Data Grid

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

Basic Features

Advanced Features

Get Started With FlexGrid
Demo
HTML Markup

FlexGrid React demo and markup - click images to enlarge.

FlexChart - a Fast, Flexible React Chart Control

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

Basic Features

Chart Types

Get Started With FlexChart
Demo
HTML Markup

FlexChart React demo and markup - click images to enlarge.

Touch-first Gauge Controls

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

Built-in Features

Gauge Types

Get Started With Gauges
Demo
HTML Markup

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

Mobile-first Input Controls

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

Built-in Features

Input Types

Get Started With Input
Demo
HTML Markup

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

Wijmo, React, and TypeScript

True JavaScript Controls Written in TypeScript
  • You’ll get a seamless transition from Wijmo controls 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 true JavaScript controls, you can easily migrate between frameworks, without a need for a new control

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

Support & Learning

Related Blog Post

The Best React Data Grid
The Best React Data Grid

Walk through the steps to add React's best and most powerful data grid—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 Data Grid in Minutes

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

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 Controls

Award-winning JavaScript Controls

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 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 control 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