Popularity
4.4
Declining
Activity
0.0
Declining
453
15
50

Programming language: JavaScript
License: BSD 3-clause "New" or "Revised" License
Tags: UI Components     Miscellaneous     Select     React     React-component     Component     Canvas     Blur     Text    
Latest version: v1.0.3

react-blur alternatives and similar libraries

Based on the "Miscellaneous" category.
Alternatively, view react-blur alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of react-blur or a related project?

Add another 'Miscellaneous' Library

README

React Blur

React component for creating blurred backgrounds using canvas.

[react-blur](./website/public/react-blur.jpg)

Installation

npm install react-blur --save

Usage

import Blur from "react-blur";

Example

<Blur img="/directory/img.jpg" blurRadius={5} enableStyles>
  The content.
</Blur>

For a complete example see the code in the demo branch.

Props

  • img: The image path.
  • blurRadius: Optional. The size of the blur radius.
  • enableStyles: Optional. Flag to include base styles inline, omit this to easily override.
  • shouldResize: Optional. If the canvas should re-render on resize? Defaults to true.
  • resizeInterval: Optional. How fast the canvas should re-render on resize? Defaults to 128ms.

Contributing

Thanks to Quasimodo for the original stack blur algorithm.