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

MIT Licenced