Ember
App framework.
Contents
- AST
- a11y
- Adapters
- Database
- Animations
- Authentication
- Automation
- Benchmarking
- Blogging
- Babel
- Boilerplating
- Broccoli
- Build tools
- Charts
- CI/CD
- Code Splitting
- Codestyle
- Command-line apps
- Command-line utilities
- Component addons
- Compression
- Content management systems
- Control flow
- CSS & etc
- Styling
- Styling kits
- Fonts
- State management
- Data Management
- Helpers
- Data manipulation & Computed
- Data validation
- Date
- Debugging / Profiling
- Documentation
- End-user customization
- ES6
- External Components Integration
- Forms
- Functional programming
- HTTP
- Math
- Image
- Include external JS code
- Infinite Scroll
- Internalization & Localization
- Inputs
- Job queues
- Logging
- Mad science
- Metrics
- Minifiers
- Mobile
- Modifiers
- Parcel
- Payments
- Polyfills
- Service Workers
- PWA
- Query Params
- Real-time
- Routing addons
- Security
- SSR / Server Side Rendering
- Static site generators & SEO
- Templating
- Testing
- Text
- Tree Shaking
- TypeScript
- UI libs
- UI components
- UX
- VS Code addons
- Atom addons
- Web Components
- Webpack
- Weird
- Articles
- Articles Glimmer
- Articles TypeScript
- Videos
- Books
- Codemods
- Discovery
- Styleguides
- Examples Glimmer
- Gists
- Sandboxes
- Slides
- Tools
- Articles FastBoot
Packages
AST
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.
Non-destructive template transformer.
A JavaScript codemod toolkit.
A platform for running codemods based on runtime information.
a11y
Addon to help identify accessibility violations during development.
A simple modal for accessible Ember.js applications.
Ember.js addon to help with landmark roles for better accessibility.
A collection of tools to build accessible Ember.js applications.
A mixin for adding methods to your Ember.js components that help you manage the currently focused element.
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.
Declarative create wizards, tabbed UIs, and more.
Page title management for Ember.js Apps.
Focus on route on transition.
An Ember.js addon for the painless support of keyboard events.
A suite of accessibility tests that can be run within the Ember.js testing framework.
An accessible ember route change announcer.
Provides an unobtrusive navigation narration element for Ember applications.
Adapters
Ember CLI addon for resolving markdown files in custom folders and retrieving content via a service.
Unofficial Ember Data Adapter and Serializer for Cloud Firestore.
An ember-data compatible ember-cli addon that provides a HAL adapter (HATEOAS).
Ember CLI addon adapter for Django REST Framework.
GraphQL adapter for Ember Data.
Offline usage for Ember Data.
The addon provides a storage for computed property that returns a proxy and persists the changes to localStorage or sessionStorage.
PouchDB/CouchDB adapter for Ember Data.
The bridge between Ember.js and WordPress.
Official Ember Data adapter for Firebase.
An ORM for Firebase written in Typescript.
Database
Animations
Authentication
Automation
A deployment pipeline for Ember CLI apps.
Ember CLI Deploy plugin for calling webhooks during deployments.
Ember CLI addon for versioned release management.
This plugin is used to generate Subresource Integrity (SRI) hashes for ember applications.
Lint your app's addon dependencies, making sure you only have one version of each.
Benchmarking
Blogging
Boilerplating
Broccoli
Assets profiling.
Utility for build pipeline authors to allow trivial debugging of the Broccoli pipelines they author.
Provides commonly used convenience functions for developing broccoli based build pipelines.
Broccoli.js Tutorial repository.
Broccoli Plugin For "Rollup".
HTML5 cache-manifest compilation for broccoli.
Dynamic component creation from single file, etc.
Charts
A charting library built with the Ember.js and d3.js frameworks.
Collection of composable D3 components built with ember-d3-helpers.
A Highcharts, HighStock and HighMaps components for ember-cli.
An addon library for C3, a D3-based reusable chart library and more compatible.
CI/CD
Code Splitting
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.
Allow {{mount}} lazy loading route-less engines.
Addon to allow for multiple bundles and do lazy loading.
Support lazily loading your Ember.js app via splitting it up into Bundles.
Codestyle
Command-line apps
CLI wizard to create a new ember project.
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.
Addon for ember-cli that provides an ember rename command.
Command-line utilities
Component addons
Compression
Content management systems
Control flow
Enable computed properties to be async-aware.
RxJS 6 integration for Ember.js.
Ember.js Addon that enables you to write concise, worry-free, cancelable, restartable, asynchronous tasks.
A library that provides a service which helps running a function on only one tab of an Ember application.
CSS & etc
Adds styleint to your ember app, to lint all kinds of css.
Automatically run your styles through autoprefixer.
Enjoy styling your pods with the sass style file in the pod directory.
An Ember CLI addon which allows you to specify styles for individual components.
A PostCSS integration for ember-cli.
CSS Modules for ambitious applications.
Use emotion styling in Ember.js.
High performance, maintainable stylesheets.
This Ember CLI Addon makes it trivial to compile your sass files with eyeglass support via node-sass.
State management
Data Management
An ember-cli addon for Apollo Client and GraphQL.
CouchDB persistence library for Ember.js.
Ember.js data layer built with Orbit.js.
A collection of APIs that address common data-loading issues.
This addon provides an alternative model implementation to DS.Model.
Helpers
A collection of Ember.js computed macros.
Complimentary event template helpers to the {{on}} modifier.
@ember/render-modifiers as template helpers.
Dynamic element helper for Glimmer templates.
Composable helpers for declarative templating in Ember.js.
A collection of handlebars helpers for Ember.js.
Collection of Ember.js helpers for building composable D3 charts.
Promise-y sugar for your Ember.js templates.
Bubble closure actions in routes.
A template helper to keep your URLs relative to the app's rootURL.
This add-on provides helpers related to ember-data.
Ember.js HTMLBars Helpers for {{if}} & {{unless}}: not, and, or, eq & is-array.
Ember.js macro helpers for making your own fancy macros!
Set of the String helpers extracted from DockYard's ember-composable-helpers.
Data manipulation & Computed
Data validation
Ember.js computed property based validations.
Validations for ember-changeset.
Add validations to your Ember Data models on an explicit and easy way, without a bunch a validations files around or complicated structure.
Easily create forms with client side validations.
Debugging / Profiling
Exposes the visionmedia/debug library for use in your Ember.js application.
A collection of useful Ember.js debugging functions.
Chrome DevTools addon for Ember.js.
An Ember CLI addon to analyze the size and contents of your app's bundled output, using an interactive zoomable treemap.
Add performance information to Chrome's Timeline for Ember.js applications.
Command to generate a route map of your Ember.js application.
Visualizer for heimdalljs data.
Analyze and debug space usage through source maps.
Detect dead code with confidence via real user monitoring.
Documentation
Easy, beautiful docs for your Ember.js addon.
An Ember.js CLI addon to generate HTML documentation from JSDoc comments in the source code.
Ember-freestyle is an Ember.js addon that allows you to quickly create a component explorer for your Ember.js app.
End-user customization
Asset loading support for Ember.js applications.
Experimentation, A/B Split Testing addon for Ember.js.
An early look at what hot reloading might be like in the ember ecosystem.
Universal hot-load addon.
Notifications when ember-cli has a build error.
An ember-cli addon to provide feature flags.
Named Yields for Ember.js Components.
Render Ember.js components anywhere on a server-rendered page to create "Islands of Richness".
Render a child view somewhere else in the DOM.
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
Decorator syntax for declaring/configuring ember-concurrency tasks.
Useful decorators for Ember.js applications.
Decorators for Component and Object arguments in Ember.js.
Decorators for Sparkles/Glimmer.js Components.
External Components Integration
Glimmer.js-like components in Ember.js.
Addon used to experiment with @glimmer.js/component style APIs in Ember.js apps via existing public APIs.
Custom components for Ember.js, inspired by React Hooks approach.
Attempting to use "pure functions" as components.
A component with additional lifecycles for times when you may need need a template.
Vue.JS component API for Ember.
Render React components in Ember.js.
Use React component hierarchies in your Ember.js app.
Functional programming
Immutable data collections.
Reactive library with focus on high performance and low memory usage.
Utility library similar to lodash/Underscore but with lazy evaluation, which can translate to superior performance in many cases.
HTTP
Math
Image
Include external JS code
Zero config import from npm packages.
CommonJS imports.
Import ES6 modules from npm, bower or anywhere else in your app.
Addon for easily loading CommonJS packages from npm via browserify.
Infinite Scroll
Internalization & Localization
Job queues
Mad science
Metrics
Minifiers
Mobile
Tooling for cordova and crosswalk hybrid applications built with Ember.js.
Have you ever wanted to use Ember.js/Glimmer.js to create a native mobile app? Well now you can!
Managed fixed (tool)bars with mobile app-like behaviour.
Provides a pan recognizer and some utils for the ember-mobile-* addons.
Draggable sidebar specifically tailored to mobile devices.
Mobile layout ember-mobile-pane.
Easy responsive layouts with Ember.js.
Modifiers
A ember modifier to apply css variables. This gives a save way to expose data from JavaScript to css.
An implementation of the {{on}} element modifier shown in the Modifiers RFC #353.
An implementation of the {{ref}} element modifier.
Implements did-insert / did-update / will-destroy modifiers for RFC #415.
Functional Modifiers for Ember.js.
This addon provides a {{style}} element modifier to set element's style.
Simple ember animate addon for CSS based animations.
Parcel
Payments
Polyfills
Polyfill element modifiers for Ember.js 2.12 through 3.7.
This addon provides a polyfill for angle bracket invocation syntax as described in RFC 311.
Polyfills support for named arguments for Ember.js 2.10 through 3.0.
This addon provides a polyfill for the native class behavior that was proposed in Ember.js RFCs #240 and #337.
This addon provides a best effort polyfill for the ember-routing-router-service feature added in Ember.js 2.15.
This addon provides a polyfill for the {{fn}} helper as described in RFCs #470.
This addon provides a polyfill for the Yieldable Named Blocks feature.
Service Workers
An Ember.js Service Worker plugin that caches an Ember.js app's asset files.
An Ember.js Service Worker plugin that resorts to a cached fallback version when the network request fails.
A cache first Ember.js Service Worker plugin.
An Ember.js Service Worker plugin that caches the index.html file.
An Ember.js Service Worker plugin that caches the index.html files for each prember route.
A pluggable approach to Service Workers for Ember.js.
Offline caching as a progressive enhancement using service workers.
Firebase Cloud Messaging service worker support for Emberfire apps.
An Ember.js plugin that unregister service workers when ember-service-worker is disabled.
Like Netflix's Chaos Monkey but for your Ember.js SPA's API requests.
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.js service worker plugin for storing rendered html in cache, really useful for fastboot.
Update notification for service workers.
An Ember.js Service Worker plugin that catches failed mutation requests e.g POST, PUT, DELETE and queues them for background processing.
Query Params
Real-time
Routing addons
Render components directly from routes in Ember.js.
This addon aims to be a simple and easy way to preform route based redirects with minimal effort.
Scroll to top with preserved browser history scroll position.
Security
SSR / Server Side Rendering
Static site generators & SEO
Templating
This addon allows you to use import-style syntax to create local bindings to a component within a template file.
TSX/JSX support for ember templates.
Ember.js-friendly, indented syntax alternative for Handlebars.js.
Testing
Use ES6 or TypeScript decorators for QUnit tests in your Ember.js app.
Test helpers for testing Ember CLI addons inside the context of a real Ember.js app.
Code coverage for ember apps using Istanbul.
This ember-cli addon eases the construction of page objects on your acceptance and integration tests.
Write cucumber specs for ember-cli applications.
Easily enable test waiters for ember-concurrency tasks.
Run your tests with randomization, splitting, and parallelization for beautiful tests.
Ember.js addon for visual regression testing with Percy.
QUnit test helpers for Ember.js.
Build testable error handlers that don't throw in production...
Enabling better element selectors in Ember.js tests.
Testing shorthands to reduce duplication.
Use window global as an Ember.js service that can be mocked in tests.
This program reads your API endpoint and creates or appends response to relevant mirage fixture file(s).
Ember CLI addon adding support for sinon.js.
Mocha and Chai tests for ember-cli applications.
Text
TypeScript
UI libs
Frontile aims to provide the legos (components, helpers, modifiers, and styles) necessary for building consistent and powerful Ember.js apps.
Default components for Ember.js that implement the Uniplaces Design System.
Provides element-ui for ember.
a UI toolkit in Ember
A static site version of the default personal blogging theme for Ghost.
The Ember.js approach to Material Design.
Feather light, fully accessible DDAU component library for your Ember.js apps.
ui
This is the official Ember.js library for the Semantic-UI modules.
UI components
An off-canvas sidebar component with a collection of animations and styles using CSS transitions.
An Ember.js addon that wraps the Flatpickr date picker.
The extensible select component built for ember.
The basic dropdown you ember app needs.
A sortable list component with support for multiple and nested lists.
Perfect scroll component as an Ember cli addon.
VS Code addons
Language Server Protocol implementation for Ember.js projects.
VSCode extension that colorizes/tokeninzes Ember.js .hbs, Controllers, and Routes files.
Snippets to make importing Ember.js modules a snap in VSCode.
Atom addons
Web Components
A deep dive into the Ember.js runloop.
This application was built to display our versioned API docs.
Replacement for emberjs/guides and the Ember.js Guides.
This is the application that the Ember.js team built to display our various release channels.
Ember.js front end for HospitalRun hospitalrun.io.
Rancher is enterprise management for Kubernetes.
Super Rentals is a good starter project to get acclimated to the Ember.js way of doing things.
The Ember.js web client for Travis CI.
A Tool for Managing Secrets (Hashicorp).
Ember.js front-end for the Open Science Framework.
Examples of using GraphQL in Ember.js.
An example of what an Ember.js tutorial between the quick start and Super Rents could look like.
Encrypted Chat. No History. No Logs. + MU & TS.
KPCC's tool for following & researching California wildfires.
Live tracking, flight database and competition framework.
PIX.
Sample application developed with Ember CLI, Corber.io, ember-element-ui.
Ember Octane + FastBoot + Algolia + PayPal + Formspree (s, v, d).
crates.io
Ember.js codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API.
EmberMap video adding across-route tranistion animations
Articles
https://github.com/pixelhandler/ember-jsonapi-resources/wiki/Error-Handling
https://github.com/dknutsen/emberconf-2019
https://github.com/nucleartide/emberconf-2018
https://github.com/poteto/emberconf-2017
https://github.com/poteto/emberconf-2016
https://github.com/poteto/emberconf-2015
https://github.com/zinyando/emberjs2018-posts
Articles Glimmer
Articles TypeScript
Videos
Books
Codemods
A codemod-cli project for converting Ember.js objects to es6 native classes.
A codemod for transforming your ember app code to native JavaScript class syntax with decorators!
This codemod is to help transition from importing faker through ember-cli-mirage, to instead import it directly from faker.
Codemod scripts for ember-mocha.
Automated migration for new Ember.js application layout.
This codemod is intended to automatically convert your projects from the older moduleFor* syntax of ember-qunit@2 to the newer syntax.
Codemod to transform your Ember.js tests to use @ember/test-helpers.
This codemod is intended to automatically convert your usage of get, and getProperties to use traditional object dot notation.
Basic codemod to automatically convert your assertions to qunit-dom assertions.
A codemode for fixing the ember-test-selectors testSelector helper deprecation.
Replace use of Ember.on.
A collection of codemod's for fixing memory leaks in Ember.js applications.
A Codemod with a collection of transforms to address Ember.js 3.x deprecations.
Ember.js Computed Getter Codemod.
Styleguides
Examples Glimmer
Air Quality Data for Locations around the World.
Asteroids implementation using Glimmer.js.
A Demonstration Of Hacker News Progressive Web App Powered By Glimmer.js.
Glimmer.js project created to learn & decide easier during our scrum dailies meeting who is the next person to share status.
A demo PWA built with Glimmer.js.
Built with Spaghetti aims to function as a gateway to web art.
A Live chat application crafted using Glimmer.js.
Synthesizer built using WebAudio and Glimmer.js.
Sample Glimmer.js app: online/offline browser events.
Glimmer.js components using QRious library to generate QR code in webpage.
Example Glimmer.js application - AddressBook Demo.
Glimmer.js dashboard example.
Todo app written with Glimmer.js and Redux.
Pong game written using Glimmer.js and SVGs.
A Glimmer.js wrapper for Material Components for the Web.
An implementation of Conway's Game of Life using Glimmer.js.
When you can't wait but have to.
It's a basketball game written in JavaScript/Canvas/Glimmer.js.
A implementation of the well-known game 'Hangman' in Glimmer.js.
Gists
Tools
An Ember Data adaptor for the Sails.js sockets.
An Ember Data adapter for the WordPress JSON API.
Adds an Ember.js tab to Chrome or Firefox Developer Tools that allows you to inspect Ember.js objects in your application. - Officially maintained.
Measure user-percieved performance data in your ember.js app.
Ember CLI replacement. Currently alpha.
Lets you inspect apps running on different devices/browsers over the network using websockets.
This script searches for unused components in your Ember project