Ember

repo: ember-community-russia/awesome-ember
category: Front-End Development related: Javascript

Awesome Ember.js

A curated list of delightful Ember.js <a href="#packages">packages</a> and <a href="#resources">resources</a>.

<a href="ember-myths.md">Ember.js Myths</a> <a href="ember-questions.md">Readers Questions</a> <a href="https://help-wanted.emberjs.com/core">Contribute to Ember.js</a>

Just type <a href="https://ember.cool"><code>ember.cool</code></a> OR <a href="https://ember-community-russia.github.io/awesome-ember/"><code>https://ember-community-russia.github.io/awesome-ember/</code></a> 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
- 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](#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
  - UX
  - VR
  - VS Code addons
  - Atom addons
  - VIM
  - Web Components
  - Webpack
  - Weird
  - Resources
  - Articles
  - Ember-Cli Articles
  - Why Articles
  - Jump-Start Articles
  - Articles Glimmer
  - Articles Engines
  - Articles Ember-Concurrency
  - Articles ES6
  - Articles TypeScript
  - Articles Modern Testing
  - Articles FastBoot
  - Articles about Data
  - Articles about Routing
  - Yarn in Ember Articles
  - Best-practices
  - Nice to know
  - Blogs
  - Books
  - Cheatsheets
  - Codemods
  - Community
  - Contribution Guides
  - Courses
  - Discovery
  - Ember Releases
  - Examples
  - Examples Glimmer
  - Gists
  - Gists Ember Data
  - Miscellaneous
  - Newsletters
  - Podcasts
  - Sandboxes
  - Screencasts
  - Slides
  - Styleguides
  - Tools
  - Tutorials
  - Twitter
  - Videos
  - YouTube channels
  - YouTube playlists
- License

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](https://github.com/willviles/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](https://github.com/alphasights/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](https://crunchingnumbers.live/2020/03/17/ci-with-github-actions-for-ember-apps/) - Reducing CI runtimes with GitHub Actions
[CI with GitHub Actions for Ember Apps: Part 2](https://crunchingnumbers.live/2020/08/31/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](https://github.com/justtal/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](https://github.com/kellyselden/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](https://github.com/shipshapecode/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](https://github.com/kellyselden/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

truncated — full list on GitHub