ux4g 0.1.1 copy "ux4g: ^0.1.1" to clipboard
ux4g: ^0.1.1 copied to clipboard

Community-driven implementation of the Government of India UX4G design system for Flutter. Production-ready UI library for accessible, responsive apps.

Changelog #

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

0.1.1 - 2025-11-28 #

Fixed #

  • Shortened package description to comply with pub.dev guidelines.
  • Code formatting improvements.

0.1.0 - 2025-11-28 #

Added #

Initial Release - Community implementation of Government of India UX4G and DBIM design system for Flutter.

Design Tokens (Official Figma v2.0.8)

  • 200+ official color tokens from Figma design kit
    • Complete semantic color scales (Primary, Secondary, Neutral, Success, Danger, Warning)
    • 10-level gradients for each semantic color
    • 6 transparency levels (8%, 16%, 24%, 32%, 40%, 48%) for all colors
    • Text-specific colors (Dark, Light, Primary, Hint, Disabled, Success, Error, Warning)
    • 7-level stroke scale for borders
    • 6 focus state shadows for WCAG compliance
  • Typography system with Noto Sans font family
    • 15 official font sizes (11px - 80px)
    • 4 official weights (Regular, Medium, SemiBold, Bold)
    • Semantic aliases for headings, body, labels, and display text
  • 15-level spacing scale (none → 9xl)
  • 12-level border radius scale (none → 5xl, full)
  • 6 professional shadow levels (xs → 2xl) with exact Figma specifications

Components

  • Buttons: Primary, Secondary, Success, Danger, Warning, Ghost, Link variants
  • Forms: TextField, Checkbox, Radio, Switch, Select
  • Layout: Card, Container, Grid (responsive 12-column), Scaffold
  • Navigation: AppBar, Navbar, Sidebar, Breadcrumb, Tabs, Pagination
  • Feedback: Alert, Badge, Modal, Progress, Snackbar, Spinner
  • Data Display: List, Table
  • Icons: 100+ curated Material Icons with accessibility helpers

Features

  • 100% Figma Accuracy: All tokens match official UX4G Figma design kit
  • Multi-platform Support: Android, iOS, Web, Linux, macOS, Windows
  • Accessibility First: WCAG 2.1 AA compliant components
  • Responsive Design: Built-in responsive grid and breakpoints
  • RTL Support: Full right-to-left language support
  • Theme System: Complete light/dark theme implementation
  • Zero Dependencies: Minimal footprint (only google_fonts)
  • Backward Compatible: Legacy token aliases for smooth migration
  • Type-Safe: Full Dart type safety with rich enums
  • Production Ready: 18/18 tests passing, zero errors/warnings

Documentation

  • Comprehensive README with quick start guide
  • Example app showcasing all components
  • API documentation for all public members
  • CONTRIBUTING and CODE_OF_CONDUCT guidelines
  • Security policy and governance documentation
  • Icons usage guide with accessibility best practices

Changed #

  • N/A (Initial release)

Deprecated #

  • N/A (Initial release)

Removed #

  • N/A (Initial release)

Fixed #

  • N/A (Initial release)

Security #

  • AGPL-3.0 license for open collaboration
  • No known security vulnerabilities

Future Releases #

See GitHub Issues for planned features and improvements.

1
likes
150
points
23
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

Community-driven implementation of the Government of India UX4G design system for Flutter. Production-ready UI library for accessible, responsive apps.

Homepage
Repository (GitHub)
View/report issues

Topics

#ux4g #design-system #government #ui #accessibility

Funding

Consider supporting this project:

www.ux4g.gov.in

License

AGPL-3.0 (license)

Dependencies

flutter, google_fonts

More

Packages that depend on ux4g