Component library for government service delivery

Components

Production-ready building blocks for UX4G applications across React, Angular, Flutter, and Web Components. The same patterns, states, and accessibility guidance carry through every implementation.

Browse by category

Each card groups the working set of pages and keeps the documentation paths visible for quick scanning.

Form Elements

High-frequency controls for service journeys and authenticated workflows.

Feedback

Messages, states, and system responses that keep users informed.

Data Display

Readable presentation surfaces for records, metrics, and evidence.

Navigation

Structure for movement, discovery, and page-to-page orientation.

Others

Accessibility and identity verification components

Accessibility in Components

Accessibility compliance

All components in the UX4G Design System 3.0 are built with WCAG 2.1 AA compliance in mind. This includes proper color contrast, keyboard navigation support, screen reader compatibility, and focus management. Each component includes detailed accessibility documentation and testing guidelines.

WCAG

2.1 AA

Keyboard

100% Accessible

Contrast

4.5:1 min

Read the accessibility guidelines