Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
161 changes: 161 additions & 0 deletions llms.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,161 @@
# Ignite UI for Angular

> Enterprise Angular UI component library from Infragistics. 60+ Angular-native components including high-performance data grids (Grid, Tree Grid, Hierarchical Grid, Pivot Grid), 65+ charts, and a full AI developer toolchain — MCP servers, AI Skills, and structured docs for agent-native workflows.

## AI Toolchain

- [Documentation MCP server](https://www.npmjs.com/package/@igniteui/mcp-server): MCP server bundled in igniteui-cli. Start with `ig mcp`. Exposes 6 tools: list_components, get_doc, search_docs, get_api_reference, search_api, generate_ignite_app. Supports Angular, React, Blazor, Web Components.
- [Theming MCP server](https://www.npmjs.com/package/igniteui-theming): MCP server bundled in igniteui-theming. Start with `npx igniteui-theming/mcp`. Exposes tools for palette generation, typography, elevations, component theming across Material, Bootstrap, Fluent, Indigo design systems.
Copy link

Copilot AI Mar 27, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The Theming MCP server startup command (npx igniteui-theming/mcp) doesn’t match the command documented in the theming skill setup guide (skills/igniteui-angular-theming/references/mcp-setup.md uses npx with args igniteui-theming igniteui-theming-mcp). Please align the command here (and any repeated mentions later in this file) with the canonical setup instructions.

Copilot uses AI. Check for mistakes.
- [AI Skills — Components](https://github.com/IgniteUI/igniteui-angular/blob/master/skills/igniteui-angular-components/SKILL.md): Structured knowledge file for form controls, layout, data display, overlays, charts. Auto-discovered in VS Code (Copilot) and Cursor.
- [AI Skills — Data Grids](https://github.com/IgniteUI/igniteui-angular/blob/master/skills/igniteui-angular-grids/SKILL.md): Structured knowledge file for Grid, Tree Grid, Hierarchical Grid, Pivot Grid — column config, sorting, filtering, editing, remote data, state persistence.
- [AI Skills — Theming](https://github.com/IgniteUI/igniteui-angular/blob/master/skills/igniteui-angular-theming/SKILL.md): Structured knowledge file for theming system — includes Theming MCP server setup instructions.
- [MCP tool inventory](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md#mcp-tool-inventory): Full table of documentation MCP tools with input/output signatures.
- [Theming MCP tool inventory](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md#theming-mcp-tool-inventory): Full table of theming MCP tools with phase availability.
- [Integration matrix](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md#integration-matrix): Which tools work in which IDEs (VS Code, Cursor, Claude Code, Claude Desktop, JetBrains).
- [Boundary constraints](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md#boundary-constraints): Explicit constraints on tool capabilities, scope, and what is NOT supported — read before generating integration code.
- [Architecture diagram](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md#ai-toolchain-architecture): ASCII diagram of the two-MCP-server topology and Skills layer.
Comment on lines +12 to +16
Copy link

Copilot AI Mar 27, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The links to README sections (#mcp-tool-inventory, #theming-mcp-tool-inventory, #integration-matrix, #boundary-constraints, #ai-toolchain-architecture) appear to be broken—those headings/anchors are not present in the current README.md. Please update these URLs to point at existing README sections (or other canonical docs), or add the referenced sections to the README in a separate change.

Suggested change
- [MCP tool inventory](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md#mcp-tool-inventory): Full table of documentation MCP tools with input/output signatures.
- [Theming MCP tool inventory](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md#theming-mcp-tool-inventory): Full table of theming MCP tools with phase availability.
- [Integration matrix](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md#integration-matrix): Which tools work in which IDEs (VS Code, Cursor, Claude Code, Claude Desktop, JetBrains).
- [Boundary constraints](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md#boundary-constraints): Explicit constraints on tool capabilities, scope, and what is NOT supported — read before generating integration code.
- [Architecture diagram](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md#ai-toolchain-architecture): ASCII diagram of the two-MCP-server topology and Skills layer.
- [MCP tool inventory](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md): Full table of documentation MCP tools with input/output signatures.
- [Theming MCP tool inventory](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md): Full table of theming MCP tools with phase availability.
- [Integration matrix](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md): Which tools work in which IDEs (VS Code, Cursor, Claude Code, Claude Desktop, JetBrains).
- [Boundary constraints](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md): Explicit constraints on tool capabilities, scope, and what is NOT supported — read before generating integration code.
- [Architecture diagram](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md): ASCII diagram of the two-MCP-server topology and Skills layer.

Copilot uses AI. Check for mistakes.

## Getting Started

- [Getting started guide](https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/getting-started): Installation, CLI scaffolding, ng add setup.
- [npm package — igniteui-angular](https://www.npmjs.com/package/igniteui-angular): Core component library. Install with `npm install igniteui-angular`.
- [npm package — igniteui-cli](https://www.npmjs.com/package/igniteui-cli): CLI for project scaffolding and MCP server. Install globally with `npm install -g igniteui-cli`.
- [npm package — igniteui-theming](https://www.npmjs.com/package/igniteui-theming): Theming Sass library + Theming MCP server. Run MCP with `npx igniteui-theming/mcp`.
- [README](https://github.com/IgniteUI/igniteui-angular/blob/master/README.md): Full repository overview including AI toolchain setup, component inventory, and integration matrix.

## Data Grid Components

- [Grid overview](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid): IgxGridComponent — primary flat data grid with virtualization, sorting, filtering, editing, grouping, paging, summaries, export.
- [Tree Grid](https://www.infragistics.com/products/ignite-ui-angular/angular/components/treegrid/tree-grid): IgxTreeGridComponent — hierarchical flat data with parent-child relationships. License: Commercial.
- [Hierarchical Grid](https://www.infragistics.com/products/ignite-ui-angular/angular/components/hierarchicalgrid/hierarchical-grid): IgxHierarchicalGridComponent — master-detail grid with nested child grids. License: Commercial.
- [Pivot Grid](https://www.infragistics.com/products/ignite-ui-angular/angular/components/pivotgrid/pivot-grid): IgxPivotGridComponent — OLAP-style pivot table with dimensions and aggregations. License: Commercial.
- [Grid state persistence](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/state-persistence): IgxGridState directive — serialize and restore grid state (sorting, filtering, paging, selection).
- [Grid column configuration](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/column-types): Column types, templates, pinning, hiding, resizing, moving.
- [Grid remote data](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/remote-data-operations): Remote sorting, filtering, paging with RxJS and virtual scrolling.
- [Query Builder](https://www.infragistics.com/products/ignite-ui-angular/angular/components/query-builder): IgxQueryBuilderComponent — visual filter expression builder. License: Commercial.

## Chart Components

- [Charts overview](https://www.infragistics.com/products/ignite-ui-angular/angular/components/charts/chart-overview): 65+ chart types via igniteui-angular-charts package. License: Commercial.
- [Category Chart](https://www.infragistics.com/products/ignite-ui-angular/angular/components/charts/types/line-chart): IgxCategoryChartComponent — line, area, column, bar, spline, waterfall, and more.
- [Financial / Stock Chart](https://www.infragistics.com/products/ignite-ui-angular/angular/components/charts/types/stock-chart): IgxFinancialChartComponent — OHLC, candlestick, volume overlay, trendlines.
- [Data Chart](https://www.infragistics.com/products/ignite-ui-angular/angular/components/charts/types/data-chart): IgxDataChartComponent — composite chart with multiple series types and axes.
- [Pie Chart](https://www.infragistics.com/products/ignite-ui-angular/angular/components/charts/types/pie-chart): IgxPieChartComponent — pie and exploded pie.
- [Donut Chart](https://www.infragistics.com/products/ignite-ui-angular/angular/components/charts/types/donut-chart): IgxDoughnutChartComponent — multi-ring donut chart.
- [Polar Chart](https://www.infragistics.com/products/ignite-ui-angular/angular/components/charts/types/polar-chart): Polar series for radial data visualization.
- [Bubble Chart](https://www.infragistics.com/products/ignite-ui-angular/angular/components/charts/types/bubble-chart): Scatter bubble with size encoding.
- [Treemap](https://www.infragistics.com/products/ignite-ui-angular/angular/components/charts/types/treemap-chart): IgxTreemapComponent — hierarchical rectangular area chart.

## Gauge Components

- [Radial Gauge](https://www.infragistics.com/products/ignite-ui-angular/angular/components/radial-gauge): IgxRadialGaugeComponent. Package: igniteui-angular-gauges. License: Commercial.
- [Linear Gauge](https://www.infragistics.com/products/ignite-ui-angular/angular/components/linear-gauge): IgxLinearGaugeComponent. Package: igniteui-angular-gauges. License: Commercial.
- [Bullet Graph](https://www.infragistics.com/products/ignite-ui-angular/angular/components/bullet-graph): IgxBulletGraphComponent. Package: igniteui-angular-gauges. License: Commercial.

## Form Controls

- [Input Group](https://www.infragistics.com/products/ignite-ui-angular/angular/components/input-group): IgxInputGroupComponent — wraps input, label, prefix, suffix, hint.
- [Combo](https://www.infragistics.com/products/ignite-ui-angular/angular/components/combo): IgxComboComponent — multi-select dropdown with search and virtual scroll.
- [Simple Combo](https://www.infragistics.com/products/ignite-ui-angular/angular/components/simple-combo): IgxSimpleComboComponent — single-select variant of Combo.
- [Select](https://www.infragistics.com/products/ignite-ui-angular/angular/components/select): IgxSelectComponent — native-style single-select with overlay.
- [Date Picker](https://www.infragistics.com/products/ignite-ui-angular/angular/components/date-picker): IgxDatePickerComponent — calendar overlay date input.
- [Date Range Picker](https://www.infragistics.com/products/ignite-ui-angular/angular/components/date-range-picker): IgxDateRangePickerComponent — start/end date selection.
- [Time Picker](https://www.infragistics.com/products/ignite-ui-angular/angular/components/time-picker): IgxTimePickerComponent — time input with spinner/dialog.
- [Calendar](https://www.infragistics.com/products/ignite-ui-angular/angular/components/calendar): IgxCalendarComponent — standalone inline calendar, single/multi/range selection.
- [Checkbox](https://www.infragistics.com/products/ignite-ui-angular/angular/components/checkbox): IgxCheckboxComponent.
- [Radio / Radio Group](https://www.infragistics.com/products/ignite-ui-angular/angular/components/radio-button): IgxRadioComponent, IgxRadioGroupDirective.
- [Switch](https://www.infragistics.com/products/ignite-ui-angular/angular/components/switch): IgxSwitchComponent — toggle switch.
- [Slider](https://www.infragistics.com/products/ignite-ui-angular/angular/components/slider/slider): IgxSliderComponent — single and range slider.
- [Rating](https://www.infragistics.com/products/ignite-ui-angular/angular/components/rating): IgxRatingComponent.

## Layout & Navigation

- [Tabs](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tabs): IgxTabsComponent — top-aligned Material tabs.
- [Bottom Navigation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tabbar): IgxBottomNavComponent — mobile-style bottom tab bar.
- [Navbar](https://www.infragistics.com/products/ignite-ui-angular/angular/components/navbar): IgxNavbarComponent — top app bar.
- [Navigation Drawer](https://www.infragistics.com/products/ignite-ui-angular/angular/components/navdrawer): IgxNavigationDrawerComponent — side navigation panel.
- [Accordion](https://www.infragistics.com/products/ignite-ui-angular/angular/components/accordion): IgxAccordionComponent — collapsible panel group.
- [Expansion Panel](https://www.infragistics.com/products/ignite-ui-angular/angular/components/expansion-panel): IgxExpansionPanelComponent — single collapsible panel.
- [Stepper](https://www.infragistics.com/products/ignite-ui-angular/angular/components/stepper): IgxStepperComponent — multi-step wizard flow.
- [Splitter](https://www.infragistics.com/products/ignite-ui-angular/angular/components/splitter): IgxSplitterComponent — resizable pane divider.
- [Dock Manager](https://www.infragistics.com/products/ignite-ui-angular/angular/components/dock-manager): IgcDockManagerComponent — VS Code-style dockable panel layout. License: Commercial.
- [Tile Manager](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tile-manager): IgcTileManagerComponent — resizable/draggable tile grid layout.

## Data Display

- [List](https://www.infragistics.com/products/ignite-ui-angular/angular/components/list): IgxListComponent — virtualized list with item templates.
- [Tree](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tree): IgxTreeComponent — recursive tree structure with expand/collapse.
- [Card](https://www.infragistics.com/products/ignite-ui-angular/angular/components/card): IgxCardComponent — content container with header, media, actions.
- [Carousel](https://www.infragistics.com/products/ignite-ui-angular/angular/components/carousel): IgxCarouselComponent — sliding item view.
- [Chips](https://www.infragistics.com/products/ignite-ui-angular/angular/components/chip): IgxChipsAreaComponent, IgxChipComponent — filterable tag inputs.
- [Avatar](https://www.infragistics.com/products/ignite-ui-angular/angular/components/avatar): IgxAvatarComponent — image, initials, or icon avatar.
- [Badge](https://www.infragistics.com/products/ignite-ui-angular/angular/components/badge): IgxBadgeComponent — notification count overlay.
- [Icon](https://www.infragistics.com/products/ignite-ui-angular/angular/components/icon): IgxIconComponent — Material icons + custom SVG registry.
- [Linear Progress](https://www.infragistics.com/products/ignite-ui-angular/angular/components/linear-progress): IgxLinearProgressBarComponent.
- [Circular Progress](https://www.infragistics.com/products/ignite-ui-angular/angular/components/circular-progress): IgxCircularProgressBarComponent.
- [Chat](https://www.infragistics.com/products/ignite-ui-angular/angular/components/chat): IgxChatComponent — conversational UI component. Added 21.0.0.

## Feedback & Overlays

- [Dialog](https://www.infragistics.com/products/ignite-ui-angular/angular/components/dialog): IgxDialogComponent — modal dialog.
- [Snackbar](https://www.infragistics.com/products/ignite-ui-angular/angular/components/snackbar): IgxSnackbarComponent — transient notification.
- [Toast](https://www.infragistics.com/products/ignite-ui-angular/angular/components/toast): IgxToastComponent — timed status message.
- [Banner](https://www.infragistics.com/products/ignite-ui-angular/angular/components/banner): IgxBannerComponent — persistent inline notification.
- [Drop Down](https://www.infragistics.com/products/ignite-ui-angular/angular/components/drop-down): IgxDropDownComponent — generic overlay list, used by Select and Combo internally.
- [Tooltip](https://www.infragistics.com/products/ignite-ui-angular/angular/components/tooltip): IgxTooltipDirective — hover/focus tooltip.

## Directives

- [Button](https://www.infragistics.com/products/ignite-ui-angular/angular/components/button): igxButton directive — flat, raised, outlined, FAB variants.
- [Ripple](https://www.infragistics.com/products/ignite-ui-angular/angular/components/ripple): igxRipple directive — Material touch ripple effect.
- [Drag and Drop](https://www.infragistics.com/products/ignite-ui-angular/angular/components/drag-drop): igxDrag, igxDrop directives — pointer-based drag/drop.
- [Mask](https://www.infragistics.com/products/ignite-ui-angular/angular/components/mask): igxMask directive — input masking.
- [Date Time Editor](https://www.infragistics.com/products/ignite-ui-angular/angular/components/date-time-editor): igxDateTimeEditor directive — inline date/time editing.
- [Autocomplete](https://www.infragistics.com/products/ignite-ui-angular/angular/components/autocomplete): igxAutocomplete directive — dropdown suggestions on text input.
- [Text Highlight](https://www.infragistics.com/products/ignite-ui-angular/angular/components/texthighlight): igxTextHighlight directive — highlight search terms in text.
- [For Of](https://www.infragistics.com/products/ignite-ui-angular/angular/components/for-of): igxForOf directive — virtual scrolling replacement for *ngFor.

## Theming

- [Theming overview](https://www.infragistics.com/products/ignite-ui-angular/angular/components/themes/index): Sass-based theming system using igniteui-theming under the hood.
- [Palettes](https://www.infragistics.com/products/ignite-ui-angular/angular/components/themes/palettes): palette() mixin, color shades, light/dark variants. Presets: Material, Bootstrap, Fluent, Indigo.
- [Typography](https://www.infragistics.com/products/ignite-ui-angular/angular/components/themes/typography): typography() mixin, type scales, custom fonts.
- [Elevations](https://www.infragistics.com/products/ignite-ui-angular/angular/components/themes/elevations): elevation() function, 0–24 shadow levels.
- [Component themes](https://www.infragistics.com/products/ignite-ui-angular/angular/components/themes/component-themes): Per-component theme() function — override individual token values.
- [Sass API reference](https://github.com/IgniteUI/igniteui-theming): igniteui-theming source — functions, mixins, variables for all four design systems.

## Additional Packages

- [igniteui-angular-charts](https://www.npmjs.com/package/igniteui-angular-charts): Chart components — Bar, Line, Financial, Doughnut, Pie. License: Commercial.
- [igniteui-angular-gauges](https://www.npmjs.com/package/igniteui-angular-gauges): Gauge components — Radial, Linear, Bullet Graph. License: Commercial.
- [igniteui-angular-excel](https://www.npmjs.com/package/igniteui-angular-excel): Excel library for spreadsheet read/write. License: Commercial.
- [igniteui-angular-spreadsheet](https://www.npmjs.com/package/igniteui-angular-spreadsheet): Spreadsheet component. License: Commercial.

## Repository Structure

- [Source — components](https://github.com/IgniteUI/igniteui-angular/tree/master/projects/igniteui-angular): All component source under projects/igniteui-angular.
- [Skills directory](https://github.com/IgniteUI/igniteui-angular/tree/master/skills): AI Skill files for Copilot, Cursor, Claude Code, JetBrains.
- [Copilot instructions](https://github.com/IgniteUI/igniteui-angular/blob/master/.github/copilot-instructions.md): Auto-discovered by GitHub Copilot in VS Code.
- [Contributing guide](https://github.com/IgniteUI/igniteui-angular/blob/master/.github/CONTRIBUTING.md): Bug fixes, PRs, new feature development, accessibility.
- [Roadmap](https://github.com/IgniteUI/igniteui-angular/blob/master/ROADMAP.md): Upcoming milestones and release schedule.
- [Release history](https://github.com/IgniteUI/igniteui-angular/blob/master/RELEASE_HISTORY.md): All past releases with dates and milestone links.
- [Changelog](https://github.com/IgniteUI/igniteui-angular/blob/master/CHANGELOG.md): Per-version detailed change log.
- [License](https://github.com/IgniteUI/igniteui-angular/blob/master/LICENSE): Dual license — MIT (OSS components) + Commercial (grids, charts, gauges).

## Support & Community

- [Infragistics Forums](https://www.infragistics.com/community/forums/): Commercial support channel.
- [Discord](https://discord.gg/39MjrTRqds): Community chat — #ignite-ui-angular channel.
- [Stack Overflow](https://stackoverflow.com/questions/tagged/ignite-ui-angular): Community Q&A tagged ignite-ui-angular.
- [GitHub Discussions](https://github.com/IgniteUI/igniteui-angular/discussions): Feature requests and open questions.
- [GitHub Issues](https://github.com/IgniteUI/igniteui-angular/issues): Bug reports.

## Constraints for AI Agents

- The documentation MCP server (`ig mcp`) requires `igniteui-cli` installed globally. It does NOT run standalone.
- The Theming MCP server (`npx igniteui-theming/mcp`) is separate from the documentation MCP server. They require separate mcp.json entries.
- AI Skills cover Angular only. Use the doc MCP `framework` parameter for React, Blazor, or Web Components.
- Skills are versioned npm packages — not single prompt files.
Copy link

Copilot AI Mar 27, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This statement conflicts with the repository’s own guidance (README.md ‘AI-Assisted Development’ section) which treats Skills as versioned files under the skills/ directory that can be copied/attached to an assistant. Please reword to avoid implying the Skills are distributed as npm packages.

Suggested change
- Skills are versioned npm packages — not single prompt files.
- Skills are versioned SKILL.md files under the skills/ directory — structured knowledge files that can be copied or attached to an assistant, not npm packages or single ad-hoc prompts.

Copilot uses AI. Check for mistakes.
- Grids (Grid, Tree Grid, Hierarchical Grid, Pivot Grid), Charts, Gauges, Dock Manager, Query Builder are under Commercial license. All other components are MIT.
- Theming MCP Phase 3 and Phase 4 tools (set_size, set_spacing, set_roundness, validate_theme, explain_function) are not yet implemented — do not suggest calling them.
Copy link

Copilot AI Mar 27, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The note that set_size, set_spacing, set_roundness, etc. are “not yet implemented” appears inconsistent with the theming skill documentation, which explicitly instructs agents to use set_size / set_spacing / set_roundness as part of the workflow. Please verify current MCP server capabilities and make this constraint consistent with the skills docs (either remove it or update both places).

Suggested change
- Theming MCP Phase 3 and Phase 4 tools (set_size, set_spacing, set_roundness, validate_theme, explain_function) are not yet implemented — do not suggest calling them.

Copilot uses AI. Check for mistakes.
- Component APIs change across major versions. Always use get_api_reference MCP tool to verify against the installed version rather than relying on training data.
Loading