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

Web Components for Data-Rich Enterprise Apps

Craft modern web app experiences using the most comprehensive library of framework-agnostic Web Components and the fastest data grid optimized for speed and performance. Now including 100+ Premium controls and 50+ production-ready, open-source components that run in any framework, or none, to reduce friction across development teams and accelerate the delivery of your next application.

Get Started for Free
  • 100+ Premium Web Components
  • 50+ MIT-licensed OSS controls
  • Works in any framework, or none
  • 24x5 support

Financial Portfolio

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

IgcGrid · live updates · sparklinesLaunch full size
Ignite UI for Web Components financial portfolio sample
  • 2M+ developers
  • 60+ Web Components charts
  • 24x5 support
  • 35+ years in business

Trusted by industry leaders

Fidelity InvestmentsWells FargoBank of AmericaMorgan StanleyExxonMobilIKEA

Why Ignite UI for Web Components

Three Things Other Web Component 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 Web 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

Web Components Examples and Samples

Get started on your next project with over 100+ Web Components and component examples. We have over a dozen Web Components samples with beautiful styling, data access and best practices for Web Components and app building.

DataGrid.ts
Ignite UI grids sample: Data Grid

Grids

Data Grid

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

Learn more in docs
FinancialGridLiveUpdating.ts
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
TreeGrid.ts
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
HierarchicalGrid.ts
Ignite UI grids sample: Hierarchical Grid

Grids

Hierarchical Grid

Parent rows expanding into independently configured child grids.

Learn more in docs
PivotGrid.ts
Ignite UI grids sample: Pivot Grid

Grids

Pivot Grid

Drag dimensions and measures to slice multidimensional data in the browser.

Learn more in docs
Spreadsheet.ts
Ignite UI grids sample: Spreadsheet

Grids

Spreadsheet

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

Learn more in docs
LineChart.ts
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
FinancialChart.ts
Ignite UI charts sample: Financial Chart

Charts

Financial Chart

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

Learn more in docs
ColumnChart.ts
Ignite UI charts sample: Column Chart

Charts

Column Chart

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

Learn more in docs
AreaChart.ts
Ignite UI charts sample: Area Chart

Charts

Area Chart

Filled series for cumulative values, stacked or overlaid.

Learn more in docs
DataPieChart.ts
Ignite UI charts sample: Data Pie Chart

Charts

Data Pie Chart

Single-series proportions with exploded slices and legends.

Learn more in docs
CompositeChart.ts
Ignite UI charts sample: Composite Chart

Charts

Composite Chart

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

Learn more in docs
BarChart.ts
Ignite UI charts sample: Bar Chart

Charts

Bar Chart

Horizontal categories, sorted or grouped, for ranked comparisons.

Learn more in docs
DockManager.ts
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
StreamManagerReferenceApp.ts
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
GridLite.ts
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
Carousel.ts
Ignite UI open source sample: Carousel

Open Source

Carousel

Paged content with indicators, autoplay and gesture navigation.

Learn more in docs
List.ts
Ignite UI open source sample: List

Open Source

List

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

Learn more in docs
Tree.ts
Ignite UI open source sample: Tree

Open Source

Tree

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

Learn more in docs
ComboBox.ts
Ignite UI open source sample: ComboBox

Open Source

ComboBox

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.

IgcDockManager · pin · float · resizeLaunch full size
Ignite UI for Web Components 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 Web 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.”IgcGridIgcCategoryChartexcel-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 resolvedtyped
  • 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.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.

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

$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

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.

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
  • 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.

Buy Now

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.

Buy Now

Frequently Asked Questions

Questions and Answers for Ignite UI for Web Components

What is Ignite UI for Web Components?

Ignite UI for Web Components is a complete library of framework-agnostic UI components for building data-rich and responsive web apps, including 60+ data charts and graphs, data grids, Dock Manager, pivot grid and spreadsheet. The components are native custom elements, so they run in any framework or in plain HTML and JavaScript.

What are Web Components?

Web Components are a set of web platform standards (Custom Elements, Shadow DOM, HTML templates and ES modules) for creating reusable, encapsulated HTML tags. Because they are built on browser standards rather than a framework runtime, a Web Component works anywhere HTML does.

Can I use Ignite UI for Web Components with Angular, React or Vue?

Yes. Ignite UI components are standard custom elements, so they can be used inside Angular, React, Vue or any other framework, or with no framework at all. Teams that standardize on Angular, React or Blazor can also use the dedicated Ignite UI package for that framework, which shares the same features and theming.

What is the Ignite UI CLI?

The Ignite UI CLI is a stand-alone command-line tool that helps you build and scaffold applications. It provides project templates pre-configured for the Ignite UI for Web Components toolset, and you can add your own templates to accelerate adding components to your projects. The CLI MCP server lets AI agents run the same commands from a prompt.

What makes Ignite UI for Web Components different from other UI toolkits?

Ignite UI for Web Components combines 100+ enterprise-grade components with the fastest data grid, 60+ charts and layout controls such as Dock Manager that most libraries do not offer. Professionally designed and developed, it is backed by Infragistics 30+ years of industry leadership and our award-winning live support.

How does the pricing and licensing for Ignite UI for Web Components work?

Our Web 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 Web Components?

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

Where can I find Web Components samples and sample applications?

The team at Infragistics maintains a comprehensive library of Web Components code samples, along with a library of sample applications. Both are linked from the Resources section below.

Resources

Help & Support

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

Ignite UI

Start Building With Ignite UI for Web Components

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.

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