Alerts

Provide message for when user interact with the interface


Examples

Alerts are available for any length of text. For proper styling use one of the listed below

This is primary alert
This is error alert
This is success alert
This is info alert
This is warning alert



Avatars

The avatar component is a profile image often used in combo with additional elements (e.g., a status element) to provide additional info about a user.


Examples

You get 3 sizes with a badge which will tell whether the user is offline/online




Badges

Badges can be used to label the messages and can be used to maintain a count.


Examples

You get 5 badges with your customizable text

primary error success info warning



Buttons

Use NueUI's custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.


Examples

NueUI includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.






Cards

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.


Examples

We have many cards. They are built using flexbox and hence responsive. You can choose your favourite amongst them.

Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Card image cap New
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Card image cap

Text overlay

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Card image cap New
Shirt

Cotton T-shirt.

Rs.900 Rs.1500 (40% OFF)




Inputs

Easily extend form controls by adding text, buttons, or button groups .


Examples

You can choose to have buttons or text on either side of your input field. It can take any text length as desired.

@

medium

Must be a valid email address.

Your password must be at least 6 characters as well as contain at least one uppercase, one lowercase, and one number.


Modals

Use NueUI modal to add dialogs to your site for lightboxes, user notifications, or completely custom content.


Examples

Modals use position: fixed, which can sometimes be a bit particular about its rendering. Whenever possible, place your modal HTML in a top-level position to avoid potential interference from other elements.





Typography

Use the below shown typographic styles to convey relevant meaning to your audience.


Examples

Use the relevant class names to get the desired style. You can also combine class names.You get options for headings,paragraphs and lists.

Heading in h1

Heading in h2

Heading in h3

Heading in h4

Heading in h5
Heading in h6

This is strong.

This is marked.

This is small text.

This is italic-element.

This is centered text.

This is underlined.

This is strikethrough.


  • Home
  • Profile
  • About
  • Contact
  • Home
  • Profile
  • About
  • Contact
  • Home
  • Profile
  • About
  • Contact