indian flagGovernment of India
GitHub
Developer Documentation

Build with UX4G Design System 3.0

Component APIs, live Storybooks, design tokens, and implementation guides for building accessible, government-ready services across web and mobile.

Build for Web Build for Mobile
  • 40+ Components
  • 4 Frameworks
  • WCAG 2.1 AA Accessibility
  • GIGW · DBIM Govt. compliance
Build for the web

Web Components

Production-ready UX4G components for the browser, delivered for three ways of building. Choose the flavour that matches your project and open its live component explorer.

Three ways to build

The same accessible UX4G components, tailored to how your team works. Every variant ships with live examples, usage notes, and copy-ready code.

Open the full Storybook

Choose your framework

Vanilla HTML / CSS Framework-free, drop-in markup React Components and hooks Angular Modules and directives
Build for mobile

Mobile platforms

Native and cross-platform component libraries for building UX4G mobile experiences.

Flutter

Cross-platform mobile components with Material-aligned styling from the UX4G Flutter library.

  • Flutter
  • Material
  • Mobile
Open Storybook

React NativeComing soon

Native mobile components for React Native applications.

  • React Native
  • iOS & Android
In development

AndroidComing soon

Native Android implementation guidelines and components.

  • Kotlin
  • Material
In development
Design resources

Design in Figma with the official UX4G kit

The same components, tokens, and patterns your developers ship, ready to drag and drop. Explore the UX4G Figma Community profile and add the libraries to your workspace.

Figma Community
Support

Need help getting started?

Explore the design system and dig into the guides that support every UX4G implementation.