Agile CSS Framework provides 100's of free UI elemnts you can use in your project

Backgrounds

The best way to add Agile CSS Framework to your project is to download the css file and link to it in your HTML page header

Colored

Please add the CSS classes in the boxes

bg-color-1
bg-color-2
bg-color-gradient
bg-danger
bg-success
bg-info
bg-grey
bg-dark
bga-color-1
bga-color-2
bg-light-grey
bga-danger
bga-success
bga-info
bga-grey
bga-dark
Outlined

Please add the CSS classes in the boxes

outline-color-1
outline-color-2
outline-color-info
outline-color-success
outline-color-dark
outline-light-grey
Brightened

Please add the CSS classes in the boxes

bg-color-1 brightness-150
bg-color-1
bg-color-1 brightness-66
bg-color-1 brightness-33

Buttons

Add the element button or the class button apply the classes below

Sizes
Outlined
Width



Badges

Add a span element with the class badge apply the classes below

bg-color-1 bg-color-2 bg-grey bg-info bg-success bg-danger bga-color-1 bga-color-2 bga-grey bga-info bga-success bga-danger

outline-color-1 outline-color-2 outline-color-dark outline-color-success outline-color-info outline-color-danger

Designed and built with love by Kim Majali, maintained by Europe IT Outsourcing Company Developers.