Awesome Ember.js

A curated collection of resources and projects focused on Ember.js.

Awesome Ember.js

Packages

AST

ember-ast-helpers - This library is a utility belt to make AST transforms and shield users as much as possible from the nuances of the AST, as it is still private API.
ember-template-recast - Non-destructive template transformer.
jscodeshift - A JavaScript codemod toolkit.
dyfactor - A platform for running codemods based on runtime information.

ember-accessibility - Addon to help identify accessibility violations during development.
e-a11y-modal - A simple modal for accessible Ember.js applications.
ember-a11y-landmarks - Ember.js addon to help with landmark roles for better accessibility.
ember-a11y - A collection of tools to build accessible Ember.js applications.
ember-component-focus - A mixin for adding methods to your Ember.js components that help you manage the currently focused element.
ember-gestures - Ember.js gestures provides an easy way to use gestures by making it simple to define and use HammerJS managers and recognizers throughout your app.
ember-steps - Declarative create wizards, tabbed UIs, and more.
ember-page-title - Page title management for Ember.js Apps.
ember-self-focused - Focus on route on transition.
ember-keyboard - An Ember.js addon for the painless support of keyboard events.
ember-a11y-testing - A suite of accessibility tests that can be run within the Ember.js testing framework.
a11y-announcer - An accessible ember route change announcer.
ember-a11y-refocus - Provides an unobtrusive navigation narration element for Ember applications.

Adapters

ember-cli-markdown-resolver - Ember CLI addon for resolving markdown files in custom folders and retrieving content via a service.
ember-cloud-firestore-adapter - Unofficial Ember Data Adapter and Serializer for Cloud Firestore.
ember-data-hal-9000 - An ember-data compatible ember-cli addon that provides a HAL adapter (HATEOAS).
ember-django-adapter - Ember CLI addon adapter for Django REST Framework.
ember-graphql-adapter - GraphQL adapter for Ember Data.
ember-indexeddb - Utilities & adapter to work with IndexedDB in ember & ember-data.
ember-localforage-adapter - Offline usage for Ember Data.
ember-local-storage - The addon provides a storage for computed property that returns a proxy and persists the changes to localStorage or sessionStorage.
ember-pouch - PouchDB/CouchDB adapter for Ember Data.
ember-wordpress - The bridge between Ember.js and WordPress.
emberfire - Official Ember Data adapter for Firebase.
ninjafire - An ORM for Firebase written in Typescript.

Animations

ember-animated - Web Animations with Ember js
liquid-fire - Animations & transitions for ambitious Ember.js applications.

Authentication

ember-cli-simple-auth-extensions
ember-simple-auth - A library for implementing authentication/authorization in Ember.js applications.
tori - A set of clean abstractions for authentication in Ember.js.

Automation

ember-cli-deploy - A deployment pipeline for Ember CLI apps.
ember-cli-deploy-webhooks - Ember CLI Deploy plugin for calling webhooks during deployments.
ember-cli-release - Ember CLI addon for versioned release management.
ember-cli-sri - This plugin is used to generate Subresource Integrity (SRI) hashes for ember applications.
ember-cli-dependency-lint - Lint your app’s addon dependencies, making sure you only have one version of each.

Benchmarking

ember-macro-benchmark - Benchmark recording of an ember app with running with 2 versions of Ember.js.
ember-performance - A suite of tests for Ember.js to help with performance.
emberperf - Ember.js Performance (Between versions).

Blogging

empress-blog - Fully-functional, SEO friendly static site implementation of a blog system built on Ember.js.
ember-cli-blog - Tom Dale’s blog example updated for the Ember CLI.
ember-tumblr - Ember.js Addon for integrating a Tumblr blog.

Babel

ember-cli-babel-plugin-helpers - Utilities for managing Babel plugins in Ember CLI apps and addons.

Boilerplating

ember-boilerplate - The stable base upon which we build our Ember.js projects at Mirego.

Broccoli

broccoli-concat-analyser - Assets profiling.
broccoli-debug - Utility for build pipeline authors to allow trivial debugging of the Broccoli pipelines they author.
broccoli-stew - Provides commonly used convenience functions for developing broccoli based build pipelines.
broccolijs-tutorial - Broccoli.js Tutorial repository.
broccoli-rollup - Broccoli Plugin For “Rollup”.
broccoli-manifest - HTML5 cache-manifest compilation for broccoli.
broccoli-glow - Dynamic component creation from single file, etc.

Broccoli read

Build tools

Broccoli - Fast, reliable asset pipeline, supporting constant-time rebuilds and compact build definitions.

Charts

ember-charts - A charting library built with the Ember.js and d3.js frameworks.
ember-sparkles - Collection of composable D3 components built with ember-d3-helpers.
ember-highcharts - A Highcharts, HighStock and HighMaps components for ember-cli.
ember-c3 - An addon library for C3, a D3-based reusable chart library and more compatible.

CI/CD

ember-cli-server-variables - An Ember CLI add-on to support adding variables to the generated index.html file’s head tag.
ember-ci - Continuous integration goodies for ember.js apps.
CI with GitHub Actions for Ember Apps - Reducing CI runtimes with GitHub Actions
CI with GitHub Actions for Ember Apps: Part 2 - Migrating to v2 actions, lowering runtime cost and continuously deployment

Code Splitting

ember-engines - This Ember.js addon implements the functionality described in the Ember.js Engines RFC. Engines allow multiple logical applications to be composed together into a single application from the user’s perspective.
ember-lazy-mount - Allow {{mount}} lazy loading route-less engines.
ember-cli-bundle-loader - Addon to allow for multiple bundles and do lazy loading.
ember-cli-lazy-load - Support lazily loading your Ember.js app via splitting it up into Bundles.

Codestyle

ember-cli-template-lint - Ember CLI integration for ember-template-lint.
ember-cli-alex - Alex for Ember.js apps.
ember-prop-types - Improved property management for Ember.js apps and addons.

Command-line apps

ember-cli-create - CLI wizard to create a new ember project.
@ember/optional-features - This addon allows you to easily enable/disable optional features in ember-source. To clarify what we mean by optional, these are features that will be opt-in/opt-out and optional for the foreseeable future, not features that will be enabled by default. It is intended for use with apps only not addons.
ember-cli-rename - Addon for ember-cli that provides an ember rename command.

Command-line utilities

ember-cli-update - Update Ember CLI Ember.js apps, addons and Glimmer.js apps.
ember-cli-deprecation-workflow - An addon geared towards making Ember.js upgrades easier by allowing you to work through deprecations without massive console noise.

Component addons

ember-diff-attrs
ember-compatibility-helpers - Helpers that allow you to write backwards compatible Ember.js addons.

Compression

ember-cli-deploy-brotli - Ember.js deploy plugin to support brotli compression.

Content management systems

ember-admin - Automatically discover your models and interact with all model data in a simple CRUD interface.
https://authmaker.com/ - Go from zero to fully functioning and live MVP in 3 days.

Control flow

Promises
- ember-computed-promise-monitor - Enable computed properties to be async-aware.
Observables
- ember-rx - RxJS 6 integration for Ember.js.
Generators
- ember-concurrency - Ember.js Addon that enables you to write concise, worry-free, cancelable, restartable, asynchronous tasks.
- ember-master-tab - A library that provides a service which helps running a function on only one tab of an Ember application.

CSS & etc

ember-cli-stylelint - Adds styleint to your ember app, to lint all kinds of css.
ember-cli-autoprefixer - Automatically run your styles through autoprefixer.
ember-cli-sass - Use node-sass to preprocess your ember-cli app’s files, with support for sourceMaps and include paths.
ember-cli-sass-pods - Enjoy styling your pods with the sass style file in the pod directory.
ember-component-css - An Ember CLI addon which allows you to specify styles for individual components.
ember-cli-postcss - A PostCSS integration for ember-cli.
ember-css-modules - CSS Modules for ambitious applications.
ember-cli-tailwind - Tailwind is a utility-first CSS framework for rapidly building custom user interfaces.
ember-emotion - Use emotion styling in Ember.js.
css-blocks - High performance, maintainable stylesheets.
ember-cli-eyeglass - This Ember CLI Addon makes it trivial to compile your sass files with eyeglass support via node-sass.

Fonts

ember-cli-webfont - Easily generate webfonts from svg files as part of your ember-cli build process.

State management

ember-buffered-proxy
ember-changeset
ember-cerebraljs - Enhanced state management for complex Ember.js apps using Cerebral.
ember-redux - Predictable state management for ember apps.
ember-state-services
ember-time-machine

Styling kits

ember-cli-tailwind - Adds Tailwind CSS to your app or addon.

Data Management

ember-apollo-client - An ember-cli addon for Apollo Client and GraphQL.
ember-cli-sofa - CouchDB persistence library for Ember.js.
ember-orbit - Ember.js data layer built with Orbit.js.
ember-data-storefront - A collection of APIs that address common data-loading issues.
ember-m3 - This addon provides an alternative model implementation to DS.Model.
ember-cli-zuglet - Ember.js addon for effortless Firebase integration.

Data manipulation & Computed

ember-awesome-macros - A collection of Ember.js computed macros.
ember-cpm - Computed property Macros for Ember.js.
ember-macaroni - Keep your app code DRY and copypasta free with computed property macaronis (macros).

Data validation

ember-cp-validations - Ember.js computed property based validations.
ember-changeset-validations - Validations for ember-changeset.
ember-model-validator - Add validations to your Ember Data models on an explicit and easy way, without a bunch a validations files around or complicated structure.
ember-validated-form - Easily create forms with client side validations.
ember-line-graph - Zero-dependency ember-addon to draw line-charts.

Database

ember-indexeddb - Utilities & adapter to work with IndexedDB in ember & ember-data.

Date

ember-moment - Template helpers and computed property macros for moment.js and Ember.js.

Debugging / Profiling

ember-debug-logger - Exposes the visionmedia/debug library for use in your Ember.js application.
ember-devtools - A collection of useful Ember.js debugging functions.
ember-chrome-devtools - Chrome DevTools addon for Ember.js.
ember-cli-bundle-analyzer - An Ember CLI addon to analyze the size and contents of your app’s bundled output, using an interactive zoomable treemap.
ember-perf-timeline - Add performance information to Chrome’s Timeline for Ember.js applications.
ember-cli-route-map - Command to generate a route map of your Ember.js application.
heimdalljs-visualizer - Visualizer for heimdalljs data.
source-map-explorer - Analyze and debug space usage through source maps.
ember-dead-code - Detect dead code with confidence via real user monitoring.

Decorators

Macro Decorators - DRY your code by creating decorators that duplicated getter/setter’s functionality

Documentation

ember-cli-addon-docs - Easy, beautiful docs for your Ember.js addon.
ember-cli-jsdoc - An Ember.js CLI addon to generate HTML documentation from JSDoc comments in the source code.
ember-freestyle - Ember-freestyle is an Ember.js addon that allows you to quickly create a component explorer for your Ember.js app.

Ember-inspector roadmaps & overview

End-user customization

ember-asset-loader - Asset loading support for Ember.js applications.
ember-experiments - Experimentation, A/B Split Testing addon for Ember.js.
ember-cli-hot-loader - An early look at what hot reloading might be like in the ember ecosystem.
ember-ast-hot-load - Universal hot-load addon.
ember-cli-build-notifications - Notifications when ember-cli has a build error.
ember-feature-flags - An ember-cli addon to provide feature flags.
ember-named-yields - Named Yields for Ember.js Components.
ember-islands - Render Ember.js components anywhere on a server-rendered page to create “Islands of Richness”.
ember-wormhole - Render a child view somewhere else in the DOM.
ember-stargate - A modern take on using so called “portals” to render things in a different place of the DOM tree than they are logically defined in the app.

ES6

ember-concurrency-decorators - Decorator syntax for declaring/configuring ember-concurrency tasks.
ember-decorators - Useful decorators for Ember.js applications.
@ember-decorators/argument - Decorators for Component and Object arguments in Ember.js.
sparkles-decorators - Decorators for Sparkles/Glimmer.js Components.

External Components Integration

ember-glimmer-component - Glimmer.js-like components in Ember.js.
sparkles-component - Addon used to experiment with @glimmer.js/component style APIs in Ember.js apps via existing public APIs.
hooked-components - Custom components for Ember.js, inspired by React Hooks approach.
ember-functional-component - Attempting to use “pure functions” as components.
ember-lifecycle-component - A component with additional lifecycles for times when you may need need a template.
ember-vue-components - Vue.JS component API for Ember.
@alexlafroscia/ember-cli-react - Render React components in Ember.js.
@AltSchool/ember-cli-react - Use React component hierarchies in your Ember.js app.

Forms

ember-cli-crudities - Form and editable list builder that works from json config which can be either statically or dynamically loaded.
ember-form-for - This Ember.js addon will give you an easy way to build good forms.

Functional programming

Bacon.js - Functional reactive programming.
Folktale - Suite of libraries for generic functional programming in JavaScript that allows you to write elegant, modular applications with fewer bugs, and more reuse.
immutable - Immutable data collections.
Kefir.js - Reactive library with focus on high performance and low memory usage.
Lazy.js - Utility library similar to lodash/Underscore but with lazy evaluation, which can translate to superior performance in many cases.
lodash - Utility library delivering consistency, customization, performance, & extras. A better and faster Underscore.js.
mori - Library for using ClojureScript’s persistent data structures and supporting API from the comfort of vanilla JavaScript.
Mout - Utility library with the biggest difference between other existing solutions is that you can choose to load only the modules/functions that you need, no extra overhead.
Ramda - Utility library with a focus on flexible functional composition enabled by automatic currying and reversed argument order. Avoids mutating data.
RxJS - Functional reactive library for transforming, composing, and querying various kinds of data.
underscore-contrib - The brass buckles on Underscore’s utility belt.

HTTP

ember-ajax - Service for making AJAX requests in Ember.js 1.13+ applications.
ember-socket-guru - Addon for easy integration with Pusher.js, Action Cable, Socket.io and Phoenix Channels.

Helpers

ember-event-helpers - Complimentary event template helpers to the {{on}} modifier.
ember-render-helpers - @ember/render-modifiers as template helpers.
ember-element-helper - Dynamic element helper for Glimmer templates.
ember-composable-helpers - Composable helpers for declarative templating in Ember.js.
ember-helpers - A collection of handlebars helpers for Ember.js.
ember-d3-helpers - Collection of Ember.js helpers for building composable D3 charts.
ember-math-helpers - Ember.js HTMLBars helpers for basic arithmetic.
ember-promise-helpers - Promise-y sugar for your Ember.js templates.
ember-route-action-helper - Bubble closure actions in routes.
ember-root-url - A template helper to keep your URLs relative to the app’s rootURL.
ember-store-helpers - This add-on provides helpers related to ember-data.
ember-truth-helpers - Ember.js HTMLBars Helpers for {{if}} & {{unless}}: not, and, or, eq & is-array.
ember-awesome-macros - A collection of Ember.js computed macros.
ember-macro-helpers - Ember.js macro helpers for making your own fancy macros!
ember-cli-string-helpers - Set of the String helpers extracted from DockYard’s ember-composable-helpers.

Image

ember-svg-jar - The best way to embed SVG images into your Ember.js application.

Include external JS code

ember-auto-import - Zero config import from npm packages.
ember-cli-cjs-transform - CommonJS imports.
ember-cli-es6-transform - Import ES6 modules from npm, bower or anywhere else in your app.
ember-browserify - Addon for easily loading CommonJS packages from npm via browserify.

Infinite Scroll

ember-infinity - Simple, flexible Infinite Scroll for Ember CLI Apps.
vertical-collection - Infinite Scroll and Occlusion at > 60 FPS.
smoke-and-mirrors - Ambitious infinite-scroll and svelte rendering for ambitious applications.

Internalization & Localization

ember-intl - Translate complex messages string. Localized formatting for date/time, number, and relative time.
ember-intl-analyzer - Find unused translations in your Ember.js projects.

Inputs

ember-autoresize - Autoresize for Ember.js Components.

Job queues

ember-data-tasks
ember-concurrency
ember-custom-actions - Custom API actions for Ember.js applications.
ember-pipeline
ember-lifeline - An ember addon for managing the life cycle of asynchronous behavior in your objects.

Logging

console.re
ember-debug-logger - An Ember.js addon to expose the Visionmedia debug logger.
ember-logging-service - This addon provides a general and extensible logging service that can be used throughout your application.
raygun

Mad science

ember-elm - Write Elm in your Ember.js app.
javascript-algorithms - Algorithms and data structures implemented in JavaScript with explanations and links to further readings.

Math

ember-katex - Render your LaTeX formulas using KaTeX.
ember-math-helpers - Ember.js HTMLBars helpers for basic arithmetic.

Metrics

ember-user-activity - Ember.js Addon for tracking user activity & idling.
ember-metrics - Send data to multiple analytics services without re-implementing new API.

Minifiers

ember-hbs-minifier - Stripping whitespace out of your Handlebars templates.
ember-cli-template-trimmer - This addon removes newlines on compile stage.

Miscellaneous

diagonal routes - See what route structure, templates and route hooks are for a given ember route definition.
ember data model maker - Ember Data Model Maker (EDMM).

Mobile

corber - Tooling for cordova and crosswalk hybrid applications built with Ember.js.
glimmer-native - Have you ever wanted to use Ember.js/Glimmer.js to create a native mobile app? Well now you can!
ember-mobile-bar - Managed fixed (tool)bars with mobile app-like behaviour.
ember-mobile-core - Provides a pan recognizer and some utils for the ember-mobile-* addons.
ember-mobile-menu - Draggable sidebar specifically tailored to mobile devices.
ember-mobile-pane - Mobile layout ember-mobile-pane.
ember-responsive - Easy responsive layouts with Ember.js.

Modifiers

ember-css-vars - A ember modifier to apply css variables. This gives a save way to expose data from JavaScript to css.
ember-on-modifier - An implementation of the {{on}} element modifier shown in the Modifiers RFC #353.
ember-ref-modifier - An implementation of the {{ref}} element modifier.
ember-render-modifiers - Implements did-insert / did-update / will-destroy modifiers for RFC #415.
ember-functional-modifiers - Functional Modifiers for Ember.js.
ember-style-modifier - This addon provides a {{style}} element modifier to set element’s style.
ember-simple-animate - Simple ember animate addon for CSS based animations.

Parcel

ember-parcel-example - Ember.js + Parcel.js Example.
todomvc-demo - Glimmer.js + Parcel.js Example.

Payments

ember-credit-card - “make your credit card form dreamy in one line of code”.

Polyfills

ember-modifier-manager-polyfill - Polyfill element modifiers for Ember.js 2.12 through 3.7.
ember-angle-bracket-invocation-polyfill - This addon provides a polyfill for angle bracket invocation syntax as described in RFC 311.
ember-named-arguments-polyfill - Polyfills support for named arguments for Ember.js 2.10 through 3.0.
ember-native-class-polyfill - This addon provides a polyfill for the native class behavior that was proposed in Ember.js RFCs #240 and #337.
ember-router-service-polyfill - This addon provides a best effort polyfill for the ember-routing-router-service feature added in Ember.js 2.15.
ember-fn-helper-polyfill - This addon provides a polyfill for the {{fn}} helper as described in RFCs #470.
ember-named-blocks-polyfill - This addon provides a polyfill for the Yieldable Named Blocks feature.

PWA

ember-service-worker-asset-cache
ember-service-worker-cache-fallback
ember-service-worker-cache-first
ember-service-worker-index
ember-service-worker-prember
ember-service-worker - A pluggable approach to Service Workers for Ember.js.
ember-web-app - This Ember.js addon helps you configure and manage the manifest.json and meta tags needed to create progressive web applications.

Query Params

ember-query-params-service - Do you have controllers that only parse query params?
ember-parachute - Improved Query Params for Ember.js.
ember-href-to - A lightweight alternative to {{link-to}}.

Real-time

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

Routing addons

ember-component-routes - Render components directly from routes in Ember.js.
ember-redirect - This addon aims to be a simple and easy way to preform route based redirects with minimal effort.
ember-router-scroll - Scroll to top with preserved browser history scroll position.

Resolver customization

ember-cli-extended-resolver - This addons allows to modify default files structure to be more feature-grouped.

Security

ember-can - Simple authorisation addon for Ember.js apps.
ember-permissions - Permission management for Ember applications.

Service Workers

ember-cli-workbox - Offline caching as a progressive enhancement using service workers.
ember-service-worker - A pluggable approach to Service Workers for Ember.js.
ember-service-worker-index - An Ember.js Service Worker plugin that caches the index.html file.
ember-service-worker-asset-cache - An Ember.js Service Worker plugin that caches an Ember.js app’s asset files.
ember-service-worker-cache-first - A cache first Ember.js Service Worker plugin.
ember-service-worker-cache-fallback - An Ember.js Service Worker plugin that resorts to a cached fallback version when the network request fails.
ember-service-worker-emberfire-messaging - Firebase Cloud Messaging service worker support for Emberfire apps.
ember-service-worker-unregistration - An Ember.js plugin that unregister service workers when ember-service-worker is disabled.
ember-service-worker-request-chaos - Like Netflix’s Chaos Monkey but for your Ember.js SPA’s API requests.
ember-service-worker-project-entagled-registration - This addon is to be used along with ember-service-worker to ensure that the service worker being used is paired properly to the project.
ember-service-worker-cache-rendered - Ember.js service worker plugin for storing rendered html in cache, really useful for fastboot.
ember-service-worker-update-notify - Update notification for service workers.
ember-service-worker-enqueue - An Ember.js Service Worker plugin that catches failed mutation requests e.g POST, PUT, DELETE and queues them for background processing.
ember-service-worker-prember - An Ember.js Service Worker plugin that caches the index.html files for each prember route.

SSR / Server Side Rendering

ember-fastboot - Server-side rendering for Ember.js apps.
glimmer-ssr-test - Making a Glimmer.js app be rendered in the server.

Static site generators & SEO

ember-meta - Setup meta for your Prember/Ember.js blog to support opengraph, microdata, Facebook, Twitter, Slack etc.
prember-rss-feed - Ship RSS feeds for your Prember site.
prember - Prerender Ember.js apps with Fastboot at build time.

Styling

ember-cli-sass - Use node-sass to preprocess your ember-cli app’s files, with support for sourceMaps and include paths.

Templating

ember-template-component-import - This addon allows you to use import-style syntax to create local bindings to a component within a template file.
ember-cli-jsx-templates - TSX/JSX support for ember templates.
Emblem.js - Ember.js-friendly, indented syntax alternative for Handlebars.js.

Testing

ember-qunit-decorators - Use ES6 or TypeScript decorators for QUnit tests in your Ember.js app.
ember-cli-addon-tests - Test helpers for testing Ember CLI addons inside the context of a real Ember.js app.
ember-cli-code-coverage - Code coverage for ember apps using Istanbul.
ember-cli-mirage - Build, test and demo your app using a JSON API-compliant client-side server.
ember-cli-mocha - Mocha and Chai tests for ember-cli applications.
ember-cli-page-object - This ember-cli addon eases the construction of page objects on your acceptance and integration tests.
ember-cli-yadda - Write cucumber specs for ember-cli applications.
ember-concurrency-test-waiter - Easily enable test waiters for ember-concurrency tasks.
ember-exam - Run your tests with randomization, splitting, and parallelization for beautiful tests.
ember-percy - Ember.js addon for visual regression testing with Percy.
ember-qunit - QUnit test helpers for Ember.js.
ember-test-friendly-error-handler - Build testable error handlers that don’t throw in production…
ember-test-selectors - Enabling better element selectors in Ember.js tests.
ember-test-setup - Testing shorthands to reduce duplication.
ember-window-mock - Use window global as an Ember.js service that can be mocked in tests.
mirage-glue - This program reads your API endpoint and creates or appends response to relevant mirage fixture file(s).
ember-sinon - Ember CLI addon adding support for sinon.js.

Text

ember-text-measurer - Simple Ember.js Service to measure the width of a string in a performant way.

Tree Shaking

ember-cli-tree-shaker - This is a testbed for the new tree-shaking and code splitting work from Kelly Selden and Alex Navasardyan.

TypeScript

ember-cli-typescript - Use TypeScript in your Ember.js apps!
ember-typings - Typescript type definitions for ember.js.
ember-typescript-utils - Utility functions built around Typescript and Ember.js.

UI libs

ember-bootstrap - Provides a collection of native Ember.js components that mimic the original Bootstrap plugins and components in an ember friendly way.
Frontile - Frontile aims to provide the legos (components, helpers, modifiers, and styles) necessary for building consistent and powerful Ember.js apps.
ember-cli-uniq - Default components for Ember.js that implement the Uniplaces Design System.
ember-element-ui - Provides element-ui for ember.
ember-elements - a UI toolkit in Ember
ember-ghost-casper-template - A static site version of the default personal blogging theme for Ghost.
ember-paper - The Ember.js approach to Material Design.
ember-radical - Feather light, fully accessible DDAU component library for your Ember.js apps.
Nomad UI
Semantic-UI-Ember - This is the official Ember.js library for the Semantic-UI modules.
Flexi

UI components

ember-attacher - Tooltips & popovers made easy.
ember-burger-menu - An off-canvas sidebar component with a collection of animations and styles using CSS transitions.
ember-flatpickr - An Ember.js addon that wraps the Flatpickr date picker.
ember-power-select - The extensible select component built for ember.
ember-basic-dropdown - The basic dropdown you ember app needs.
ember-drag-sort - A sortable list component with support for multiple and nested lists.
ember-perfect-scroll - Perfect scroll component as an Ember cli addon.

UX

ember-onbeforeunload - Invoke logic when transitioning between routes or closing window.

VR

ember-vr

VS Code addons

Ember Syntax - Syntax highlighting for Ember.js template files AND syntax highlighting for inline template definitions with tagged templates!
Glimmer Templates Syntax for VS Code - Glimmer syntax highlighting for Ember.js.
ember-language-server - Language Server Protocol implementation for Ember.js projects.
unstable-ember-language-server - Language Server Protocol implementation for Ember.js projects (Unstable, including experimental features).
vscode-ember-colorizer - VSCode extension that colorizes/tokeninzes Ember.js .hbs, Controllers, and Routes files.
ember-module-snippets - Snippets to make importing Ember.js modules a snap in VSCode.

Atom addons

Atom Ember Snippets

VIM

Unstable language server for neovim

Web Components

ember-cli-web-components - Use your Ember.js components in other framework as Web Components!
shadow-dom - Write templates for your components inside of a Shadow DOM root.

Webpack

glimmer-compiler-webpack-plugin

Weird

ember-dynamic-render-template - Render DOM from a template string.

Resources

Articles

Ember-Cli Articles

Why Articles

Jump-Start Articles

Articles Glimmer

Articles Engines

Articles Ember-Concurrency

Articles ES6

ES Classes in Ember.js

Articles TypeScript

Articles Modern Testing

Articles FastBoot

Articles about Data

Articles about Routing

Yarn in Ember Articles

Ember.js and Yarn Workspaces

Best-practices

Nice to know

Codemods

ember-es6-class-codemod - A codemod-cli project for converting Ember.js objects to es6 native classes.
ember-native-class-codemod - A codemod for transforming your ember app code to native JavaScript class syntax with decorators!
ember-cli-mirage-faker-codemod - This codemod is to help transition from importing faker through ember-cli-mirage, to instead import it directly from faker.
ember-mocha-codemods - Codemod scripts for ember-mocha.
ember-module-migrator - Automated migration for new Ember.js application layout.
ember-qunit-codemod - This codemod is intended to automatically convert your projects from the older moduleFor* syntax of ember-qunit@2 to the newer syntax.
ember-test-helpers-codemod - Codemod to transform your Ember.js tests to use @ember/test-helpers.
es5-getter-ember-codemod - This codemod is intended to automatically convert your usage of get, and getProperties to use traditional object dot notation.
qunit-dom-codemod - Basic codemod to automatically convert your assertions to qunit-dom assertions.
test-selectors-codemod - A codemode for fixing the ember-test-selectors testSelector helper deprecation.
ember-on-codemod - Replace use of Ember.on.
ember-memory-leaks-codemod - A collection of codemod’s for fixing memory leaks in Ember.js applications.
ember-3x-codemods - A Codemod with a collection of transforms to address Ember.js 3.x deprecations.
ember-computed-getter-codemod - Ember.js Computed Getter Codemod.

Community

Contribution Guides

Courses

Discovery

emberobserver - Ember Observer.
emberjs.GitHub.io/rfcs/ - Ember.js RFCs.

Ember Releases

Ember 3.10 Released - May 21, 2019
Ember 3.11 - July 15, 2019
Ember 3.12 - August 16, 2019
Ember 3.13 (Octane Preview) - Sep 25, 2019
Ember 3.14 (Octane Preview Cont.) - Nov 18, 2019
Ember 3.15 “Octane” Released - Dec 20, 2019
Ember 3.16 - Feb 12, 2020
Ember 3.17 - March 16, 2020
Ember 3.18 - May 5, 2020
Ember 3.19 - June 26, 2020
Ember 3.20 - July 29, 2020
Ember 3.21 - Sep 02, 2020
Ember 3.22 - Oct 20, 2020

Examples

A list of open source Ember.js apps
Simple contact manager demo app for ember-orbit
API Docs - This application was built to display our versioned API docs.
guides-app - Replacement for emberjs/guides and the Ember.js Guides.
Builds - This is the application that the Ember.js team built to display our various release channels.
HospitalRun - Ember.js front end for HospitalRun hospitalrun.io.
Rancher - Rancher is enterprise management for Kubernetes.
Super Rentals - Super Rentals is a good starter project to get acclimated to the Ember.js way of doing things.
Travis CI - The Ember.js web client for Travis CI.
Vault - A Tool for Managing Secrets (Hashicorp).
ember-osf-web - Ember.js front-end for the Open Science Framework.
ember-graphql-examples - Examples of using GraphQL in Ember.js.
ember-rolodex - An example of what an Ember.js tutorial between the quick start and Super Rents could look like.
ember-styleguide
Ghost Admin Client
emberclear - Encrypted Chat. No History. No Logs. + MU & TS.
Ember.js nested engines example app + Fastboot.
Percy’s frontend web application, built with Ember.js.
Fire Tracker - KPCC’s tool for following & researching California wildfires.
skylines-project - Live tracking, flight database and competition framework.
PIX - PIX.
ember-monorepo-demo
documize.com
New York City Census Reporting Tool
Medicine Inventory - Sample application developed with Ember CLI, Corber.io, ember-element-ui.
octane-ecommerce - Ember Octane + FastBoot + Algolia + PayPal + Formspree (s, v, d).
Rust Package Registry - crates.io
Ember.js RealWorld Implementation - Ember.js codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API.
A wild tomster appears
An ember integration for building visual programming editors with blockly.
https://www.submarinecablemap.com/
https://music.apple.com/
https://creator.emojible.store/

Examples Glimmer

breethe-client - Air Quality Data for Locations around the World.
Glimmeroids - Asteroids implementation using Glimmer.js.
glimmer-hn-pwa - A Demonstration Of Hacker News Progressive Web App Powered By Glimmer.js.
the-chosen - Glimmer.js project created to learn & decide easier during our scrum dailies meeting who is the next person to share status.
glimmer_eats - A demo PWA built with Glimmer.js.
built-with-spaghetti - Built with Spaghetti aims to function as a gateway to web art.
glimmer-live-chat - A Live chat application crafted using Glimmer.js.
glimmer-synth - Synthesizer built using WebAudio and Glimmer.js.
glimmer-js-online-offline-demo - Sample Glimmer.js app: online/offline browser events.
glimmer-qrious - Glimmer.js components using QRious library to generate QR code in webpage.
glimmerjs-address-book-demo - Example Glimmer.js application - AddressBook Demo.
glimmer-dashboard - Glimmer.js dashboard example.
glimmer-redux-todo - Todo app written with Glimmer.js and Redux.
glimmer-pong - Pong game written using Glimmer.js and SVGs.
glimmer-material - A Glimmer.js wrapper for Material Components for the Web.
glimmer-of-life - An implementation of Conway’s Game of Life using Glimmer.js.
vorfreude - When you can’t wait but have to.
endless-hoops - It’s a basketball game written in JavaScript/Canvas/Glimmer.js.
glimmer-hangman - A implementation of the well-known game ‘Hangman’ in Glimmer.js.

Gists

Gists Ember Data

Miscellaneous

builtwithember - Apps powered by Ember.js.
emberwatch - The community hub for Ember.js content.

Newsletters

Ember Weekly - The latest Ember.js news, tips, and code delivered directly to your inbox.
Official Ember Blog - Big announcements like new Ember.js version release notes or State of the Union information.
statusboard - STATUS BOARD.
The Ember Times - Updates from the Ember.js Learning Team.

Podcasts

Sandboxes

Ember Twiddle - An Ember.js Twiddle for multiples files which lets you save your work in GitHub.
Ember @ Glitch - Glitch.me with Ember.js.
Ember @ CodeSandbox - CodeSandbox with Ember.js.
Ember Octane @ CodeSandbox - Ember Octane CodeSandbox template.

Screencasts

BuildLab: Ember.js Screencasts for the determined.
Ember Screencasts - Weekly Screencasts for the Busy Developer.
EmberCasts - Currently on hiatus whilst the author works on the next version of Handlebars.
EmberWatch - Screencasts - A collection of Ember.js screencasts.
Community Groups App - Creating Records in Ember CLI Mirage (part 2a)
Community Groups App - Creating Records in Ember CLI Mirage (part 2b)
Community Groups App - Debugging relationships in Ember CLI Mirage (part 3)

Slides

30 Days Of Ember - Dawid Pośliński.
NaNoWriMo: How can Ember help you write a novel - @EmmaDelecolle.
Slides from Ember JS Berlin talk, Design Patterns in Ember - By @chadian.
Rainy Day Ember Data - Tony Schneider (@tonywok).
Building Realtime Apps with Ember.js and WebSockets - Ben Limmer.
Deploying a Location-Aware Ember Application - Ben Limmer.
Developing Desktop Apps with Electron & Ember.js - FITC WebU2017 - Aidan Nulman.
Developing Desktop Apps with Electron & Ember.js
Ember addons, served three ways - Mike North.
Ember At Scale - Chad Hietala, LinkedIn.
EmberConf 2015 – Ambitious UX for Ambitious Apps - Lauren Elizabeth Tan.
EmberConf 2016 – Idiomatic Ember: Finding the Sweet Spot of Performance & Productivity - Lauren Elizabeth Tan.
Fun with Ember 2.x Features - Ben Limmer.
How do I Even Web App - An introduction to web programming with Ember CLI by Lydia Guarino.
Rapid prototyping and easy testing with ember cli mirage - Krzysztof Bialek.
Start Me Up - Building an MVP with EmberJS, Firebase and Material Design - Brendan O’Hara.
Upgrading Ember.js Apps - Ben Limmer.

Styleguides

Tools

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 Inspector - Adds an Ember.js tab to Chrome or Firefox Developer Tools that allows you to inspect Ember.js objects in your application. - Officially maintained.
Ember Perf - Measure user-percieved performance data in your ember.js app.
ember-cli-diff - A simple tool to see differences between new ember apps.
ember-cli - The command line interface for ambitious web applications.
ember-data-model-maker - UI to make ember-data models & payload examples.
Glimmer Playground - An Glimmer.js playground.
mber - Ember CLI replacement. Currently alpha.
remote-inspector - Lets you inspect apps running on different devices/browsers over the network using websockets.
Ember Unused Components - This script searches for unused components in your Ember project

Tutorials

How to learn EmberJS in a hurry
Discover Ember 2 - Learn how to build a Twitter clone from scratch.
Ember Components: A Deep Dive - A closer look at using Ember.js Components.
Ember runloop handbook - A deep dive into the Ember.js runloop.
Ember with Phoenix (AKA The PEEP Stack) - Developing an Ember.js front-end alongside a JSON API-compliant Phoenix backend.
Getting into Ember.js - A five part introductory course to Ember.
Getting Started with Ember.js using Ember CLI - Building a Todo app with Ember CLI.
yoember.com/ - Ember.js Tutorial - From beginner to advance.
build-pacman

Twitter

Videos

Working with Ember Animated & Addon Internals: Ember Concurrency – Ember NYC, May 2019
Ember.js Tutorial: Build a painting game in 20 mins
Ember-cli In-Repo Addons with Jacob Bixby
Maintaining an Ember App at Scale, with Chris Ng
Jackie Luo: From React to Ember: A Modern Comparison
Ember San Francisco Meetup at Square, October 2018
The Future of Ember js - Summary of upcoming changes to Ember.js based on presentations from EmberConf 2018.
Ember: The Next 10 Years | Tom Dale | EmberCamp Chicago 2018
Stop Coding: You Have a Product Gap | Sam Selikoff | EmberCamp Chicago 2018
Caveats of the Default Store - Ember London - September 2018
EmberFest 2019
EmberFest 2018
EmberFest 2014
Global Ember Meetup
Ember @ Netflix
Ember Engines at Scale
Ember Test Recorder
Ember-cli In-Repo Addons with Jacob Bixby
ember-content-placeholders
Ember.JS in the Year 2020
EmberConf 2014 - Videos of the sessions from EmberConf 2014.
EmberConf 2015 - Videos of the sessions from EmberConf 2015.
EmberConf 2016 - Videos of the sessions from EmberConf 2016.
EmberConf 2017 - Videos of the sessions from EmberConf 2017.
EmberConf 2018 - Videos of the sessions from EmberConf 2018.
EmberConf 2019 - Videos of the sessions from EmberConf 2019.
EmberConf 2020 - Videos of the sessions from EmberConf 2020.
ReactiveConf 2017 - Tom Dale: Secrets of the Glimmer VM
ReactiveConf 2017
Tim Thomas - Using Ember.js to build Electron Apps
Tom Dale on Static Analysis, Upstreaming Glimmer, and Ember in 2018
Tom Dale Talks EmberJS
Using TypeScript in Ember
Web App Performance & Ember.js - Web App Performance & Ember.js.
Why Ember CLI uses Broccoli
Developing ember apps on glitch.com
Chris Krycho: TypeScript and Ember js - Why and How?
Isaac Lee: Use D3 with Ember
Open Source Live - Robert Jackson and Chris Manson pair on ember-cli
Must have add-ons in EmberJS - Dawid Pośliński
Building Modern Apps Using API Services - Ember Meetup August 21, 2018
How to improve your tests? - Paweł Kuwik
Optional & upcoming features - Michał Staśkiewicz
Hybrid Apps with Ember/Glimmer
Productive Frontend Test Driven Development That Actually Works
EmberCamp 2018 - Videos of the sessions from EmberCamp 2018
EmberCamp 2019 - Videos of the sessions from EmberCamp 2019
Ember.js: The Documentary
Ember.js: The Documentary (Русская версия) - Russian langauge version
GraphQL: The Documentary
GraphQL: The Documentary (Русская версия) - Russian language version
Ember and GraphQL: A Quick Example
Ember Octane Livestream: Build a drum machine
Tracking in the Glimmer VM - Chris Garrett discusses how tracking works in Ember
Commit Porto ‘19: Thriving through the hype cycle: an Ember.js story (Ricardo Mendes)
Animating Across Routes with Ember Animated - EmberMap video adding across-route tranistion animations
Creating an Ember Application - First in an upcoming series on Ember
Ember and GraphQL: A Quick Example
Stef & Rob: do we still need the built-in Input component? Stefan Penner and Robert Jackson debate the built-in Input component
Ember Octane - Great For Beginners - You can just write HTML and CSS and get pretty far with Ember Octane
Yet Another Test Runner by Kelly Sheldon @ Ember London

Awesome Ember.js

Contents

Packages

AST

a11y

Adapters

Animations

Authentication

Automation

Benchmarking

Blogging

Babel

Boilerplating

Broccoli

Broccoli read

Build tools

Charts

CI/CD

Code Splitting

Codestyle

Command-line apps

Command-line utilities

Component addons

Compression

Content management systems

Control flow

CSS & etc

Fonts

State management

Styling kits

Data Management

Data manipulation & Computed

Data validation

Database

Date

Debugging / Profiling

Decorators

Documentation

Ember-inspector roadmaps & overview

End-user customization

ES6

External Components Integration

Forms

Functional programming

HTTP

Helpers

Image

Include external JS code

Infinite Scroll

Internalization & Localization

Inputs

Job queues

Logging

Mad science

Math

Metrics

Minifiers

Miscellaneous

Mobile

Modifiers

Parcel

Payments

Polyfills

PWA

Query Params

Real-time

Routing addons

Resolver customization

Security

Service Workers

SSR / Server Side Rendering

Static site generators & SEO

Styling

Templating

Testing

Text

Tree Shaking

TypeScript

UI libs

UI components