Flying-fast Metro future vision components


Keywords
ui, patterns, components, design, metro, future, vision
License
MIT
Install
npm install plumes@0.6.5

Documentation

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.