Keyframes
Keyframes

Overview

A simple helper to create and render keyframes on on-demand.
It (optionally) utilizes React's new style hoisting feature (new tab) when available.

npm versionnpm downloadsBundlephobia

Installation

Note

Style hoisting requires a canary version of React. Install via react@canary.

# npm
npm i --save @weser/keyframes

# yarn
yarn add @weser/keyframes

# pnpm
pnpm add @weser/keyframes

Motivation

When working with inline styles or CSS-in-JS libraries, there often is no built-in way to do animations properly. Therefore, I created this small utility to create keyframes on-demand without having to write and handle CSS files.

Benefits

It allows you to create both single keyframes as well as keyframe dictionaries on-demand.

On this page