Powered by NeGD | MeitY Government of India® UX4G
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.
Group a series of buttons together on a single line or stack them in a vertical column.
Use UX4G’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
UX4G’s cards provide a flexible and extensible content container with multiple variants and options.
A slideshow component for cycling through elements—images or slides of text—like a carousel.
Toggle contextual overlays for displaying lists of links and more with the UX4G dropdown plugin.
List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.
Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.
Use loading placeholders for your components or pages to indicate something may still be loading.
Documentation and examples for adding UX4G popovers, like those found in iOS, to any element on your site.
Documentation and examples for using UX4G custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.
Automatically update UX4G navigation or list group components based on scroll position to indicate which link is currently active in the viewport.
Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.