Popularity
4.4
Declining
Activity
0.0
Declining
453
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. -
react-resizable-and-movable
๐ฑ A resizable and draggable component for React. -
typography
A powerful toolkit for building websites with beautiful design -
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-swipeable-list
Swipeable list component for React supporting several behaviours (e.g. iOS) -
react-apple-signin-auth
๏ฃฟ Apple signin for React using the official Apple JS SDK -
react-tabguard
Limit tabbing within specified area with an ease -
react-headings
โ Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO. -
react-filter-control
The react UI component for building complex filter criteria -
react-swipe-to-delete-ios
A simple React component to reproduce the way iOS deletes an item in a list -
react-avatar-generator
Generate fun kaleidoscope for user avatars. -
react-advanced-news-ticker
A powerful, flexible, lightweight and animated vertical news ticker component for React. -
react-demo-tab
๐ React component to easily create demos of other components -
@restpace/schema-form
A React component package for generating forms based on (almost) the full power of JSON Schema -
react-mouse-select
A simple react library for selecting elements by moving the mouse -
react-searchbox-awesome
The coolest searchbox for React.js! -
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.
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
Promo
surveyjs.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.