metrojs

drewgreenwell
js Styles
metrojs JS library homepage metrojs JS library on npm Download metrojs JS library

Metro JS is a plugin to help make Metro ( also known as flat or modern ) interfaces on the web. Example features include Live Tiles that can fade, flip, slide at custom points or in a carousel. Theme and accent colors are supported along with custom tile

Version 0.9.77
metrojs JS library homepage
metrojs JS library on GitHub
metrojs JS library on npm
Download metrojs JS library
Keywords
jquery-pluginecosystem:jquerymetrotransform3dlive-tilemodern-uiflat-ui
INSTALL
Type:
Version:
<script src=" https://cdn.jsdelivr.net/npm/metrojs@0.9.77/release/MetroJs.Full/MetroJs.min.js "></script>
<link href=" https://cdn.jsdelivr.net/npm/metrojs@0.9.77/release/MetroJs.Full/MetroJs.min.css " rel="stylesheet">
No default CSS file set by the package author so the URL is guessed. You can always browse all package files to use another one.
Readme Files Statistics Browse CDN

Metro JS

This repository contains the source code and a pre built version of the full release of Metro JS.

View examples, documentation, and build a custom version of Metro JS here: http://www.drewgreenwell.com/projects/metrojs

Generate your own custom theme here: http://www.drewgreenwell.com/projects/metrojs/theme-generator

Check out my homepage to see many Metro JS features in action here: http://www.drewgreenwell.com

Some Features

  • flipping and sliding live tiles
  • list of tiles that flip in user defined patterns e.g. mosaics
  • carousel tiles to slide in several tile faces from side to side or top to bottom
  • tile layouts and theme support with a custom theme generator
  • can be fully driven by data- attributes
  • applicationBar ala Windows Phone ( title and charm bar modes in development )