nmec / awesome-ember

A curated list of awesome Ember.js things

Awesome Ember

A curated list of awesome Ember.js things.

Inspired by all the other awesome things.

Examples

• TodoMVC - Obligatory Todo app
• Vine - 'Explore a world of beautiful, looping videos'
• Travis CI - 'A hosted continuous integration service'
• Twitch.tv - 'The world's leading video platform and community for gamers'
• Discourse - 'An open source, next-generation discussion platform'
• Fnd.io - 'Experience the App Store and iTunes Anywhere'

See also: Built with Ember and 16 Opensource EmberJS Projects to Learn From

Documentation

• Ember Guides - Official guide to using Ember.
• Ember Cookbook - Recommended solutions for common Ember app design patterns.
• Ember API - Officially maintained API docs.
• Ember Data API - Officially maintained API docs.

Tools

• Ember-cli - 'The command line interface for ambitious web applications' - Officially maintained.
• Ember Inspector - Adds an Ember tab to Chrome or Firefox Developer Tools that allows you to inspect Ember objects in your application. - Officially maintained.
• gulp-ember-handlebars - Compiles Handlebars templates to JS ready for Ember.
• Ember Data Sails Adapter - An Ember data adaptor for the Sails.js sockets.
• Ember Data WordPress Adapter - An Ember data adapter for the WordPress JSON API.
• Ember Gist - Demo Ember CLI'eque apps using Github Gist.
• Ember Twiddle - An Ember Twiddle for multiples files which lets you save your work in Github.
• Ember Perf - Measure user-percieved performance data in your ember.js app

Tutorials

• Discover Ember 2 - Learn how to build a Twitter clone from scratch
• Ember.js Tutorial - Building a complex web application with the latest Ember.js.
• Getting into Ember.js - A five part introductory course to Ember.
• Ember Components: A Deep Dive - A closer look at using Ember Components.
• Getting Started with Ember.js using Ember CLI - Building a Todo app with Ember CLI.
• Ember runloop handbook - A deep dive into the Ember JS runloop.
• Ember with Phoenix (AKA The PEEP Stack) - Developing an Ember front-end alongside a JSON API-compliant Phoenix backend.

Screencasts

• EmberCasts - Currently on hiatus whilst the author works on the next version of Handlebars.
• EmberWatch - Screencasts - A collection of Ember screencasts.
• Ember 101 - Short introductory screencasts for Ember.
• Ember Screencasts - Weekly Screencasts for the Busy Developer.

Talks

• EmberConf 2016 - Videos of the sessions from EmberConf 2016.
• EmberConf 2015 - Videos of the sessions from EmberConf 2015.
• EmberConf 2014 - Videos of the sessions from EmberConf 2014.
• Wicked Good Ember - Videos of the sessions from Wicked Good Ember Conf.
• Moving from Angular to Ember - Why Usermind.com choose to move away from Angular to Ember.

Books

• ember-cli 101 by Adolfo Builes
• Ember.js in Action by Joachim Haagen Skeie

News

• Official Ember blog
• EmberFlare
• Ember Weekly - Weekly email newsletter - Archives

Community

• StackOverflow
• Forum
• GitHub issues
• Reddit

Twitter

• Ember Talk
• Ember Watch
• EmberSherpa
• Tom Dale
• Erik Bryn
• Trek Glowacki
• Alex Matchneer
• Robin Ward
• Stefan Penner
• Jo Liss
• Brian Cardarella
• Alex Navasardyan
• Adolfo Builes
• mixonic
• alexspeller
• Jamie White
• Gavin Joyce

Ember CLI Addons

• Ember Observer - Browse addons by category and popularity

UI Components

• ember-cli-flash — simple, highly configurable flash messages for ember-cli.
• ember-modal-dialog — components to implement modal dialogs throughout an Ember application using a simple, consistent pattern.
• ui-bootstrap — collection of Bootstrap components: label, pill, progressbar, card, navbar. Includes Bootstrap 4 SASS as bower dependency.
• ui-button — customizable button component with Bootstrap theme.
• ui-datepicker — customizable datepicker component.
• ui-icon — an icon component, used by ui-bootstrap, ui-input, ui-button and others.
• ui-image — a simple image wrapper component.
• ui-input — components for text, email, password and numberic inputs.
• Ember-AnyChart — AnyChart ($) data visualisation components.

UI Helpers

• ember-cli-stylist — provide HTML style attributes dynamically and safely.
• ember-i18n — internationalization for your Ember application.
• ember-tether — a component that allows for 'tethering' a block to a target somewhere else on the page.
• ember-wormhole — a component that allows for rendering a block to a DOM element somewhere else on the page.

Testing

• ember-cli-mirage - Build, test and demo your app using a JSON API-compliant client-side server.

Model Enhancements

• ember-autosave — autosave your Ember Data models after timeout

Build Enhancements

• ember-cli-autoprefixer — automatically run your styles through autoprefixer.

License

To the extent possible under law, Jono Warren has waived all copyright and related or neighboring rights to this work.