react-image-effects

react image effects


Keywords
react, reactjs, image, react-image, image-effects
License
MIT
Install
npm install react-image-effects@1.0.0

Documentation

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