Ubuntu Yaru Aesthetic

Warm, approachable, and human-centric Bootstrap 5 theme.

Navbar example

Buttons & Button Groups

Typography example

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Display 1

This is a lead paragraph. It stands out from regular text.

Regular body text using the Ubuntu font stack. Highlighted text, underlined text, and bold text.

Standard link and Secondary link.

A well-known quote, contained in a blockquote element.

Someone famous in Source Title

Tables example

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Forms example

@
Please provide a valid input.

Navs, Tabs & Pagination

Alerts example

Badges example

Primary Secondary Success Danger Pill

Progress & Spinners

List Groups

  • An active item
  • A second item
  • A third item
  • A disabled item
Linked active item Linked item Linked item

Cards example

Card Header
Card Title

Some quick example text to build on the card title.

Go somewhere
Primary Header
Primary Card

Content looks great on colored backgrounds too.

Border Primary
  • An item
  • A second item

Accordions example

This is the first item's accordion body. It is shown by default.

Content for the second accordion item.

Carousel example

Modals example

Offcanvas example

Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

Popovers & Tooltips

Toasts example

Placeholders example

Misc example