Permalink
1164 lines (908 sloc) 79.3 KB

Awesome Ember.js Awesome

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

Just type ember.cool to go here

Ember Myths located here , Readers Questions located here

Contribute to Ember

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


Contents

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.

a11y

  • ember-a11y-landmarks - Ember addon to help with landmark roles for better accessibility
  • ember-a11y - A collection of tools to build accessible Ember applications.
  • ember-component-focus - A mixin for adding methods to your Ember components that help you manage the currently focused element.
  • ember-gestures - Ember 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 testing framework
  • a11y-announcer - An accessible ember route change announcer

Adapters

Animations

Authentication

Automation

Benchmarking

Blogging

Broccoli

Broccoli read

Build tools

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

Charts

  • ember-sparkles - Collection of composable D3 components built with ember-d3-helpers

CI/CD

Code Splitting

  • ember-engines - This Ember addon implements the functionality described in the Ember Engines RFC. Engines allow multiple logical applications to be composed together into a single application from the user's perspective.

Codestyle

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 forseeable 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 and addons (and Glimmer.js apps)

Component addons

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
    • ? - ????.
  • Observables
    • ? - ????.
  • Generators
    • ? - ????.
  • Streams
    • ? - ????.
  • Callbacks
    • ? - ????.
  • Channels
    • ? - ????.
  • Other
    • ? - ????.

CSS & etc

Fonts

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

State management

Styling kits

Data Management

Data manipulation & Computed

Data validation

Database

  • ? - ????

Date

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

Debugging / Profiling

Documentation

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

Email

  • ? - ????

Ember-inspector roadmaps & overview

End-user customization

ES6

Extenral Components Integration

Filesystem

  • ? - ????.

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.

Forum

  • ? - ????

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 1.13+ applications.
  • ember-socket-guru - Addon for easy integration with Pusher.js, ActionCable, Socket.io and Phoenix Channels

Hardware

Helpers

Humanize

  • ? - ????.

Image

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

Include external JS code

Infinite Scroll

Internalization & Localization

  • ember-i18n - Internationalization for Ember
  • ember-intl - Translate complex messages string. Localized formatting for date/time, number, and relative time.

Inputs

Job queues

Logging

Mad science

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

Math

Metrics

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

Minifiers

Miscellaneous

Mobile

Natural language processing

  • ? - ????.

Network

  • ? - ????.

Node.js management

  • ? - ????.

Number

  • ? - ????.

Parcel

Parsing

  • ? - ????.

Payments

Polyfills

Process management

  • ? - ????

PWA

Query Params

Real-time

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

Routing addos

  • 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

Security

Service Workers

SSR / Server Side Rendering

Static site generators & SEO

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

Streams

  • ? - ????.

Styling

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

Templating

  • ? - ????.

Testing

Text

  • ember-text-measurer - Simple Ember 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

UI libs

UI components

URL

  • ? - ????

UX

VR

VS Code addons

  • Ember Syntax - Syntax highlighting for Ember template files AND syntax highlighting for inline template definitions with tagged templates!

  • ember-language-server - Language Server Protocol implementation for Ember.js projects

  • vscode-ember-colorizer - VsCode extension that colorizes/tokeninzes Ember .hbs, Controllers, and Routes files.

  • ember-module-snippets - Snippets to make importing Ember modules a snap in VSCode

Atom addons

Web frameworks

  • ? - ????

Webpack

Weird

Resources

Articles

Ember-Cli 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

Courses

Discovery

Examples

Gists

Miscellaneous

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

Screencasts

Slides

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 tab to Chrome or Firefox Developer Tools that allows you to inspect Ember objects in your application. - Officially maintained.
  • Ember Perf - Measure user-percieved performance data in your ember.js app
  • Ember Twiddle - An Ember Twiddle for multiples files which lets you save your work in Github.
  • 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.
  • gulp-ember-handlebars - Compiles Handlebars templates to JS ready for Ember.
  • mber - Ember-cli replacement. Currently alpha.
  • remote-inspector - Lets you inspect apps running on different devices/browsers over the network using websockets.

Tutorials

Twitter

Videos

YouTube channels

YouTube playlists