Skip to content

Ludu/ember-blur-up

Repository files navigation

Ember Blur Up Build Status

Sexy progressive loading for large background images in your Ember app!

Preview

Demo

Why?

Making the user wait for a large image to download is a bad user experience. Read more about this problem on Facebook's blog.

Installation

ember install ember-blur-up

Usage

Just drop the {{blur-up}}-component wherever you need a large background-image.

The component requires 2 arguments to work:

  • url: The URL to the original full-size image;
  • base64: A base64-string of a tiny (max 100x100px) version of the same image (make sure it has the same aspect ratio as the original).