Ignite UI for Web Components - from Infragistics

Ignite UI for Web Components is a comprehensive library that includes the fastest Data Grid on the market, a high-performing Hierarchical Grid, Pivot Grid, 60+ data Charts, Dock Manager, and more. Plus maps, gauges and other reusable feature-rich components to help you create better web apps and modern-day UX experiences.

Documentation · Storybook · Changelog · Discord

Table of contents

• Components
• Quick start
• Browser support
• Tooling
• Accessibility
• Security and supply chain
• Privacy
• Contributing
• Support
• License

Components

All components in this package are released under the MIT License. The table lists the release in which each component first shipped.

Component list

Components	Status	Documentation	Released Version	License
Virtual Scroll	✅	Storybook	7.3.0	MIT
QR Code	✅	Storybook	7.3.0	MIT
Color Picker	✅	Storybook	7.3.0	MIT
Splitter	✅	Docs	7.1.0	MIT
Chat	✅	Docs	6.3.0	MIT
Date Range Picker	✅	Docs	6.1.0	MIT
Tooltip	✅	Docs	5.4.0	MIT
File Input	✅	Docs	5.4.0	MIT
Tile Manager	✅	Docs	5.3.0	MIT
Carousel	✅	Docs	5.1.0	MIT
Date picker	✅	Docs	4.10.0	MIT
Divider	✅	Docs	4.10.0	MIT
Banner	✅	Docs	4.10.0	MIT
Button group	✅	Docs	4.5.0	MIT
Textarea	✅	Docs	4.5.0	MIT
Combo	✅	Docs	4.1.0	MIT
Stepper	✅	Docs	4.1.0	MIT
Select	✅	Docs	3.4.0	MIT
Dialog	✅	Docs	3.4.0	MIT
Date Time Input	✅	Docs	3.3.0	MIT
Tabs	✅	Docs	3.3.0	MIT
Accordion	✅	Docs	3.3.0	MIT
Mask Input	✅	Docs	3.2.0	MIT
Expansion Panel	✅	Docs	3.2.0	MIT
Tree	✅	Docs	3.2.0	MIT
Drop Down	✅	Docs	2.2.0	MIT
Linear Progress	✅	Docs	2.1.0	MIT
Circular Progress	✅	Docs	2.1.0	MIT
Chip	✅	Docs	2.1.0	MIT
Snackbar	✅	Docs	2.1.0	MIT
Toast	✅	Docs	2.1.0	MIT
Rating	✅	Docs	2.1.0	MIT
Slider	✅	Docs	2.0.0	MIT
Range Slider	✅	Docs	2.0.0	MIT
Avatar	✅	Docs	1.0.0	MIT
Badge	✅	Docs	1.0.0	MIT
Button	✅	Docs	1.0.0	MIT
Calendar	✅	Docs	1.0.0	MIT
Card	✅	Docs	1.0.0	MIT
Checkbox	✅	Docs	1.0.0	MIT
Icon	✅	Docs	1.0.0	MIT
Icon Button	✅	Docs	1.0.0	MIT
Input	✅	Docs	1.0.0	MIT
List	✅	Docs	1.0.0	MIT
Navigation Bar (Navbar)	✅	Docs	1.0.0	MIT
Navigation Drawer	✅	Docs	1.0.0	MIT
Radio	✅	Docs	1.0.0	MIT
Radio Group	✅	Docs	1.0.0	MIT
Ripple	✅	Docs	1.0.0	MIT
Switch	✅	Docs	1.0.0	MIT

Grids, Grid Lite and Dock Manager

The grids and the Dock Manager ship in separate packages. Grid Lite is MIT licensed; the others are commercial products.

Components	Status	Documentation	License	Package
Pivot Grid	✅	Docs	Commercial	Ignite UI Web Components Grids
Data Grid	✅	Docs	Commercial	Ignite UI Web Components Grids
Tree Grid	✅	Docs	Commercial	Ignite UI Web Components Grids
Hierarchical Grid	✅	Docs	Commercial	Ignite UI Web Components Grids
Grid Lite	✅	Docs	MIT	Ignite UI Web Components Grid Lite

The Lightweight Web Components Data Grid and Data Table

The Ignite UI for Web Components Data Grid and Table are both lightweight and developed to handle high data volumes. The Web Components Grid offers powerful data visualization capabilities and superior performance on any device. With interactive features that users expect. Fast rendering. Unbeatable interactions. And the best possible user experience that you wouldn’t otherwise be able to achieve with so little code on your own.

Dock Manager - EXCLUSIVE FEATURE

Provide a complete windowing experience, splitting complex layouts into smaller, easier-to-manage panes.

• Documentation
• License - Commercial
• Package - igniteui-dockmanager

Quick start

Install the igniteui-webcomponents package:

npm install igniteui-webcomponents

Import and register the components you need with the defineComponents function:

import {
  defineComponents,
  IgcAvatarComponent,
  IgcBadgeComponent,
} from 'igniteui-webcomponents';

defineComponents(IgcAvatarComponent, IgcBadgeComponent);

You can also register every component at once with defineAllComponents:

import { defineAllComponents } from 'igniteui-webcomponents';

defineAllComponents();

Registering all components increases the bundle size of your application, so register only the ones you use.

After the components are registered, use them in your HTML:

<igc-avatar initials="AZ"></igc-avatar><igc-badge></igc-badge>

See the documentation for guides on each component, theming, and framework integration.

Browser support

Latest ✔️	Latest ✔️	Latest ✔️	Latest ✔️	Latest ✔️

Tooling

Editor metadata

The package comes with its own Custom Elements Manifest, VSCode Custom Data Format for VSCode and Web Types for JetBrains IDEs. Refer to the documentation of your editor of choice to see if you can take advantage of this metadata for linting, intellisense and documentation.

Package path	Description
igniteui-webcomponents/custom-elements.json	Custom Elements Manifest
igniteui-webcomponents/web-types.json	Web Types for JetBrains based IDEs
igniteui-webcomponents/igniteui-webcomponents.css-data.json	VSCode CSS custom data
igniteui-webcomponents/igniteui-webcomponents.html-data.json	VSCode HTML custom data

AI agent skills

The package also includes reusable skills for GitHub Copilot and other compatible AI agents. They provide task-specific guidance and current best practices for:

• Choosing the right components
• Integrating with React, Angular, Vue, or vanilla JavaScript
• Customizing component themes
• Generating a view from an image or design
• Optimizing bundle size
• Migrating from Grid Lite to the premium Data Grid

After installing the package, copy the skills into your repository so your agent can discover them automatically:

# Unix/macOS
cp -r node_modules/igniteui-webcomponents/skills/* .github/skills/

# Windows PowerShell
Copy-Item -Recurse node_modules\igniteui-webcomponents\skills\* .github\skills\

See the AI agent skills guide for example prompts, supported workflows, and additional installation locations.

Accessibility

The components target WCAG 2.1 level AA and follow the ARIA Authoring Practices Guide patterns for their roles. Component specifications run axe-core audits against the light DOM and the shadow DOM, and components are verified by hand with a keyboard and screen readers such as NVDA. Because the components render in Shadow DOM, some ARIA relations cannot be expressed with IDREF attributes; the library uses ElementInternals and ARIA element reflection instead, and adopts new platform capabilities as browsers ship them.

Read ACCESSIBILITY.md for the conformance target, the verification process, the platform constraints, and what the host application remains responsible for.

Security and supply chain

Security fixes are released for the latest major version, and critical fixes are backported to the previous major. Report vulnerabilities privately through GitHub private vulnerability reporting, never in a public issue.

Every release ships with supply-chain evidence attached to the GitHub release: the published tarball with its digests, a CycloneDX SBOM, and signed provenance and SBOM attestations that you can check with gh attestation verify. GitHub's CodeQL default setup scans every push and pull request, the OpenSSF Scorecard runs weekly, and Dependabot keeps dependencies and actions patched. Property-based (fuzz) tests with fast-check check the mask, date, color, QR code and layout parsers on every push and pull request, and weekly with random seeds.

Read SECURITY.md for the support policy, the reporting process, response targets and verification steps, and THREAT-MODEL.md for the trust boundaries and what the host application remains responsible for.

Privacy

The library collects no data. The components send no telemetry, set no cookies, write nothing to web storage, and load no remote code. The few browser capabilities they use, such as fetching an icon URL the host application registers or writing to the clipboard when the user clicks a copy control, are listed in PRIVACY.md.

Contributing

Contributions are welcome. CONTRIBUTING.md covers setting up a development environment, the linting, testing and Storybook commands, and the accessibility, dependency and security requirements for a change. All contributors are expected to follow the Code of Conduct.

Support

See SUPPORT.md for where to report bugs, ask questions, request components, report security or accessibility problems, and reach Infragistics support for the commercial products.

License

The igniteui-webcomponents package is released under the MIT License.

The Grids, Dock Manager and other packages marked Commercial above are licensed separately under the Infragistics commercial license.