https://github.com/miguelcobain/ember-paper

The Ember approach to Material Design.
https://github.com/miguelcobain/ember-paper

ember ember-addon ember-paper material-design

Last synced: about 2 months ago
JSON representation

The Ember approach to Material Design.

• Host: GitHub
• URL: https://github.com/miguelcobain/ember-paper
• Owner: miguelcobain
• License: mit
• Created: 2014-10-20T15:50:07.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2023-10-13T21:16:51.000Z (9 months ago)
• Last Synced: 2024-05-02T05:41:54.540Z (about 2 months ago)
• Topics: ember, ember-addon, ember-paper, material-design
• Language: JavaScript
• Homepage: http://miguelcobain.github.io/ember-paper
• Size: 18.7 MB
• Stars: 888
• Watchers: 32
• Forks: 329
• Open Issues: 194
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Lists

• awesome-ember - ember-paper - The Ember.js approach to Material Design. (Packages / UI libs)
• awesome-material - ember-paper

README

        
# Ember Paper [![Build Status](https://travis-ci.org/miguelcobain/ember-paper.svg)](https://travis-ci.org/miguelcobain/ember-paper) [![Ember Observer Score](http://emberobserver.com/badges/ember-paper.svg)](http://emberobserver.com/addons/ember-paper) [![Discord](https://img.shields.io/discord/480462759797063690.svg?logo=discord)](https://discord.gg/zT3asNS)

This project aims to bring Google's new [Material Design](https://www.google.com/design/spec/material-design/introduction.html) to Ember. The goal is to encapsulate everything possible in Ember components. This project is packaged as an [Ember-cli](http://www.ember-cli.com/) addon.

[Explore Ember Paper docs »](https://miguelcobain.github.io/ember-paper/)

## Installation

Install the ember-cli addon in your ember-cli project:

```

$ ember install ember-paper

```

This should also automatically create an scss file under `app/styles/app.scss` with `@import 'ember-paper';` and install `ember-cli-sass`.

Sass is an important part of Ember-paper. Using sass you can override default variables and easily change the default behavior of ember-paper styles.

All the components and styles are ready to use in your application templates.

Navigate through the docs to understand how to use each component.

## Resources

- Contributors can often be found on the [#e-paper channel on discord](https://discord.gg/zT3asNS).

- The [GitHub milestone issue](https://github.com/miguelcobain/ember-paper/issues/249) tracks our progress to version 1.0.

- Building the `ember-paper` demo application will give you your own up-to-date reference. This can be accomplished by cloning ember-paper as if it were an application and running `ember server`.

## Contributing

This is an ambitious project. Google's design specs are extensive, and non-trivial to implement. If you can port or fix a component or two, please drop a pull request or issue on GitHub or join us on Discord.

With everyone's help, we can bring this amazing design spec to Ember in a modular and elegant way. The Ember way.

## License

This project is licensed under the [MIT License](LICENSE.md).