jayantasamaddar / ursa

React Component Library that implements a Themeable Design System powered by Emotion.js
https://jayantasamaddar.github.io/ursa/
0 stars 0 forks source link

Emotional - Explore possibility for a standalone Animation Library for EmotionJS #10

Open jayantasamaddar opened 1 year ago

jayantasamaddar commented 1 year ago

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 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:

  1. What are the existing Animation libraries that play well with CSS-in-JS and component based frontend design? Their pros and cons.
  2. What is the best design pattern?
  3. Will this project thrive better as an Open Source project?

Topics

jayantasamaddar commented 1 year ago

It's been decided to call the library Emotional. As in, Emotion Animation Library. This is how it will be referenced to in further issues.