Header 1

Header 2

Header 3

Header 4

Paragraph

Label

Span

Text align left


Text align right


Text align center


Text align justify


Sticky header


Flex column


Flex row


Variable variables

Primary color

Secondary color

Success color

Warning color

Danger color

Info color


Custom variables

White color

Black color

Red color

Orange color

Yellow color

Green color

Teal color

Cyan color

Blue color

Purple color

Pink color


Custom variables sheet

bg-red10
bg-red20
bg-red30
bg-red40
bg-red50
bg-red60
bg-red70
bg-red80
bg-red90
bg-orange10
bg-orange20
bg-orange30
bg-orange40
bg-orange50
bg-orange60
bg-orange70
bg-orange80
bg-orange90
bg-yellow10
bg-yellow20
bg-yellow30
bg-yellow40
bg-yellow50
bg-yellow60
bg-yellow70
bg-yellow80
bg-yellow90
bg-green10
bg-green20
bg-green30
bg-green40
bg-green50
bg-green60
bg-green70
bg-green80
bg-green90
bg-teal10
bg-teal20
bg-teal30
bg-teal40
bg-teal50
bg-teal60
bg-teal70
bg-teal80
bg-teal90
bg-cyan10
bg-cyan20
bg-cyan30
bg-cyan40
bg-cyan50
bg-cyan60
bg-cyan70
bg-cyan80
bg-cyan90
bg-blue10
bg-blue20
bg-blue30
bg-blue40
bg-blue50
bg-blue60
bg-blue70
bg-blue80
bg-blue90
bg-purple10
bg-purple20
bg-purple30
bg-purple40
bg-purple50
bg-purple60
bg-purple70
bg-purple80
bg-purple90
bg-pink10
bg-pink20
bg-pink30
bg-pink40
bg-pink50
bg-pink60
bg-pink70
bg-pink80
bg-pink90

Code

x + y = z

Code block

x + y = z

Onclick href


Toggle element



Toggle elements



Toggle elements with hidden



Slideshow

First
Second
Third

Searchbar

Adam
Michael
Carel
Steve

Slider Checkbox



Slider Radio



Float input


Close x button and modal


Dark mode



Foreach

Hello world

Hello world

Hello world


Custom color

Hello world

Hello world

Hello world