# Getting Started with UX4G

Landing page for the UX4G Design System. Summarises the system mission, key metrics (50+ components, 1K+ tokens, 10+ patterns, AA accessibility), core strengths, and a library map linking to Components, Tokens, Utilities, and Patterns.

## Quick start

### HTML / CDN
```html
<link rel="stylesheet" href="https://cdn.ux4g.gov.in/UX4G@3.0.18/index.css" />
<script src="https://cdn.ux4g.gov.in/UX4G@3.0.18/ux4g.js"></script>
<script src="https://cdn.ux4g.gov.in/UX4G@3.0.18/ux4g-custom.js"></script>
```

### React
```bash
npm install ux4g-web-components
```
```jsx
import 'ux4g-web-components/styles.css';
import 'ux4g-web-components/design-system';
```

### Angular
```json
{
  "styles": [
    "node_modules/ux4g-web-components/styles/ux4g.css",
    "src/styles.css"
  ],
  "scripts": [
    "node_modules/ux4g-web-components/dist/runtime/design-system.js"
  ]
}
```

## Explore

- [Tokens](tokens.md)
- [Utilities](utilities.md)
- [Layout](layout.md)
- [Components](components.md)
- [Patterns](patterns.md)