Flying-fast Metro UI future vision components
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
examples
features
public
.gitignore
.jscsrc
.jshintrc
CHANGELOG.md
CONTRIBUTING.md
ISSUE_TEMPLATE.md
LICENSE
PULL_REQUEST_TEMPLATE.md
README.md
gulpfile.js
index.js
package.json

README.md

Plumes

Join the chat at https://gitter.im/CodeCorico/plumes

Flying-fast Metro future vision components

Microsoft: Productivity Future Vision

Installation

Include the module in your project with :

npm install --save plumes

How to use it

Compile template files

You can compile and move your Less, JavaScript and HTML files to your /public folder with Plumes.

To start the gulp watcher, include this code in your gulpfile.js then start gulp:

var Plumes = require('plumes');

new Plumes({
  paths: {
    features: './features',
    public: './public'
  }
});

Use the components

Plumes contains many Ractive components and CSS layouts. To use it you have to include Ractive, Ractive Require and jQuery:

<script src="http://cdn.ractivejs.org/latest/ractive.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ractive-require/0.6.8/ractive-require.min.js"></script>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

Each component is compiled and ready to use in the /public folder.

Example

You can try all of the components with the examples.