A simple UI for websites used with NODE and Ruby


Keywords
afgor, ui, framework, node
License
MIT
Install
npm install afgor-ui@0.4.0

Documentation

Afgor-UI Codeship Status for MarkusBansky/afgor-framework

GitHub versionnpm versionGem VersionPHP version

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.

MIT Licenced