Keyframes
Keyframes
Overview
A simple helper to create and render keyframes on on-demand.
It (optionally) utilizes React's new style hoisting feature when available.
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.
© 2024-present Robin Weser. All Rights Reserved.