UX4G Design System

Our default branch is for development of our UX4G release.

Quick start

Several quick start options are available:

• Download the latest release

• Clone the repo: git clone https://github.com/ux4g/ux4g-design-system-v1.git

Read the Getting started page for information on the framework contents, templates, examples, and more.

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.

Download contents

ux4g/
├── css/
│   ├── ux4g-grid.css
│   ├── ux4g-grid.css.map
│   ├── ux4g-grid.min.css
│   ├── ux4g-grid.min.css.map
│   ├── ux4g-grid.rtl.css
│   ├── ux4g-grid.rtl.css.map
│   ├── ux4g-grid.rtl.min.css
│   ├── ux4g-grid.rtl.min.css.map
│   ├── ux4g-reboot.css
│   ├── ux4g-reboot.css.map
│   ├── ux4g-reboot.min.css
│   ├── ux4g-reboot.min.css.map
│   ├── ux4g-reboot.rtl.css
│   ├── ux4g-reboot.rtl.css.map
│   ├── ux4g-reboot.rtl.min.css
│   ├── ux4g-reboot.rtl.min.css.map
│   ├── ux4g-utilities.css
│   ├── ux4g-utilities.css.map
│   ├── ux4g-utilities.min.css
│   ├── ux4g-utilities.min.css.map
│   ├── ux4g-utilities.rtl.css
│   ├── ux4g-utilities.rtl.css.map
│   ├── ux4g-utilities.rtl.min.css
│   ├── ux4g-utilities.rtl.min.css.map
│   ├── ux4g.css
│   ├── ux4g.css.map
│   ├── ux4g.min.css
│   ├── ux4g.min.css.map
│   ├── ux4g.rtl.css
│   ├── ux4g.rtl.css.map
│   ├── ux4g.rtl.min.css
│   └── ux4g.rtl.min.css.map
└── js/
    ├── ux4g.bundle.js
    ├── ux4g.bundle.js.map
    ├── ux4g.bundle.min.js
    ├── ux4g.bundle.min.js.map
    ├── ux4g.esm.js
    ├── ux4g.esm.js.map
    ├── ux4g.esm.min.js
    ├── ux4g.esm.min.js.map
    ├── ux4g.js
    ├── ux4g.js.map
    ├── ux4g.min.js
    └── ux4g.min.js.map

We provide compiled CSS and JS (ux4g.*), as well as compiled and minified CSS and JS (ux4g.min.*). Source maps (ux4g.*.map) are available for use with certain browsers' developer tools. Bundled JS files (ux4g.bundle.js and minified ux4g.bundle.min.js) include Popper.

Documentation

Description	URL
CSS	https://img1.digitallocker.gov.in/ux4g/[email protected]/css/ux4g-min.css
JS	https://img1.digitallocker.gov.in/ux4g/[email protected]/js/ux4g.min.js

OR

Compiled CSS and JS

Drop ready-to-use compiled code for UX4G v1.0.0 into the project by downloading it, which contains:

• CSS bundles that have been combined and compressed (see CSS files comparison)
• JavaScript plugins that have been compiled and minified (see JS files comparison)

This excludes any source files, documentation, or optional JavaScript dependencies like Popper.

Download

Community

Get updates on UX4G's development and chat with the project maintainers and community members.

Follow @ux_4g on Twitter

Watch and subscribe UX4g Youtube channel

Read and subscribe The UX4g Blog

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, ux4g is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we adhere to those rules whenever possible.

Creators

U4GX @ux_4g on Twitter

Copyright and license

Code and documentation copyright 2023. Docs released under Creative Commons