indian flagGovernment of India
|
GitHub GitHub
Design System 3.0

Developer Documentation

Build consistent, accessible, and government-ready digital experiences using UX4G components across web and mobile platforms.

Every implementation guide, component API, and live Storybook in one place. Pick your stack and start building.

Explore platforms View on GitHub
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

Need help getting started?

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