Awesome Ember.js

A curated list of delightful Ember.js packages and resources.

Ember.js Myths Readers Questions Contribute to Ember.js

_{Just type ember.cool OR
https://ember-community-russia.github.io/awesome-ember/
to go here.}

Ember.js is a JavaScript framework that greatly reduces the time, effort and resources needed to build any web application. It is focused on making you, the developer, as productive as possible by doing all the common, repetitive, yet essential, tasks involved in most web development projects.

Ember.js also provides access to the most advanced features of JavaScript, HTML and the Browser giving you everything you need to create your next killer web app.

You might also like awesome-javascript. Please read the contribution guidelines before contributing.

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.

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](https://github.com/emberjs/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](https://github.com/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](https://github.com/alexlafroscia/ember-cli-react) - Render React components in Ember.js.
[@AltSchool/ember-cli-react](https://github.com/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

Forwarding Named Blocks in Glimmer
Multi Named Blocks
Accessing the Global App Object in an Ember CLI App
A principled model for forms
ember-cli-advanced-proxy
A list of Ember.js VSCode Extensions
Ember.js Bundle Size
Converting libraries to Ember CLI addons
Developing Addons and Blueprints
Ember.js + ESLint + Prettier + Ember Suave
[@listochkin/Ember.js Video Collection (Ru/En)](https://gist.github.com/listochkin/87e47cdbf986fb2e9905)
[@rwjblue/ember_examples](https://gist.github.com/rwjblue/8816372)
[@wycats/A small sampling of external projects initially built for Ember.js use but designed to be used standalone](https://gist.github.com/wycats/b58d56e5a47db4128a0a)
Ember.js publishing tools
Ember CLI es6 imports
Ember CLI Windows speedup
How to debug an ember application with VS Code
What are components all about.
“Why Ember.js” Thoughts
Ember.js approval requirements

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