About this project

The AI DIAL UI Kit is a production-ready React component library developed by EPAM Systems, designed to streamline the development of AI DIAL interfaces. Built with the latest React (19+), TypeScript (5.0+), Vite, and Tailwind CSS, it provides a collection of base components including Buttons, Inputs, Dropdowns, and more, enabling developers to reuse elements quickly and maintain design consistency across AI DIAL applications. Key features include: - **Unified User Experience**: Ensures design consistency across AI DIAL applications - **Highly Customizable Theming**: Deep theming capabilities using CSS custom properties, with configurable background layers, text colors, and corner radii - **Accessibility**: Comprehensive accessibility support including WCAG 2.5.5 (Level AAA) target size compliance, with documented exceptions for controls where larger targets would cause layout conflicts - **Storybook Documentation**: Interactive component documentation and development playground with visual testing, accessibility testing tools, and responsive design testing - **Well-Tested**: Comprehensive test coverage (70%+) using Vitest and React Testing Library - **Developer Experience**: Leverages ESLint, Prettier, and Husky for maintainable code quality - **Distribution Ready**: Deployed as an NPM package (@epam/ai-dial-ui-kit) ready for easy integration - **Tree Shaking Support**: Import only the components you need to reduce bundle size - **Next.js Integration**: Seamless integration with Next.js applications - **AI Agent MCP Server**: Built-in Model Context Protocol server that enables AI agents to discover components, types, hooks, and utilities programmatically, allowing AI assistants to generate accurate, type-safe component code The library supports both standard and small-sized controls with configurable corner radii through CSS custom properties. It includes optional Markdown editor components that require additional CSS imports. The project structure follows a clean organization with components, styles, and types directories. Prerequisites include Node.js >= 22.2.0 and npm >= 10.7.0. The project is licensed under Apache 2.0 and is part of the broader AI DIAL ecosystem, with the main AI-DIAL project serving as the entrypoint for all AI DIAL projects.