Blaze
Theme
Customise Blaze UI CSS variables
Try a theme
Colors
This is some example text.
This is some example text.
This is highlighted text.
Background
Colors
Text
Text Colors
Borders
Alerts & Toasts
Default -
this is a link
Brand -
this is a link
Info -
this is a link
Warning -
this is a link
Success -
this is a link
Error (also not dismissible) - this is a link
Overrides
Brand
Info
Warning
Success
Error
Links
Avatars
Overrides
Badges
Overrides
Brand
Info
Warning
Success
Error
Ghost
Ghost - Brand
Ghost - Info
Ghost - Warning
Ghost - Success
Ghost - Error
Buttons
Default
Brand
Info
Warning
Success
Error
Ghost
Ghost - Brand
Ghost - Info
Ghost - Warning
Ghost - Success
Ghost - Error
Calendars
2016
January
Su
Mo
Tu
We
Th
Fr
Sa
Overrides
Date
In month
Current
Selected
Hover
Cards
HeadingSub-heading
Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.
Items
Header
Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.
Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.
Divider
Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.
Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.
Footer
Dividers
Item 1
Item 2
Divider
Item 3
Item 4
Grouped
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Accordions
Overrides
Item
Divider
Brand
Info
Warning
Success
Error
Control
Menus
Overrides
Autocomplete
Modals
Default ModalSub-heading
Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.
Ghost ModalSub-heading
Lorem ipsum dolor sit amet, feugiat corpora ex eam. Inciderint eloquentiam sea et.
Overrides
Ghost
Divider
Hello, world
Dashed
Dotted
Overrides
File Upload
Drop to upload your files
Overrides
Inputs
Overrides
Border
Pagination
Overrides
Progress
Overrides
Brand
Info
Warning
Success
Error
Border
Ranges
Handle
Track
Colors
Tables
First name | Last name | Username |
---|---|---|
Jim | Kirk | @captaink |
Mr. | Spock | @science101 |
Nyota | Uhura | @comms |
First name | Last name | Username |
---|---|---|
Jim | Kirk | @captaink |
Mr. | Spock | @science101 |
Nyota | Uhura | @comms |
Overrides
Rows
Clickable
Disabled
Tabs
This is tab one
This is tab two
This is tab three
This is tab four
This is tab five
This is tab six
Disabled
Overrides
Active
Hover
Brand
Info
Warning
Success
Error
Border
Timelines
- Nothing
- Big bang
Widely considered to be how the universe began
- Galaxies go everywhere
- Solar systems form
- Earth appears
- Human infestation occurs!
- All this has happened before and will happen again
- Evolution
Overrides
Colors
Loading
Toggles
Overrides
Handle
Tooltips
Overrides
Trees
Overrides
Typography
Hyper-links
.c-linkbrand
info
warning
success
error
Highlighting text
Highlight words with the highlight classCode
<html>
<body>
<main>
<header>
<h1>code words with the code class</h1>
</header>
</main>
</body>
</html>
Blockquote
"Never tell the same lie twice."
"Logic is the beginning of wisdom, not the end."
"I'm no angel, but I try to live every day as the best human being I know how to be."
"I don't believe in the no-win scenario."
"Things are only impossible until they are not."
Links
Link Colors
Highlight
Code
Blockquotes