Neo-brutalism (soft) Theme

Thick borders and offset shadows in bright colors with soft rounded corners, distinct from raw Brutalski.

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 showcasing the Neo-brutalism (soft) aesthetic.

Regular body text paragraph. Highlighted text, underlined text, and bold text.

Standard link and Secondary link.

Design is not just what it looks like and feels like. Design is how it works.

Steve Jobs 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

Card text rendered cleanly with theme primary background.

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 Neo-brutalism (soft) theme.

16. Popovers and Tooltips

17. Toasts

18. Placeholders

19. Misc