react-blur Alternatives - React Miscellaneous

Popularity

3.3

Stable

Activity

0.0

Stable

Stars 361

Watchers 14

Forks 49

Last Commit over 1 year ago

Monthly Downloads: 0

Programming language: JavaScript

License: ISC License

Tags: UI Components Miscellaneous Select React React-component Component Canvas Blur Text

react-blur alternatives and similar libraries

Based on the "Miscellaneous" category

typography

7.8 5.5 react-blur VS typography

A powerful toolkit for building websites with beautiful typography.
react-split-pane

7.3 4.7 react-blur VS react-split-pane

React split-pane component.
react-designer

6.7 6.7 react-blur VS react-designer

Easy to configure, lightweight, editable vector graphics in your react components.
react-resizable-and-movable

6.3 7.9 react-blur VS react-resizable-and-movable

Resizable and movable component for React.
react-joyride

5.7 7.1 react-blur VS react-joyride

Create walkthroughs and guided tours for your ReactJS apps. Now with standalone tooltips!.
react-json-tree

5.7 2.7 react-blur VS react-json-tree

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

5.3 8.6 react-blur VS react-resizable-box

Resizable component for React. #reactjs.
react-facebook

5.2 5.3 react-blur VS react-facebook

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

4.7 4.8 react-blur VS react-avatar

Universal React avatar component makes it possible to generate avatars based on user information.
react-timesheet

2.8 0.0 react-blur VS react-timesheet

Time Sheet Component for React.
react-svg-buttons

1.9 0.0 react-blur VS react-svg-buttons

Configurable animated SVG buttons for react.
react-images-uploader

1.8 0.0 react-blur VS react-images-uploader

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

1.1 0.0 react-blur VS react-dnr

Dragable and Resizable window build with React.js.
chessboardjsx

1.0 3.6 react-blur VS chessboardjsx

🔲 Chessboard built for React
react-file-reader-input

1.0 3.5 react-blur VS react-file-reader-input

React file input component for complete control over styling and abstraction from file reading.
material-color-hash

0.7 2.9 react-blur VS material-color-hash

Hash strings to Material UI colors.
react-tabguard

0.7 0.0 react-blur VS react-tabguard

React Tabguard.
react-autolink

0.6 0.0 react-blur VS react-autolink

An autolink mixin for 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.

Live demo

[react-blur](screenshot.png)

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.

react-blur

React component for blurred backgrounds.