Skip to content
Live Demo from Reveal: How AI is changing embedded analytics workflows
Save my Seat
Infragistics
Ignite UI

Build Modern Apps Fast with
High-Performance Angular Components

A complete library of feature-rich Angular components, material-based UI controls, including the fastest Angular data grid optimized for speed and performance. Now including 50+ production-ready, open-source components to reduce friction across development teams and accelerate the delivery of your next application.

Get Started for Free
  • Angular 17+, standalone ready
  • 100+ native Angular components
  • 50+ MIT-licensed OSS controls
  • WCAG 2.1
  • No third-party dependencies

Financial Portfolio

Asset tracking and profit-and-loss analysis with interactive dynamic charts.

igx-grid · live updates · sparklinesLaunch full size
Ignite UI for Angular financial portfolio sample
  • 2M+ developers
  • 60+ Angular charts
  • 24x5 support
  • 35+ years in business

Trusted by industry leaders

Fidelity InvestmentsWells FargoBank of AmericaMorgan StanleyExxonMobilIKEA

Why Ignite UI for Angular

Three Things Other Angular 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.

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.

AI-Grounded Development

Your AI. Your IDE. Your standards. Our APIs. MCP servers and Agent Skills feed agents live, versioned Angular 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, query builders 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

Start From Working Angular Code

Every sample runs the real component against the real API. Copy the markup into your project unchanged.

data-grid.component.html
Ignite UI grids sample: Data Grid

Grids

Data Grid

The full-feature virtualized grid: sorting, grouping, editing and Excel export.

Learn more in docs
financial-grid-live-updating.component.html
Ignite UI grids sample: Financial grid, live updating

Grids

Financial grid, live updating

A ticking price grid with conditional formatting and pinned columns.

Learn more in docs
tree-grid.component.html
Ignite UI grids sample: Tree Grid

Grids

Tree Grid

Hierarchical rows from a flat or nested source, with summaries at every level.

Learn more in docs
hierarchical-grid.component.html
Ignite UI grids sample: Hierarchical Grid

Grids

Hierarchical Grid

Parent rows expanding into independently configured child grids.

Learn more in docs
master-detail.component.html
Ignite UI grids sample: Master-detail

Grids

Master-detail

Expand any row into a detail template with its own layout, charts and fields.

Learn more in docs
cell-merging.component.html
Ignite UI grids sample: Cell merging

Grids

Cell merging

Repeated values collapse into one cell, always or only when the column is sorted.

Learn more in docs
spreadsheet.component.html
Ignite UI grids sample: Spreadsheet

Grids

Spreadsheet

Load an xlsx workbook, edit it in the browser and export it back.

Learn more in docs
query-builder.component.html
Ignite UI grids sample: Query Builder

Grids

Query Builder

Nested condition groups users can save, reuse and hand to the grid.

Learn more in docs
line-chart.component.html
Ignite UI charts sample: Line Chart

Charts

Line Chart

Continuous series over a category or time axis, with markers and annotations.

Learn more in docs
financial-chart.component.html
Ignite UI charts sample: Financial Chart

Charts

Financial Chart

OHLC and candlestick price data with volume panes and technical indicators.

Learn more in docs
column-chart.component.html
Ignite UI charts sample: Column Chart

Charts

Column Chart

Vertical categories with grouped, stacked and 100% stacked modes.

Learn more in docs
area-chart.component.html
Ignite UI charts sample: Area Chart

Charts

Area Chart

Filled series for cumulative values, stacked or overlaid.

Learn more in docs
pie-chart.component.html
Ignite UI charts sample: Pie Chart

Charts

Pie Chart

Single-series proportions with exploded slices and legends.

Learn more in docs
composite-chart.component.html
Ignite UI charts sample: Composite Chart

Charts

Composite Chart

Several series types on shared axes, each with its own scale.

Learn more in docs
bar-chart.component.html
Ignite UI charts sample: Bar Chart

Charts

Bar Chart

Horizontal categories, sorted or grouped, for ranked comparisons.

Learn more in docs
dock-manager.component.html
Ignite UI dock manager sample: Dock Manager

Dock Manager

Dock Manager

Floating, docked and pinned panes with layout state you can persist.

Learn more in docs
stream-manager-reference-app.component.html
Ignite UI dock manager sample: Stream Manager reference app

Dock Manager

Stream Manager reference app

A broadcast console built from docked panes: preview, activity feed, chat and actions.

Learn more in docs
grid-lite.component.html
Ignite UI open source sample: Grid Lite

Open Source

Grid Lite

The open-source grid: sorting, filtering, paging and templates, free to ship.

Learn more in docs
layout-manager.component.html
Ignite UI open source sample: Layout Manager

Open Source

Layout Manager

Flex and grid based scaffolding for responsive application shells.

Learn more in docs
carousel.component.html
Ignite UI open source sample: Carousel

Open Source

Carousel

Paged content with indicators, autoplay and gesture navigation.

Learn more in docs
list-view.component.html
Ignite UI open source sample: List View

Open Source

List View

Virtualized item rows with headers, avatars, actions and pan gestures.

Learn more in docs
tree.component.html
Ignite UI open source sample: Tree

Open Source

Tree

Nested nodes with lazy loading, checkbox selection and keyboard traversal.

Learn more in docs
combo.component.html
Ignite UI open source sample: Combo

Open Source

Combo

Filterable single or multi-select over local and remote item sources.

Learn more in docs

See all grid samples

Dock 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 Free

Stream Manager

A broadcast console built from docked panes: preview, activity feed, chat and quick actions.

igc-dockmanager · pin · float · resizeLaunch full size
Ignite UI for Angular Dock Manager running the Stream Manager reference application

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 Angular component APIs, eliminating hallucinated props, wrong imports, and broken scaffolds.

CLI MCP server

igniteui-cli · MCP · STDIO

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.

Theming MCP server

igniteui-theming · MCP

Connect your AI agent directly to your design system. The Theming MCP Server gives agents real-time access to your token library and theme configuration, so every generated interface is on-brand, consistent, and production-ready — without manual style correction.

WCAG AA ✓

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.”igx-gridigx-category-chartexcel-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 resolvedv20.1
  • Scaffolded with igniteui-cli4 files
  • Your theme tokens appliedWCAG AA
  • Nothing hallucinated to clean up0 fixes
3

It lands in your project

Themed, accessible, compiling

claims-review.component.tscompiles clean

Open claims

3,418

4.1%

Value

$8.6M

2.4%

Resolved

97.2%

1.2 pts

ClaimantValueStatus
Halvorsen Group$18,240Resolved
Redwood Mutual$9,115In review

Refine the prompt and the same loop runs again — only the affected parts change.

With Ignite UI for Angular, the grid performance was fast and included improved row selection with features such as multi-click, use of tabs that made data entry easier, and more friendly navigation.

Katy FaulknerLead UI Developer, Tier One UK Investment Bank

Case Study

UK Investment Bank

How England’s most prominent investment bank rebuilt a strategic pricing application on Ignite UI’s Angular components.

Read the case study

Open 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 Angular 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 Angular 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-angularView the repo on GitHub

Ignite 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+ Angular charts, Spreadsheet and Dock Manager
  • MCP toolchain and 24x5 engineer support
  • The same suite across React, Blazor and Web Components

$1,399 per developer, per year

See what is included

Upgrading is a package swap, not a rewrite — same APIs, same theming, same design tokens.

Pricing

Per Developer, Royalty-Free

One-year subscriptions including support and every release in that window. No runtime fees, no seat audits on deployment.

Ignite UI

$1,189/ year$1,399

3 year term · per developer, royalty-free subscription

  • 100+ components for Angular, React, Web Components and Blazor
  • The high-performance data grid, charts and scheduling controls
  • CLI MCP, Theming MCP and Agent Skills included

Multi-year discount

Get phone and chat support, plus a guaranteed one-day online response time.

Buy Now

Infragistics Ultimate

Best value

$2,039/ year$2,399

3 year term · per developer, royalty-free subscription

  • Everything in Ignite UI and Infragistics Professional
  • Web, desktop and mobile: Windows Forms, WPF, WinUI and more
  • App Builder drag-and-drop WYSIWYG with production code output

Multi-year discount

Get phone and chat support, plus a guaranteed one-day online response time.

Buy Now

Infragistics Professional

$1,359/ year$1,599

3 year term · per developer, royalty-free subscription

  • Everything in Ignite UI, plus full desktop coverage
  • Ultimate UI for Windows Forms and WPF — 100+ controls with source code access
  • Ultimate UI for ASP.NET Core, MVC, jQuery, and Web Forms included

Multi-year discount

Get phone and chat support, plus a guaranteed one-day online response time.

Buy Now

Questions Developers Ask First

Which versions of Angular does Ignite UI for Angular support?

Ignite UI for Angular targets Angular 17 and later, with standalone components as the default bootstrapping model. It requires Node.js 20 LTS or later. Minor updates ship monthly and there are two major releases each year.

How do I install Ignite UI for Angular?

Run ng add igniteui-angular in an existing Angular workspace, or scaffold a new project with the Ignite UI CLI using npm install -g igniteui-cli followed by ig new. Grid Lite and Dock Manager install separately as igniteui-grid-lite and igniteui-dockmanager.

Is Ignite UI for Angular free?

Partly. Ignite UI for Angular uses a dual-license model: 50+ components are open source under MIT and free to ship in commercial applications with no revenue, team-size or employee-count limit. The data grid, charts, Spreadsheet, Dock Manager and Pivot Grid require a commercial license at $1,399 per developer, per year.

Can I deploy an app built with Ignite UI for Angular to unlimited clients?

Yes. Licensing is per developer only. There are no runtime fees, no royalties, no deployment fees and no seat audits on the applications you ship.

Is there an open-source option for Angular?

50+ production-ready components ship open source, so teams can adopt Ignite UI for Angular without a procurement cycle and upgrade to the licensed suite when they need the grid, charts and Dock Manager.

How fast is the grid, really?

The grid is built for data-heavy enterprise applications, with virtualization that renders and scrolls large datasets without compromise. Angular components are written for optimal file size, so they do not impact the time-to-screen of your application.

Does upgrading from open source require a rewrite?

No. Upgrading is a package swap: the same component APIs, the same theming and the same design tokens carry over, so the code you already wrote keeps compiling.

What does AI-assisted development actually include?

A CLI MCP server, a Theming MCP server, Agent Skills and AI-powered scaffolding. Your agent queries real component APIs, design tokens and theming rules instead of guessing, which produces enterprise-grade UI in fewer tokens.

How does licensing work?

Ignite UI is a per-developer, royalty-free annual subscription at $1,399, including a year of standard support and every release in that window. Multi-year discounts are available.

Are the components accessible and localized?

Every component is implemented against current accessibility guidelines and tested with OS and browser screen readers. Internationalization ships per framework, with English, Japanese, Korean and Spanish out of the box.

Resources

Help & Support

Every component carries the same set of resources, so you are never more than two clicks from working Angular code.

Ignite UI

Start Building With Ignite UI for Angular

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.

Requires Angular 17 or later with standalone components, and Node.js 20 LTS or later. Grid Lite and Dock Manager install as separate packages.

Loading sample…Taking longer than usual. Open it in a new tab instead.