# UX4G Design System

> India's official government design system for building consistent, accessible digital public services across ministries and departments.

## Overview
- **53 production-ready components** across React, Angular, Web Components, and Flutter
- **WCAG 2.1 AA compliant** with keyboard, screen reader, and color contrast support
- **India-specific**: AadhaarInput, PANCardInput, PaymentGateway (UPI), LanguageSelector (22 languages)
- **Multilingual**: English + Hindi active, 11 more Indian languages prepared
- **Design tokens**: CSS custom properties with `--ux4g-*` prefix, light/dark theme support
- **Service patterns**: Identity, payment, application submission, consent, status tracking

## Quick Install
```bash
# Web (React/Angular/HTML)
npm install ux4g-web-components

# Flutter
flutter pub add ux4g_flutter_components

# CDN (no build tools)
# CSS: https://cdn.ux4g.gov.in/UX4G@3.0.18/index.css
# JS:  https://cdn.ux4g.gov.in/UX4G@3.0.18/ux4g.js
```

## Documentation
- [Web Developer Docs](https://doc.ux4g.gov.in/web/)
- [Flutter Developer Docs](https://doc.ux4g.gov.in/flutter/)
- [Main Website](https://ux4g.gov.in)
- [Figma Community File](https://www.figma.com/community/file/1654976809099378421)

## Full Context for AI
For complete component catalog, token naming, patterns, and recommendations:
[Full Documentation](/llms-full.txt)