Ignite UI Logo

Build Feature-Rich Web Apps with React Components

Ignite UI for React offers a comprehensive library of enterprise React UI components. Create better React apps faster and add data visualizations with the world's fastest, virtualized, real-time React data grid and streaming financial and business charts. Ignite UI for React also includes the most complete Microsoft Excel solution and 60+ chart types with interactive panning and zooming, touch support and much more.

Ignite UI React Data Grid, built using Ignite UI for React components, showing a visualization of sales data.
React logo

The Fastest React Data Grid

Our lightweight React Data Grid was built to meet the challenge of displaying large amounts of data while providing versatility and performance on any modern browser. A full featured React component with the customization and configuration your users expect, including Data Binding, Sorting, Grouping, Summaries, Data Editing, Export to Excel, and lots more. All with an intuitive API, flexible theming and branding, and minimal code to get started!

View all React Grid Samples

Trusted by the World's Best

Bank of America logo
Intuit Logo
Charles Swab Corporation logo
Blue Yonder logo
Tyler logo

Ignite UI's strength in Excel is truly top-notch... Having features ready for LOB apps and high-quality technical support helped our development.

Hiroshi Kubo, Principal Software Architect for B-EN-G
Toyo Business Engineering

B-EN-G

To continue providing customers with cutting-edge technological features, B-EN-G set out to meet the needs of customers wishing to connect to a new range of devices that make up the Internet of Things (IOT). Read More

Ignite UI for React Charts – Responsive, Mobile & Touch-enabled

Build expressive dashboards, apply deep analytics, and render millions of data points with 60+ real-time React charts and graphs. Including the most asked for pie charts, bar charts and line charts! Ignite UI for React delivers on what your customers are asking for the most – high-performance React components for business charting and stock charting, with rich interactivity and full touch-screen support that will run on any browser on any device!

Dashboard of Ignite for React Charts

A React Chart for Every Occasion

Your React charts shouldn't just be fast; they should include the features that your users need, and that keep your app experience ahead of your competition. With over 60 chart types, plus every common business React chart type, including bar, line, column, pie, area, stacked series, and more – you can visualize your data the way you prefer. In need of React financial stock charts? We offer the same features in our React components that you come across with Google Finance and Yahoo Finance Charts, including Price Overlays, Trendlines, Volume Indicators, Value Overlays, customizable layers, and more.

React Chart Samples 

ignite ui spaceman

React UI Components to Ignite Your Next Project

View All Samples

Inspiration is Everywhere

Jumpstart your next great project with our sample applications and React examples, professionally designed and developed using our library of over 70+ React components for UI and designs to help you create data-rich, responsive web apps that run on all modern browsers and web containers like Electron. Take an app, add your own data, and you’re done!. The goal of our end-to-end demo applications is to help you simplify the development process by learning best-practices approaches to solving real-world problems.

View All Reference Applications

React Live Data Grid

The React Live-Data Grid app demonstrates our React Data Grid, binding thousands of financial records, grouping them by Category, Type, Contact, and live-updating every few milliseconds.

Get the App

React Stock Chart App

The React Stock Chart demonstrates how to use Financial Chart component with our FDC3 Data Adapter to handle ViewChart intent messages sent via OpenFin FDC3 service.

Get the App

Resources

Leverage these helpful resources to learn how to build better React apps, faster.

  • Getting Started with Ignite UI for React Get started with your next project faster or update your existing application using Ignite UI for React. Just follow these simple steps. Learn More
  • Ignite UI CLI for React Our CLI tools provide project templates pre-configured for the Ignite UI for React toolset that help you get your next application off the ground in record time. Learn More
  • UI Toolkit Standardization Leveraging a standard UI toolkit can help reduce project development and testing time by 33%. Read this whitepaper and learn how your organization can reduce time-to-market and development costs. Learn More
  • Ignite UI CLI
  • Ignite UI CLI for React
  • Ignite UI Toolkit Standardization

Help and Samples

Everything you need to get started with your next React project!

Accelerate Your App Creation by 80%

What if you could skip the complex iterations and costly errors that occur across design and development teams that delay app creation?

Now you can with Indigo.Design, a digital product design platform that accelerates app delivery. Included in Infragistics Ultimate, Indigo.Design is the only complete design-to-code system on the market that integrates prototyping, design systems, user testing, app building and code generation. With the new Cloud-based, WYSIWYG drag & drop tool so you can build complete business apps faster than ever before, saving both time and money!

Choose the Plan that's Right for You!

Good Value

The comprehensive, UI components library for React.

$0 per developer, royalty-free subscription

Multi-year discount

No multi-year discounts available.
Great Value

The comprehensive UI components library for web, mobile, and desktop.

$0 per developer, royalty-free subscription

Multi-year discount

No multi-year discounts available.
Ignite Rocket

Join the Conversation

Frequently Asked Questions

Questions and Answers for Ignite UI for React

What is Ignite UI for React?

Ignite UI for React is a complete library of React components for building data-rich and responsive web apps, including 60+ data charts and graphs, data grids and tables, and user interface (UI) components.

What is Ignite UI CLI for React?

The Ignite UI CLI represents a stand-alone command-line tool that helps you build and scaffold applications for numerous frameworks. The CLI tools provide a variety of templates for your project which are pre-configured for the Ignite UI for React toolset. You can also add your own templates to the CLI to accelerate adding components to your projects.

What are React components?

A React component is a class that contains a reusable function which returns a template that includes a piece of user interface represented by HTML, JavaScript and CSS. Examples of React components include complex UI controls like Data Charts or Data Grids, or simple elements like DIV’s with HTML elements.

How to organize React components?

React does not have specific requirements and ways as to where your components should go or how they should be organized. This is up to developers working on the project. Here are several approaches:
  • Organizing components by Type - Similar elements are systematized in the same place. React components live in a components folder. Styles, in a styles folder. And so on.
  • Organizing components by Similarity - This type of organizing React components ensures that everything a component needs remains as close to the component as possible.
  • Organizing components by Functional Area – Placing components by app function, like “Customer” would have all related Customer components for Customer screens/functionality.

How to test React components?

The way in which testing React components is possible to be done falls into two general categories:

  • Rendering component trees – where a hierarchical tree of React components describes the user interface and encapsulates every aspect of the application that a user sees and interacts with in their browser.
  • Running a complete app – this happens in a realistic browser environment. This process is referred to as “end-to-end” tests.

What is the difference between React functional components and class components?

  • Functional components in React are simply JavaScript functions. There is no render method used here. Functional components work by accepting properties (props) as an argument and then return a React element.
  • Class Components represent simple classes, consisting of functions which add functionality to your app. It requires render() method to be implanted here.

What makes Ignite UI for React different from other UI toolkits?

Ignite UI for React is the most complete library of enterprise-grade, React UI components available. Professionally designed and developed, Ignite UI for React provides you with everything you need to build modern, progressive web apps. All backed by Infragistics 30+ years of industry leadership and our award-winning live support.

How does the pricing and licensing for Ignite UI for React work?

Ignite UI for React is licensed via a subscription model. A single developer license starts at $750.00 USD for a one-year subscription, including one year of standard support and updates. We also offer discounts for multi-year licenses. Please refer to our Pricing page for more information on pricing.

How do I get started with Ignite UI for React?

The best place to begin is with our Getting Started Documentation.

Where can I find React component samples and sample applications?

The team at Infragistics maintains a comprehensive library of React code samples which you can access here. We also maintain a library of sample applications, which you can access here.

Connect with Infragistics

Follow Us for the Latest News and Updates

Ignite Rocket