Simple React animations with components and hooks.

Get started | Animate | Keyframes | Groups | Hooks | Examples

Features

• Animate with CSS transitions or keyframes
• Sequence animations with AnimateGroup
• Control animations with hooks
• Small package with no runtime dependencies

Install

npm install react-simple-animate

Quickstart

import { Animate } from 'react-simple-animate';

function App() {
  return (
    <Animate play start={{ opacity: 0 }} end={{ opacity: 1 }}>
      <h1>Hello, animation!</h1>
    </Animate>
  );
}

See the documentation for API details and more examples.