Popularity

4.5

Stable

Activity

0.0

Declining

Stars 454

Watchers 15

Forks 50

Last Commit over 1 year ago

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.

react-pdf

8.9 9.4 react-blur VS react-pdf

Display PDFs in your React app as easily as if they were images.
react-joyride

8.7 6.7 react-blur VS react-joyride

Create guided tours in your apps

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

typography

8.1 5.7 react-blur VS typography

A powerful toolkit for building websites with beautiful design
react-resizable-and-movable

8.0 5.8 react-blur VS react-resizable-and-movable

🖱 A resizable and draggable component for React.
react-split-pane

7.9 4.4 react-blur VS react-split-pane

React split-pane component
react-simple-chatbot

7.6 0.0 react-blur VS react-simple-chatbot

:speech_balloon: Easy way to create conversation chats
react-awesome-query-builder

7.4 8.2 react-blur VS react-awesome-query-builder

User-friendly query builder for React
react-resizable-box

7.3 1.8 react-blur VS react-resizable-box

📏 A resizable component for React.
react-designer

7.2 0.0 react-blur VS react-designer

It's not art
react-pdf-viewer

7.0 9.3 react-blur VS react-pdf-viewer

A React component to view a PDF document
react-json-tree

6.2 0.0 react-blur VS react-json-tree

React JSON Viewer Component, Extracted from redux-devtools.
react-facebook

5.7 0.0 react-blur VS react-facebook

Facebook components like a Login button, Like, Share, Chat, Comments, Page or Embedded Post
react-avatar

5.3 0.0 react-blur VS react-avatar

Universal avatar makes it possible to fetch/generate an avatar based on the information you have about that user.
chessboardjsx

3.8 0.0 react-blur VS chessboardjsx

:black_square_button: Chessboard built for React
react-timesheet

3.5 0.0 react-blur VS react-timesheet

Time Sheet Component for React
react-svg-buttons

3.3 0.0 react-blur VS react-svg-buttons

React configurable animated svg buttons
react-images-uploader

3.3 0.0 react-blur VS react-images-uploader

React.js component for uploading images to the server
react-darkreader

3.3 4.3 react-blur VS react-darkreader

🌓 A React Hook for adding a dark / night mode to your site.
react-file-reader-input

2.6 0.0 react-blur VS react-file-reader-input

React file input component for complete control over styling and abstraction from file reading.
react-dnr

2.3 0.0 react-blur VS react-dnr

Dragable and Resizable window build with React.js
react-apple-signin-auth

2.1 3.6 react-blur VS react-apple-signin-auth

 Apple signin for React using the official Apple JS SDK
react-swipeable-list

2.1 6.2 react-blur VS react-swipeable-list

Swipeable list component for React supporting several behaviours (e.g. iOS)
react-tabguard

2.0 0.0 react-blur VS react-tabguard

Limit tabbing within specified area with an ease
material-color-hash

1.9 0.0 react-blur VS material-color-hash

Hash strings to Material UI colors
react-swipe-to-delete-ios

1.7 0.0 react-blur VS react-swipe-to-delete-ios

A simple React component to reproduce the way iOS deletes an item in a list
react-headings

1.6 0.0 react-blur VS react-headings

⚛ Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO.
react-avatar-generator

1.6 0.0 react-blur VS react-avatar-generator

Generate fun kaleidoscope for user avatars.
react-filter-control

1.6 0.0 react-blur VS react-filter-control

The react UI component for building complex filter criteria
react-demo-tab

1.5 0.0 react-blur VS react-demo-tab

📑 React component to easily create demos of other components
react-autolink

1.5 0.0 react-blur VS react-autolink

An autolink mixin for React
react-advanced-news-ticker

1.4 0.0 react-blur VS react-advanced-news-ticker

A powerful, flexible, lightweight and animated vertical news ticker component for React.
@restpace/schema-form

1.4 0.0 react-blur VS @restpace/schema-form

A React component package for generating forms based on (almost) the full power of JSON Schema
react-searchbox-awesome

1.2 0.0 react-blur VS react-searchbox-awesome

The coolest searchbox for React.js!
react-mouse-select

1.1 0.0 react-blur VS react-mouse-select

A simple react library for selecting elements by moving the mouse
react-customizable-chat-bot

0.9 0.0 react-blur VS react-customizable-chat-bot

Customizable chat bot library using React and Typescript
react-color-scroll

0.8 0.0 react-blur VS react-color-scroll

Blend through colors as you scroll down the page.
react-pulse-text

0.8 0.0 react-blur VS react-pulse-text

React component that allows you to animate the text you want
captcha-image

0.8 0.0 react-blur VS captcha-image

A simple captcha image generator.
fastcomments-react

0.8 0.0 react-blur VS fastcomments-react

A React component for FastComments
react-cloud-letter

0.4 0.0 react-blur VS react-cloud-letter

Wrap your letter in lovely cloud-like shape with React.
react-pagespeed-score

0.2 1.5 react-blur VS react-pagespeed-score

A React component for display a dial-type chart of PageSpeed Insights.

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

Add another 'Miscellaneous' Library

Popular Comparisons

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.