react-image-effects

react image effects

Usage no npm install needed!

<script type="module">
  import reactImageEffects from 'https://cdn.skypack.dev/react-image-effects';
</script>

README

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