An Ember Ecosystem
For Spree Commerce


Spree Ember Storefront

Build Status Join the chat at

The Spree Ember Storefront is a collection of routes, templates and components that work out of the box with the Spree rails engine via Spree AMS.

It uses:


ember install spree-ember-storefront

This will install all of the Storefront templates into your host application.

Now, you'll need to tell Ember's router where to put the standard Spree routes.

In router.js:

import Ember from 'ember';
import config from './config/environment';

// This line imports the Spree Router.
import spreeRouter from 'spree-ember-storefront/router';

var Router = Ember.Router.extend({
  location: config.locationType
}); {
  spreeRouter(this, config);

export default Router;

For full Spree Ember documentation, visit

For more information on using ember-cli, visit

Disable Normalize.css & Zurb Foundation

Spree Ember Storefront includes Normalize & Zurb Foundation into your CSS tree. If you'd like to disable them, you can optionally do so in your application's Brocfile.js.

var app = new EmberApp({
  'spree-ember-storefront': {
    disableNormalize: true,
    disableFoundation: true