Midnight Theme

Dark, sophisticated, professional theme for corporate apps, SaaS, and modern tech.

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. Sleek and professional SaaS aesthetic.

Regular body text using Inter. 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

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 for offcanvas element in Midnight theme.

Popovers & Tooltips

Toasts example

Placeholders example

Misc example