Popularity
4.4
Stable
Activity
0.0
Stable
464
15
48
Monthly Downloads: 0
Programming language: JavaScript
License: BSD 3-clause "New" or "Revised" License
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.
-
-
-
-
-
-
-
-
-
-
react-facebook
Facebook components like a Login button, Like, Share, Chat, Comments, Page or Embedded Post -
react-avatar
Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user. -
-
-
react-file-reader-input
React file input component for complete control over styling and abstraction from file reading. -
-
-
-
-
-
react-swipe-to-delete-ios
A simple React component to reproduce the way iOS deletes an item in a list -
react-headings
โ Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO. -
react-advanced-news-ticker
A powerful, flexible, lightweight and animated vertical news ticker component for React. -
-
-
-
@restpace/schema-form
A React component package for generating forms based on (almost) the full power of JSON Schema -
-
-
-
react-pulse-text
The usePulseText hook creates an animated text effect that makes string content progressively appear or disappear following a specified pattern. -
-
-
-
react-pagespeed-score
DISCONTINUED. A React component for display a dial-type chart of PageSpeed Insights.
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
Promo
coderabbit.ai
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.
[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.