The Fastest Data Grid
Render, scroll, sort and edit 100,000+ rows at a steady 60 FPS, and millions of rows through enterprise virtualization. Performance stops being a feature you have to negotiate away.
React UI Components for Data-Rich Enterprise Apps
Craft modern web app experiences using the most comprehensive UI library of modular React Components and the fastest data grid optimized for speed and performance. Now including 100+ Premium controls and 50+ production-ready, open-source components to reduce friction across development teams and accelerate the delivery of your next application.
Get Started for Free- 100+ Premium React controls
- 50+ MIT-licensed OSS controls
- Hooks, TypeScript and Redux ready
- 24x5 support
ERP Inventory Grid
Stock levels, reorder points and supplier detail across 250K rows.
HR Portal
Org hierarchy with expandable reporting lines, pinned columns and export.
Financial Portfolio
Asset tracking and profit-and-loss analysis with interactive dynamic charts.
Fleet Management
Vehicle records with master-detail rows, status filters and dark theming.
- 2M+ developers
- 60+ React charts
- 24x5 support
- 35+ years in business
Trusted by industry leaders
Why Ignite UI for React
Three Things Other React Libraries Can’t Give You
We don’t compete on component count. We compete on the components enterprise applications live or die on, and on how well your team, and your AI, can build with them.
AI-Grounded Development
Your AI. Your IDE. Your standards. Our APIs. MCP servers and Agent Skills feed agents live, versioned React component APIs and your own design tokens — so generated code compiles and matches your design system.
Enterprise UI, Production-Ready
Dock Manager, pivot grids, spreadsheets and financial charting. Each one is a multi-quarter build if your team owned it, and a multi-quarter maintenance burden after that. We ship them production-ready, so that’s budget and roadmap time back for the app itself.
Live samples
React Component Examples and Samples
Get started on your next project with over 100+ React UI components and React component examples. We have over a dozen React samples with beautiful styling, data access and best practices for React components and React app building.
DataGrid.tsx
Grids
Data Grid
The full-feature virtualized grid: sorting, grouping, editing and Excel export.
Learn more in docsFinancialGridLiveUpdating.tsx
Grids
Financial grid, live updating
A ticking price grid with conditional formatting and pinned columns.
Learn more in docsTreeGrid.tsx
Grids
Tree Grid
Hierarchical rows from a flat or nested source, with summaries at every level.
Learn more in docsHierarchicalGrid.tsx
Grids
Hierarchical Grid
Parent rows expanding into independently configured child grids.
Learn more in docsPivotGrid.tsx
Grids
Pivot Grid
Drag dimensions and measures to slice multidimensional data in the browser.
Learn more in docsSpreadsheet.tsx
LineChart.tsx
Charts
Line Chart
Continuous series over a category or time axis, with markers and annotations.
Learn more in docsFinancialChart.tsx
Charts
Financial Chart
OHLC and candlestick price data with volume panes and technical indicators.
Learn more in docsColumnChart.tsx
Charts
Column Chart
Vertical categories with grouped, stacked and 100% stacked modes.
Learn more in docsAreaChart.tsx
DataPieChart.tsx
CompositeChart.tsx
Charts
Composite Chart
Several series types on shared axes, each with its own scale.
Learn more in docsBarChart.tsx
DockManager.tsx
Dock Manager
Dock Manager
Floating, docked and pinned panes with layout state you can persist.
Learn more in docsStreamManagerReferenceApp.tsx
Dock Manager
Stream Manager reference app
A broadcast console built from docked panes: preview, activity feed, chat and actions.
Learn more in docsGridLite.tsx
Open Source
Grid Lite
The open-source grid: sorting, filtering, paging and templates, free to ship.
Learn more in docsCarousel.tsx
Open Source
Carousel
Paged content with indicators, autoplay and gesture navigation.
Learn more in docsList.tsx
Open Source
List
Virtualized item rows with headers, avatars, actions and pan gestures.
Learn more in docsTree.tsx
Open Source
Tree
Nested nodes with lazy loading, checkbox selection and keyboard traversal.
Learn more in docsComboBox.tsx
Open Source
ComboBox
Filterable single or multi-select over local and remote item sources.
Learn more in docsDock Manager
Enhanced Customization with Dock Manager
The Ignite UI Dock Manager component provides means to manage the layout of your application through panes, allowing your end-users to customize it further by pinning, resizing, moving and hiding panes.
Get Started for FreeStream Manager
A broadcast console built from docked panes: preview, activity feed, chat and quick actions.
Your AI Coding Assistant,
Grounded in Real API’s
AI coding assistants are only as good as the context they have. Ignite UI's MCP toolchain gives GitHub Copilot, Cursor, Claude Code, and other AI agents live, accurate access to your React component APIs, eliminating hallucinated props, wrong imports, and broken scaffolds.
CLI MCP server
Give your AI the power to scaffold, configure, and extend your Ignite UI project from the command line. The Ignite UI CLI MCP Server turns natural language prompts into CLI commands, letting agents create components, modules, and project structures that follow enterprise architecture conventions.
Agent Skills
Purpose-built instructions that give AI coding assistants the exact component knowledge they need: correct props, import paths, and usage patterns, so agents generate accurate Ignite UI code on the first pass. No prompt engineering required. Works with GitHub Copilot, Cursor, Claude Code, JetBrains AI, and Windsurf out of the box.
AI-Powered Scaffolding
Go from a natural language prompt to a production-ready component scaffold in seconds. Ignite UI scaffolding respects your project structure, framework conventions, and design system, so what AI generates is what your team ships, not a starting point for an hour of cleanup.
From Prompt to Production Component
Ask in plain language. The CLI and MCP server resolve it against live, versioned component APIs, and what lands in your project compiles and matches your design system.
1
You describe it
In plain language
“Add a claims review screen — filterable table, monthly trend, and Excel export.”IgrGridIgrCategoryChartexcel-export
Works from Copilot, Cursor, Claude Code, JetBrains AI or Windsurf — no special syntax.
2
MCP grounds it
Against live component APIs
- Props and imports resolved
typed - Scaffolded with igniteui-cli
4 files - Your theme tokens applied
WCAG AA - Nothing hallucinated to clean up
0 fixes
3
It lands in your project
Themed, accessible, compiling
Open claims
3,418
4.1%
Value
$8.6M
2.4%
Resolved
97.2%
1.2 pts
| Claimant | Value | Status |
|---|---|---|
| Halvorsen Group | $18,240 | Resolved |
| Redwood Mutual | $9,115 | In review |
Refine the prompt and the same loop runs again — only the affected parts change.
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 KuboPrincipal Software Architect, B-EN-G
Case Study
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 the case studyOpen source
Start Free, License When You Need It
50+ controls ship under the MIT license with no revenue cap, team-size limit or employee count attached. Adopt Ignite UI for React without a procurement cycle, ship it commercially for free, and license only when the application needs the grid, charts or Dock Manager.
Open source
Free50+50+ production-ready React components under MIT, installed from npm. Free to ship commercially, whatever your revenue or team size.
- Inputs, layout, navigation and data display
- Grid Lite: sorting, filtering, paging and templates
- Theming, WCAG 2.1 and localization
- MIT licensed: no revenue or seat thresholds
npm install igniteui-reactView the repo on GitHubIgnite UI
Licensed100+Everything in open source, plus the controls enterprise applications are built on and the engineers who maintain them.
- Data Grid, Pivot Grid and Hierarchical Grid
- 60+ React charts, Spreadsheet and Dock Manager
- MCP toolchain and 24x5 engineer support
- The same suite across Angular, Blazor and Web Components
$1,399 per developer, per year
See what is includedUpgrading is a package swap, not a rewrite — same APIs, same theming, same design tokens.
Pricing
Choose the Plan That’s Right for You
Per developer, royalty-free. Every subscription includes standard support and every release in its term, with no runtime fees. Multi-year terms cost less per year.
Ignite UI
$1,189/ year$1,399
3 year term · per developer, royalty-free subscription
- 100+ enterprise-grade UI components for Angular, React, Web Components, and Blazor
- High-performance data grid, charts, and scheduling controls built for real-world scale
- Ready for AI coding & theming assistants with the Ignite UI CLI MCP and Theming MCP servers and Agent Skills
Multi-year discount
Adds phone support and a guaranteed response within one business day.
Infragistics Ultimate
Best value$2,039/ year$2,399
3 year term · per developer, royalty-free subscription
- Everything in Ignite UI and Infragistics Professional
- Plus App Builder: drag-and-drop WYSIWYG with production-ready code output
- Plus Ultimate UI for ASP.NET Web Forms
Multi-year discount
Adds phone support and a guaranteed response within one business day.
Infragistics Professional
$1,359/ year$1,599
3 year term · per developer, royalty-free subscription
- Everything in Ignite UI
- Plus Ultimate UI for Windows Forms and WPF: 100+ controls with source code access
- Plus ASP.NET Core, ASP.NET MVC and jQuery
Multi-year discount
Adds phone support and a guaranteed response within one business day.
| Best value | |||
| Products included | Ignite UI | Infragistics Ultimate | Infragistics Professional |
|---|---|---|---|
| App Builder | |||
| Angular | |||
| ASP.NET Core | |||
| ASP.NET MVC | |||
| jQuery | |||
| Blazor | |||
| React | |||
| Web Components | |||
| Ultimate UI for ASP.NET Web Forms | |||
| Ultimate UI for Windows Forms | |||
| Ultimate UI for WPF |
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. Several approaches: organizing components by Type, where similar elements are systematized in the same place (React components live in a components folder, styles in a styles folder, and so on); by Similarity, which ensures that everything a component needs remains as close to the component as possible; or 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?
Testing React components 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; and running a complete app in a realistic browser environment, a process 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 implemented 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?
Our React components are included as a part of our Ignite UI bundle. A single developer license starts at $1,399 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, along with a library of sample applications. Both are linked from the Resources section below.
Component index
100+ React Components
Every component ships with API documentation, live samples and theming. A selection of the most used controls:
Charts & gauges
Layout & navigation
Resources
Help & Support
Every component carries the same set of resources, so you are never more than two clicks from working React code.
Start Building With Ignite UI for React
Install the package and every grid, chart, layout and input control is available to your project. The Ignite UI CLI and MCP server can do the same steps from a prompt if your team works with an AI assistant.