Afgor-UI
A simple framework by afgor.com, created for designing web apps and simple websites. Has some nice effects and is fully flat.
Available packages
npm package
ruby package
php package
This package is for HTML or PHP
So how to use it in your project
Contents
"files": [
"ui/afgor-ui.css",
"ui/afgor-ui-grid.css",
"ui/afgor-ui.js"
]
This package actualy integrates a lovely UI afgor-ui to your app. Just install it and add includes for files that you want to use.
You even can use it with your own grid! Just dont include the afgor-ui-grid.css
file.
Syntax
To include afgor-ui in your project you need to add some simple lines in your index.html
Firstly add the main css
file of afgor-ui
<link href="ui/afgor-ui.css" rel="stylesheet" type="text/css">
Then you need to add a js file to make those lovely effects work, this could be done by adding the line below
<script src="ui/afgor-ui.js"></script>
and some additional libraries add manualy
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
in the end of your document.
And now the main thing is done!
If you want to use afgor-ui-grid you should include the next css file
<link href="ui/afgor-ui-grid.css" rel="stylesheet" type="text/css">
So this is it! Just use. More about elements you can find at GitHub Wiki Page.