React Blur Up

Component to improve user experience when loading heavy weight images using the "Blur Up" technique.

You can check a running demo clicking here.

And here is an example of the effect:

About the Technique

You can read more about in the following articles:

• CSS Tricks: The “Blur Up” Technique for Loading Background Images
• JMPEREZ BLOG: How Medium does progressive image loading
• Facebook Code: The technology behind preview photos

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request