Popularity
4.5
Stable
Activity
0.0
Declining
454
15
50
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-pdf
Display PDFs in your React app as easily as if they were images. -
typography
A powerful toolkit for building websites with beautiful design -
react-resizable-and-movable
๐ฑ A resizable and draggable component for React. -
react-simple-chatbot
:speech_balloon: Easy way to create conversation chats -
react-awesome-query-builder
User-friendly query builder for React -
react-json-tree
React JSON Viewer Component, Extracted from redux-devtools. -
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-images-uploader
React.js component for uploading images to the server -
react-darkreader
๐ A React Hook for adding a dark / night mode to your site. -
react-file-reader-input
React file input component for complete control over styling and abstraction from file reading. -
react-apple-signin-auth
๏ฃฟ Apple signin for React using the official Apple JS SDK -
react-swipeable-list
Swipeable list component for React supporting several behaviours (e.g. iOS) -
react-tabguard
Limit tabbing within specified area with an ease -
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-avatar-generator
Generate fun kaleidoscope for user avatars. -
react-filter-control
The react UI component for building complex filter criteria -
react-demo-tab
๐ React component to easily create demos of other components -
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-searchbox-awesome
The coolest searchbox for React.js! -
react-mouse-select
A simple react library for selecting elements by moving the mouse -
react-customizable-chat-bot
Customizable chat bot library using React and Typescript -
react-color-scroll
Blend through colors as you scroll down the page. -
react-pulse-text
React component that allows you to animate the text you want -
react-cloud-letter
Wrap your letter in lovely cloud-like shape with React. -
react-pagespeed-score
A React component for display a dial-type chart of PageSpeed Insights.
Appwrite - The open-source backend cloud platform
The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
Promo
appwrite.io
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.