How it works?

ATTENTION: IT MAY CAUSE EXTREME EXITEMENT

Everything you see below works on any element, div, button, text, shape, etc...

This is Jack

a very simple button with not much going on.
primary-btn

Buttons

Oh wait... now it can change size -
tiny, small, normal, big, large, icon
primary-btn big

Shapes

100's of possible shapes - control each corner border and radius
primary-btn big round square-tl

Borders

design your shape with 35 border variations
primary-btn big white border-rl-3

Colors

260+ colors. Works for borders, texts & backgrounds
primary-btn big round no-bg border-2 b-superman t-superman

Hovers

260+ colors using the class. Works for borders, texts & backgrounds
primary-btn big round-12 web-red hv-pineapple t-white t-hv-dark-clay border-3 b-google-red b-hv-white

Gradients

30 stunning gradients - work with background color
primary-btn big gr-blue-pink t-white-orange round

Sadows

10 shadows to work with any element - including hover
primary-btn big white hv-facebook t-facebook t-hv-white round-6 shadow

This is Lola

a social icon without style.

with AZ-styles, Lola can express her creativity
primary-btn icon pinterest t-white hv-op-7
primary-btn icon pill facebook t-white hv-denim
primary-btn icon round-12 gr-viola-pink t-white hv-round

This is Fabio

a lonely text

I believe in style

and i'm not a lonely and simple text anymore.

HOVER ME
gr-white shadow-3 p40
t-bumblebee t-hv-red mt-30
mt-minus-40
primary-btn round superman hv-white b-superman border-2 t-white t-hv-superman hv-lspace-2
Read Documentation