Join the Webstudio community

Updated 2 months ago

Embedding a .tsx file

At a glance
I'd like to use those animated icons. They come as a .tsx file or code to embed.
What's the best way to get them to work in Webstudio?

https://icons.pqoqubbw.dev
M
O
4 comments
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.
Add a reply
Sign up and join the conversation on Discord