react-smoke-effect

A simple React library to add A Fog / Smoke effect

DEMO

Install

1npm install --save react-smoke-effect

OR

1yarn add react-smoke-effect

Usage

1import React from 'react'
2import  SmokeScene  from "react-smoke-effect"
3import SmokeImage from "./assets/smoke.png"
4
5const App = () => {
6  return (
7    <div>
8      <SmokeScene
9        backgroundColor="#D3A863"
10        particleImage={SmokeImage} //  particleImage="/path/to/image.png"
11        particleCount={20}
12        baseOpacity={0.4}
13      />
14      // or for default settings
15      <SmokeScene
16        particleImage={SmokeImage} />
17    </div>
18  )
19}
20
21export 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.