react-background-animation

React effect components

Usage no npm install needed!

<script type="module">
  import reactBackgroundAnimation from 'https://cdn.skypack.dev/react-background-animation';
</script>

README

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