react-image-effects

A small, customizable react component that adds effects to images. Currently compatible with React, but React Native support is on the way.

Install

npm i react-image-effects

or

yarn add react-image-effects

Usage

import React from 'react'
import ImageEffect from 'react-image-effects'
 
export default function App(props) {
  return (
    <div>
      <ImageEffect
        url="https://example.com/test.jpg"
        effect="airbrush"
        width="640px"
        height="480px"
      />
    </div>
  )
}

Properties

Prop	Type	Required	Default
url	string	yes
effect	string	no	'none'
width	string	no	'600px'
height	string	no	'300px'

Contributing

PRs are welcome.

License

MIT © | @cdrani