Ignite UI for React - from Infragistics

Ignite UI for React includes a wide range of easy to use React UI components that have been designed and optimized for high-performance, high-volume data scenarios. Ignite UI for React is designed to enable developers to build the most modern, high-performance HTML5 & JavaScript apps for modern desktop browsers, mobile experiences and progressive web apps (PWA's) targeting the React framework.

Browser Support

| | | | | | | --------------- | ---------------- | ------------- | -------------- | --------------- | | Latest ✔️ | Latest ✔️ | Latest ✔️ | Latest ✔️ | Latest ✔️ |

Components

This package provides the following components:

| Component | Status | Documentation | |:----------|:------:|:-------------:| | Grid Lite (requires igniteui-grid-lite) | ✅ | Docs | | AI Chat | ✅ | Docs | | Accordion | ✅ | Docs | | Avatar | ✅ | Docs | | Badge | ✅ | Docs | | Banner | ✅ | Docs | | Button | ✅ | Docs | | Button Group | ✅ | Docs | | Calendar | ✅ | Docs | | Card | ✅ | Docs | | Carousel | ✅ | Docs | | Checkbox | ✅ | Docs | | Chip | ✅ | Docs | | ComboBox | ✅ | Docs | | Date Picker | ✅ | Docs | | Date Range Picker | ✅ | Docs | | Date Time Input | ✅ | Docs | | Dialog | ✅ | Docs | | Divider | ✅ | Docs | | Dropdown | ✅ | Docs | | Expansion Panel | ✅ | Docs | | Icon | ✅ | Docs | | Icon Button | ✅ | Docs | | Input | ✅ | Docs | | Linear Progress | ✅ | Docs | | List | ✅ | Docs | | Mask Input | ✅ | Docs | | Navigation Bar (Navbar) | ✅ | Docs | | Navigation Drawer | ✅ | Docs | | Radio & Radio Group | ✅ | Docs | | Rating | ✅ | Docs | | Ripple | ✅ | Docs | | Select | ✅ | Docs | | Slider & Range Slider | ✅ | Docs | | Snackbar | ✅ | Docs | | Stepper | ✅ | Docs | | Switch | ✅ | Docs | | Tabs | ✅ | Docs | | Text Area | ✅ | Docs | | Tile Manager | ✅ | Docs | | Toast | ✅ | Docs | | Tooltip | ✅ | Docs | | Tree | ✅ | Docs |

AI-Assisted Development

This package ships with LLM Agent Skills — structured knowledge files that teach AI coding assistants (GitHub Copilot, Cursor, Windsurf, Claude, JetBrains AI, etc.) how to work with Ignite UI for React. The skill files are included in the igniteui-react package and also live in the skills/ directory:

| Skill | Description | |:------|:------------| | components | Identify the right React components (Igr*) for a UI pattern, then install, import, and use them — JSX patterns, events, refs, forms, Next.js setup | | customize-theme | Customize styling using CSS custom properties, Sass, and the theming system in React | | optimize-bundle-size | Reduce bundle size with granular imports, tree-shaking, and lazy loading |

License

MIT-licensed package. See LICENSE for details.