react-smoke-effect

A simple React library to add A Fog / Smoke effect

DEMO

Install

npm install --save react-smoke-effect

OR

yarn add react-smoke-effect

Usage

import React from 'react'
import  SmokeScene  from "react-smoke-effect"
import SmokeImage from "./assets/smoke.png"

const App = () => {
  return (
    <div>
      <SmokeScene
        backgroundColor="#D3A863"
        particleImage={SmokeImage} //  particleImage="/path/to/image.png"
        particleCount={20}
        baseOpacity={0.4}
      />
      // or for default settings
      <SmokeScene
        particleImage={SmokeImage} />
    </div>
  )
}

export default App

Props

Prop	Type	Default	Description
backgroundColor	string / hex	'transparent'	Background color.
particleCount	number	10	Number of particles to use.
baseOpacity	number	0.45	Opacity of particles.
particleImage	string	(default smoke)	Image of particles

License

MIT © YidirK Powered by Hergol

This module was bootstrapped with create-react-library.