0.4.0 • Published 9 years ago
afgor-ui v0.4.0
Afgor-UI
A simple framework by afgor.com, created for designing web apps and simple websites. Has some nice effects and is fully flat.
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="node_modules/afgor-ui/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
``` html
<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>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/jquery.gsap.min.js"></script>
<script src="node_modules/afgor-ui/ui/afgor-ui.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="node_modules/afgor-ui/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.
Installation
npm install afgor-ui