The community member is interested in using animated icons that come as a .tsx file or code to embed in Webstudio. However, the comments indicate that these icons are a TypeScript library that requires an animation library and React, which may not be directly compatible with Webstudio. The community members suggest that using plain SVG and CSS or SVG animations would be a better approach, as the current library is not well-suited for Webstudio's architecture. There is no explicitly marked answer, but the comments provide guidance on the challenges and potential solutions for using these animated icons in Webstudio.
these are made as a typescript library, not an embeddable thing, they also require an animation library and react.
In general something like this will work in a future where we would allow custom code running inside webstudio, but this is a giant issue. It requires installing dependencies, bundling your code, running it server-side in the worker etc.
In fact we built the architecture on workers to enable this type of scenario but there is still work to do.
Overall though for this type of stuff as animating svg, they should have used plain svg and svg animation or css animation.
This is entirely possible and they decided for an approach that's not great. So I strongly discourage you from using this library. There must be others that do this better.