Popularity
4.3
Growing
Activity
0.0
Stable
414
14
49
Monthly Downloads: 0
Programming language: JavaScript
License: ISC License
Latest version: v0.6.0
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.
-
react-joyride
Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!. -
react-resizable-and-movable
Resizable and movable component for React. -
react-resizable-box
Resizable component for React. #reactjs. -
react-facebook
Facebook components like a Login button, Like, Share, Comments, Page or Embedded Post. -
react-avatar
Universal React avatar component makes it possible to generate avatars based on user information. -
react-images-uploader
React.js component for uploading images to the server. -
react-file-reader-input
React file input component for complete control over styling and abstraction from file reading. -
react-avatar-generator
Allows users to create random kaleidoscopes to be used as avatars. -
react-filter-control
The React filterbuilder component for building the filter criteria in the UI. -
react-headings
Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO, no matter your component structure, while you keep full control of what's rendered. -
react-pagespeed-score
A React component for display a dial-type chart of PageSpeed Insights.
Get performance insights in less than 4 minutes
Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
Sponsored
scoutapm.com
Do you think we are missing an alternative of react-blur or a related project?
README
React Blur
React component for creating blurred backgrounds using canvas.
Installation
npm install react-blur --save
Usage
var Blur = require('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
Please install yarn and use it to manage dependencies and the lockfile.
Thanks to Quasimodo for the original stack blur algorithm.