JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q17180F
  • License ISC

Simple and customizable React wrapper component for animations

Package Exports

  • animazing

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (animazing) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Animazing

Simple and customizable React wrapper component using plain CSS transitions and animations.

Github repo:

Installation

npm install animazing

or

yarn add animazing

Usage

import 'Animazing' from 'animazing';

<Animazing name="" origin="">
    whatever-you-want
</Animazing>

Animations

So far we developed 5 simple css animations. More to come very soon! fade scale show reveal blur

For examples and more details please visit our page https://stan.vision/animazing

Options

name origin method threshold (for Intersection Observer method only) entryDelay leaveDelay entryDuration leaveDuration entryTimingFunction leaveTimingFunction background (for the reveal animation) showInner (for the reveal animation)

All options can be either globally specified (in animazing.config.json) or per animation as props!

For details please visit our page https://stan.vision/animazing#options

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT