styled-components-animatecss
v1.0.4TypeScript
Extract and convert keyframes from animate.css into a JavaScript module that can be imported and used with styled-components.
0/weekUpdated 1 years agoMITUnpacked: 63.2 KB
Published by nakzyu
npm install styled-components-animatecss
Styled Components AnimateCSS
Extract and convert keyframes from animate.css into a JavaScript module that can be imported and used with styled-components.
Installation
``sh`
npm install styled-components-animatecss
Usage
`jsx
import styled, { keyframes } from "styled-components";
import { bounce } from "styled-components-animatecss";
const App = () => {
return (
);
};
const Ball = styled.div
animation: ${bounce} 2s infinite;;`
Advantages Over Importing animate.css Directly
- Tree Shaking
- Code Reusability
- Consistency
- Maintainability
- Integration with styled-components`