ember-paper - The Ember approach to Material Design.

  •        8

This project aims to bring Google's new Material Design to Ember. The goal is to encapsulate everything possible in Ember components. This project is packaged as an Ember-cli addon. This should also automatically create an scss file under app/styles/app.scss with @import 'ember-paper'; and install ember-cli-sass.

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

Dependencies:

angular-material-source : github:angular/material#v1.1.9
broccoli-autoprefixer : ^5.0.0
broccoli-file-creator : ^2.1.1
broccoli-filter : ^1.3.0
broccoli-funnel : ^2.0.1
broccoli-merge-trees : ^3.0.0
ember-basic-dropdown : ^1.0.0
ember-cli-babel : ^6.6.0
ember-cli-htmlbars : ^2.0.1
ember-composability-tools : 0.0.9
ember-css-transitions : ^0.1.14
ember-get-config : ^0.2.4
ember-maybe-in-element : ^0.1.3
ember-power-select : ^2.0.0
fastboot-transform : ^0.1.3
hammerjs : ^2.0.8
matchmedia-polyfill : ^0.3.0
propagating-hammerjs : ^1.4.6
resolve : ^1.3.3
virtual-each : ~0.6.0

Tags
Implementation
License
Platform

   




Related Projects

ember-cli-materialize - Material Design (via Materialize) for Ember.js Apps

  •    Javascript

An ember-cli addon for using Materialize (CSS Framework based on Material Design) in Ember applications. The online demo demonstrates all components with all possible options.

ember-json-api - JSON API adapter for Ember Data.

  •    Javascript

Deprecation Notice: This addon was developed to add support for JSON API in Ember Data. With the release of Ember Data v1.13 support for JSON API was built-in, making this addon unnecessary. Since Ember Data now offers a similar feature set, we have decided to deprecate this addon. For more information on how to use the offical Ember Data solution see the Ember 1.13 release notes.

ember-modal-dialog - An ember-cli addon for implementing modal dialogs

  •    Javascript

The ember-modal-dialog addon provides components to implement modal dialogs throughout an Ember application using a simple, consistent pattern. Unlike some other modal libraries for Ember, ember-modal-dialog uses solutions like ember-wormhole to render a modal structure as a top-level DOM element for layout purposes while retaining its logical position in the Ember view hierarchy. This difference introduces a certain elegance and, dare we say, joy, into the experience of using modals in your app. For more info on this, see the "Wormhole" section below.

BFPaperCheckbox - iOS Checkboxes inspired by Google's Paper Material Design.

  •    Objective-C

iOS Checkboxes inspired by Google's Paper Material Design. BFPaperCheckbox is a subclass of UIControl that behaves much like the new paper checkboxes from Google's Material Design Labs. All animation are asynchronous and are performed on sublayers. BFPaperCheckboxes work right away with pleasing default behaviors, however they can be easily customized! The checkmark color and tap-circle color, both positive and negative (for checked and unchecked) are all readily customizable via public properties. You can also set whether or not the tap-circle should appear from the location of the tap, or directly from the center of the control.

BFPaperTabBarController - iOS UITabBar (controller) inspired by Google's Paper Material Design.

  •    Objective-C

iOS UITabBar (controller) inspired by Google's Paper Material Design. BFPaperTabBarController is a subclass of UITabBarController that behaves much like the new paper tab bar from Google's Material Design Labs. All animation are asynchronous and are performed on sublayers. BFPaperTabBarControllers work right away with pleasing default behaviors, however they can be easily customized! The tap-circle color, background fade color, tap-circle diameter, underline color, and underline thickness are all readily customizable via public properties.


ember-cli-flash - Simple, highly configurable flash messages for ember-cli

  •    Javascript

Simple, highly configurable flash messages for ember-cli. This addon is tested against the release, beta and canary channels, ~1.11.0, and 1.12.1. Because this addon makes use of attribute bindings, which were introduced in ember 1.11.0, earlier versions of ember are not compatible with the latest version.

ember-api-actions - Trigger API actions in ember.js apps

  •    Javascript

Trigger "remote" actions on ember-data resources that don't fit into typical CRUD RESTful API design. This is not immediately intuitive with ember-data, and these kinds of API endpoints can be found in widely-used RESTful APIs. This library aims to make it easy.

material-kit - Free Bootstrap Material Design UI Kit

  •    CSS

Material Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project. Material Kit makes use of light, surface and movement. It uses a deliberate color choice, edge-to-edge imagery and large scale typography. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left and the actions on the right.

BFPaperButton - iOS Buttons inspired by Google's Paper Material Design.

  •    Objective-C

A flat button inspired by Google Material Design's Paper theme. BFPaperButton is a subclass of UIButton that behaves much like the new paper buttons from Google's Material Design Labs. All animation are asynchronous and are performed on sublayers. BFPaperButtons work right away with pleasing default behaviors, however they can be easily customized! The corner radius, tap-circle color, background fade color, and tap-circle diameter are all readily customizable via public properties.

material-dashboard - Material Dashboard - Open Source Bootstrap 4 Material Design Admin

  •    CSS

Material Dashboard is a free Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements. Material Dashboard makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.

ember-electron - :zap: Build, test, compile and package desktop apps with Ember and Electron

  •    Javascript

An Ember addon to turn Ember apps into cross-platform desktop applications, taking care of development, tests, compilation, and installer creation. To see a real world example, check out Ghost Desktop.

ember-light-table - Lightweight, contextual component based table for Ember 2.3+

  •    Javascript

Ember Light Table is a lightweight contextual component based table addon that follows Ember's actions up, data down ideology. We're glad you love ember-light-table just as much as we do! If you want to help us making it even better, we would be delighted to have you on board, even if you've just started using Ember.

ember-table

  •    Javascript

An addon to support large data set and a number of features around table. Ember Table can handle over 100,000 rows without any rendering or performance issue. This version of Ember Table supports Ember 1.11 to latest version of Ember. To use Ember Table, you need to create columns and rows dataset.

ember-power-select - The extensible select component built for ember.

  •    Javascript

Ember Power Select is a select component written in Ember with a focus in flexibility and extensibility. It is designed to work well with the way we build Ember apps, so it plays nicely with promises, ember-concurrency's tasks, ember-data collections and follows idiomatic patterns.

ember-watson - A young Ember Doctor to help you fix your code.

  •    Javascript

A young Ember Doctor. ember-watson can be used as an Ember CLI addon, it will extend the available list of commands.

ember-data-model-fragments - Ember Data addon to support nested JSON documents

  •    Javascript

This package provides support for sub-models that can be treated much like belongsTo and hasMany relationships are, but whose persistence is managed completely through the parent object. ⚠️ Deprecated APIs have been removed. See the changelog for more information on breaking changes.

ember-responsive - Easy responsive layouts with Ember

  •    Javascript

ember-responsive is an ember-cli addon that give you a simple, Ember-aware way of dealing with media queries. This default config has already been provided for you. If you wish to change the values or add new ones, simply create a new app/breakpoints.js in your project and export your chosen config.

ember-cli-cordova - A tool for creating hybrid apps using a combination of ember-cli and cordova

  •    Javascript

I will not be focusing on backward compatibility with older ember-cli versions as it's moving too fast and the API is constantly changing. I will always have this working with the latest stable release of ember-cli. To provide a toolchain tightly integrated with ember-cli to make developing hybrid apps with cordova and ember as simple as possible.

material-dashboard-react - React version of Material Dashboard by Creative Tim

  •    Javascript

Material Dashboard React is a free Material-UI Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard React was built over the popular Material-UI framework. Material Dashboard React makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.

material-dashboard-angular2 - Material Dashboard Angular 4

  •    CSS

Material Dashboard Angular is a free Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements. Material Dashboard makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.