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.
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.
Large-Dataset Performance
Row and column virtualization keeps the DOM small at any dataset size. The Ignite UI for Angular Data Grid sorts one million rows by a string column in about 0.42 seconds in our testing — measured on Ignite UI for Angular 20.1.0; the same grid core powers the React, Web Components and Blazor Data Grids.
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
Grids
Data Grid
The full-feature virtualized grid: sorting, grouping, editing and Excel export.
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.
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.
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
Claimant
Value
Status
HGHalvorsen Group
$18,240
Resolved
RMRedwood Mutual
$9,115
In 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.
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
Free MCP servers and Agent Skills for AI assistants
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. All of it is free, with no AI tier or usage-based pricing.
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.
Component index
100+ Angular Components
Every component ships with API documentation, live samples and theming. A selection of the most used controls:
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.
We use our own and third-party cookies to improve your experience on our website. They also allow us to analyze user behavior in order to constantly improve the website for you. Please review our Cookie Policy and cookie settings below.
Privacy Preferences
When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences, or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.