Powered by NeGD | MeitY Government of India® UX4G
The utility API is a Sass-based tool to generate utility classes.
Convey meaning through background-color and add decoration with gradients.
Use border utilities to add or remove an element’s borders. Choose from all borders or one at a time.
Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.
Quickly and responsively toggle the display value of components and more with our display utilities.
Quickly manage the layout, alignment, and sizing of grid columns, navigation, components, and more with a full suite of responsive flexbox utilities.
Toggle floats on any element, across any breakpoint, using our responsive float utilities.
Utility classes that change how users interact with contents of a website.
Use these shorthand utilities for quickly configuring how content overflows an element.
Use these shorthand utilities for quickly configuring the position of an element.
Add or remove shadows to elements with box-shadow utilities.
Easily make an element as wide or as tall with our width and height utilities.
UX4G includes a wide range of shorthand responsive margin, padding, and gap utility classes to modify an element’s appearance.
Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.
Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.
Control the visibility of elements, without modifying their display, with visibility utilities.
Government of
India
