react-blur

React component for creating blurred backgrounds using canvas.

Amount of blur 16px

How to use:

// pnpm add react-blur
import Blur from 'react-blur'
[...]
<Blur blurRadius={5} img={'path.jpg'} />

For more information see the github repo.

More experiments

Morphin, Create animated CSS transitions. Add sprites and get the code ready to paste in your site.
Droste Creator, Create recursive images with the droste effect.
Sombras.app, Create art with shadows. Draw shadows and get 3D objects that project them..
Cohesive Colors, Tool that can help you to create cohesive color palettes.
img2css, Tool that can convert any image into a pure CSS image.

Made by Javier Bórquez. Online since 2015.