Ignite UI for React Dock Manager - from Infragistics

Ignite UI React Dock Manager 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.

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

Browser Support

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

View Samples and Documentation

React Dock Manager Overview

Key Features

• Dockable panes with drag-and-drop support
• Pinning, resizing, moving, and hiding panes
• Floating panes with window-like behavior
• Tab groups for organizing related content
• Nested docking for complex layouts
• Save and restore layout state
• Fully customizable appearance and behavior

AI-Assisted Development

Ignite UI for React provides a toolchain to enhance the AI coding workflow — Agent Skills, the Ignite UI CLI MCP server, the Ignite UI Theming MCP server, and the MAKER MCP server — that grounds AI coding assistants in correct component APIs, import paths, and design tokens.

| Component | What it provides | |:----------|:----------------| | Agent Skills | Structured specialized knowledge and workflow files: import paths, component patterns, decision flows, generate from image design | | CLI MCP server (igniteui-cli) | Documentation queries, API reference, project scaffolding tools via MCP | | Theming MCP server (igniteui-theming) | Design tokens, palette tools, CSS custom property generation, WCAG AA contrast validation | | MAKER MCP server (@igniteui/maker-mcp) | Multi-agent orchestration: decomposes complex tasks into validated, executable step plans |

Note: All AI toolchain commands require Ignite UI CLI 15.0.0 or newer.

Add AI toolchain to an existing project

Run this command from the root of your project:

ig ai-config

If the Ignite UI CLI is not installed globally, run npm install -g igniteui-cli.

This adds Agent Skills and instructions to agent discovery path(s) and configures MCP server entries.

Start a new project with AI toolchain

Run the Ignite UI CLI to scaffold a new React project with the AI toolchain configured from the start:

ig new

If the Ignite UI CLI is not installed globally, run npm install -g igniteui-cli.

Agent Skills

Ignite UI for React ships with Agent Skills — structured knowledge files that tell AI coding assistants exactly how to use 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 | | generate-from-image-design | Turn a screenshot, mockup, or wireframe into a React view using Ignite UI components, MCP-guided theming, and screenshot-first layout matching |

When a Skill is active in the AI client, the agent follows the Skill instead of relying on general training data — which may reference outdated API signatures or import paths.

For full setup instructions, see the AI-Assisted Development documentation.

License

This is a commercial product, requiring a valid paid-for license for use. License details can be found here.

To acquire a license for usage, please register for a trial and acquire a license at Infragistics.com.

(c) Copyright 2026 Infragistics. All Rights Reserved. The Infragistics Ultimate license & copyright applies to this distribution. For information on that license, please go to our website here.