Color Scheme

Layout

Background Patterns

Background Images

Icon effects

You can mix any size, color, animation and icon.

It's about 40000000+ possible variations :)

  • Icon: Bug
  • Size: Large
  • Color: Info
  • To Color: Success
  • Shape: Round
  • Animation: Top to bottom
  • Icon: Cogs
  • Size: Big
  • Color: Black
  • To color: Inverse
  • Animation: Border Fade out
  • Icon: Heart
  • Size: Normal
  • Color: Danger
  • Shape: Border, round
  • Animation: Shake
  • Icon: Fire
  • Size: Large
  • Color: Warning
  • To Color: Danger
  • Animation: Border Fadein
  • Icon: Gift
  • Size: Big
  • Color: Inverse
  • To color: Normal
  • Shape: Round
  • Animation: Left to Right
  • Icon: Tag
  • Size: Normal
  • Color: Gray
  • To color: Normal
  • Animation: Bounce
  • Icon: Gear
  • Size: Large
  • Color: Success
  • To Color: Inverse
  • Shape: Round, dashed
  • Animation: Tada
  • Icon: Glass
  • Size: Big
  • Color: Normal
  • To color: Danger
  • Animation: Flash
  • Icon: Globe
  • Size: Normal
  • Color: Info
  • Shape: Round
  • Animation: Border Rise

Sizes

Huge

Large

Big

Normal

Colors

Normal

Black

Gray

Inverse

Info

Success

Warning

Danger

You can set any transition between colors

Black to Normal

Warning Danger

Normal Inverse

Gray Success

Info Black

Inverse Gray

Shape

Round

Border

Border Round

Border Dashed

Dashed Round

Animations

Flash

Shake

Bounce

Tada

Swing

Pulse

Border Rise

Border Rise Alt

Border Fade out

Border Fade in

Left to Right

Right to Left

Top to Bottom

Bottom to Top

Aligment

Normal

Dictumst viverra libero justo tempus urna eleifend morbi

Center

Magnis cum non dictumst enim luctus morbi ultricies

Left

Taciti est mauris suscipit morbi hendrerit luctus natoque

Right

Aliquam condimentum ullamcorper dapibus molestie fringilla risus elementum

Tooltips

Top

Bottom

Left

Right