Ayu Theme

A simple, bright, and elegant theme designed for all day coding comfort.

1. Navbar

2. Buttons

3. Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Display 1

This is a lead paragraph. Deep blue and cyan ocean atmosphere.

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

Standard link and Secondary link.

The sea, once it casts its spell, holds one in its net of wonder forever.

Jacques Yves Cousteau in Source Title

4. Tables

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

5. Forms

@
Please provide a valid input.

6. Navs & Tabs

7. Alerts

8. Badges

Primary Secondary Success Danger Pill

9. Progress & Spinners

10. List groups

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

11. Cards

Card Header
Card Title

Some quick example text to build on the card title.

Go somewhere
Primary Header
Primary Card

Content looks great on deep ocean cyan backgrounds too.

Border Primary
  • An item
  • A second item

12. Accordions

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

Content for the second accordion item.

13. Carousel

14. Modals

15. Offcanvas

Offcanvas
Some text as placeholder for offcanvas element in Ayu theme.

16. Popovers and Tooltips

17. Toasts

18. Placeholders

19. Misc