react-background-animation

Fast styled, effect components,...

Lastest version 1.0.0

How it works

import React, { Component } from 'react'
import { TravelerEffect, MosaicGroundEffect, OceanEffect,
  RainEffect, SeaWaveEffect, SnowFallEffect, SnowFallSlowEffect,
  SpacingEffect, CloudWaveEffect 
} from 'react-background-animation'
 
const AppRoot = () => {
  return (
    <React.Fragment>
      <TravelerEffect />
      <MosaicGroundEffect />
      <OceanEffect />
      <RainEffect />
      <SeaWaveEffect />
      <SnowFallEffect />
      <SnowFallSlowEffect />
      <SpacingEffect />
      <CloudWaveEffect />
    </React.Fragment>
  )
}
 
export default AppRoot

Demo page: https://www.tttgalaxy.co.uk

That's all.

Have fun.

CSS Effect components