This was a simple demonstration I built into our Motion guidelines page in Storybook to help developers get a better feel for different transition options.
With our design system, we've taken the approach of building things out iteratively. Rather than trying to get a bunch of work done up front, and "finalizing" key building blocks of the system, we're keeping scope as small as it needs to be, while accepting that we'll need to revise and expand with time. Motion guidelines are a great example of that principle: we're starting with only two very simple transitions. As folks use them, it'll enable us to fine-tune them later, and spend time seriously thinking about animation and transitions at a level that doesn't quite make sense right now.
We're hiring for senior designers and engineers at the moment—if you're passionate about fintech, real estate, private equity, or want to join a solid (but very fast-paced, high-growth-rate) startup, check out this video about what we're working on, and send me an email!