While working on the Ursa UI Library, to enable the ability to quickly scaffold animations for use with the components, we ended up creating an Animate class and an useAnimate hook that works with the Animate class to build animations that can be directly in the Styled components. The Animate class encapsulates all animations into one single class and provides an interface to scaffold simple to complex animations quickly using the useAnimate hook. Right now, for Ursa' s use case, this is perfect.
However, that opened up a few questions:
What are the existing Animation libraries that play well with CSS-in-JS and component based frontend design? Their pros and cons.
What is the best design pattern?
Will this project thrive better as an Open Source project?
Problem Statement
While working on the Ursa UI Library, to enable the ability to quickly scaffold animations for use with the components, we ended up creating an
Animate
class and anuseAnimate
hook that works with theAnimate
class to build animations that can be directly in the Styled components. TheAnimate
class encapsulates all animations into one single class and provides an interface to scaffold simple to complex animations quickly using theuseAnimate
hook. Right now, for Ursa' s use case, this is perfect.However, that opened up a few questions:
Topics
11
12