0.4.0 • Published 10 years ago

afgor-ui v0.4.0

Weekly downloads
4
License
MIT
Repository
github
Last release
10 years ago

Afgor-UI

npm version

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

0.4.0

10 years ago

0.3.1

10 years ago

0.3.0

10 years ago

0.2.2

10 years ago

0.2.1

10 years ago

0.2.0

10 years ago

0.1.3

10 years ago

0.1.2

10 years ago

0.1.1

10 years ago

0.1.0

10 years ago