Margin

Margin ● m-auto
● mx-auto

Margin-top ● mt-1
● mt-2
● mt-3
● mt-4
● mt-5
● mt-6
● mt-7
● mt-8
● mt-9
● mt-10

Margin-bottom ● mb-1
● mb-2
● mb-3
● mb-4
● mb-5
● mb-6
● mb-7
● mb-8
● mb-9
● mb-10

Margin-left ● ml-1
● ml-2
● ml-3
● ml-4
● ml-5
● ml-6
● ml-7
● ml-8
● ml-9
● ml-10

Margin-right ● mr-1
● mr-2
● mr-3
● mr-4
● mr-5
● mr-6
● mr-7
● mr-8
● mr-9
● mr-10

Padding

Pading ● p-auto
● px-auto

Padding-top ● pt-1
● pt-2
● pt-3
● pt-4
● pt-5
● pt-6
● pt-7
● pt-8
● pt-9
● pt-10

Padding-bottom ● pb-1
● pb-2
● pb-3
● pb-4
● pb-5
● pb-6
● pb-7
● pb-8
● pb-9
● pb-10

Pading-left ● pl-1
● pl-2
● pl-3
● pl-4
● pl-5
● pl-6
● pl-7
● pl-8
● pl-9
● pl-10

Padding-right ● pr-1
● pr-2
● pr-3
● pr-4
● pr-5
● pr-6
● pr-7
● pr-8
● pr-9
● pr-10

Colors

Light colors ● White     ■
● Yellow    ■
● Green    ■
● Purple    ■
● Cyan      ■
● Orange   ■
● Red       ■
● Blue      ■
● Pink      ■

Dark colors ● Black   ■
● Brown    ■
● Gray     ■

Width & Height

Width ● w-1
● w-2
● w-3
● w-4
● w-5
● w-6
● w-7
● w-8
● w-9
● w-10

Height ● h-1
● h-2
● h-3
● h-4
● h-5
● h-6
● h-7
● h-8
● h-9
● h-10

Typography

Font-size ● fs-1
● fs-2
● fs-3
● fs-4
● fs-5
● fs-6
● fs-7
● fs-8
● fs-9
● fs-10

Letter spacing ● ls-1
● ls-2
● ls-3
● ls-4
● ls-5
● ls-6
● ls-7
● ls-8
● ls-9
● ls-10

Line-height ● lh-1
● lh-2
● lh-3
● lh-4
● lh-5
● lh-6
● lh-7
● lh-8
● lh-9
● lh-10

Text-shadow(light) ● tx-1-light
● tx-2-light
● tx-3-light
● tx-4-light
● tx-5-light
● tx-6-light
● tx-7-light
● tx-8-light
● tx-9-light
● tx-10-light

Text-shadow(dark) ● tx-1-dark
● tx-2-dark
● tx-3-dark
● tx-4-dark
● tx-5-dark
● tx-6-dark
● tx-7-dark
● tx-8-dark
● tx-9-dark
● tx-10-dark

Box-design

Rounded box ● br-1
● br-2
● br-3
● br-4
● br-5
● br-6
● br-7
● br-8
● br-9
● br-10

Box shadow(light & outside) ● bx-1-light
● bx-2-light
● bx-3-light
● bx-4-light
● bx-5-light
● bx-6-light
● bx-7-light
● bx-8-light
● bx-9-light
● bx-10-light

Box shadow(light & inside) ● bx-i-1-light
● bx-i-2-light
● bx-i-3-light
● bx-i-4-light
● bx-i-5-light
● bx-i-6-light
● bx-i-7-light
● bx-i-8-light
● bx-i-9-light
● bx-i-10-light

Box shadow(dark & outside) ● bx-1-dark
● bx-2-dark
● bx-3-dark
● bx-4-dark
● bx-5-dark
● bx-6-dark
● bx-7-dark
● bx-8-dark
● bx-9-dark
● bx-10-dark

Box shadow(dark & inside) ● bx-i-1-dark
● bx-i-2-dark
● bx-i-3-dark
● bx-i-4-dark
● bx-i-5-dark
● bx-i-6-dark
● bx-i-7-dark
● bx-i-8-dark
● bx-i-9-dark
● bx-i-10-dark

Row & Columns

Row ● row

Column(small) ● col-sm-1
● col-sm-2
● col-sm-3
● col-sm-4
● col-sm-5
● col-sm-6
● col-sm-7
● col-sm-8
● col-sm-9
● col-sm-10
● col-sm-11
● col-sm-12

Column(medium) ● col-md-1
● col-md-2
● col-md-3
● col-md-4
● col-md-5
● col-md-6
● col-md-7
● col-md-8
● col-md-9
● col-md-10
● col-md-11
● col-md-12

Column(large) ● col-lg-1
● col-lg-2
● col-lg-3
● col-lg-4
● col-lg-5
● col-lg-6
● col-lg-7
● col-lg-8
● col-lg-9
● col-lg-10
● col-lg-11
● col-lg-12

Some other classes

Centering ● vc
(for vertically center)
● hc
(for horizontalally center)
● center
(for both horizontally and vertically)

Button ● btn
● btn-red
● btn-yellow
● btn-green
● btn-cyan
● btn-black
● btn-white
● btn-purple
● btn-orange
● btn-pink
● btn-brown

Position ● p-re
● p-fi
● p-ab
● f-l
● f-r
● f-n

Display ● d-flex
● d-block
● d-none
● fd-col
● fd-row
● ai-center
● jc-center
● jc-sb

Other ● hidden
● disabled






Want something more?

Check our latest COMPONENTS, which makes web designing more easier then your thinking .
Components

Message here
We don't share this information