animxyz icon indicating copy to clipboard operation
animxyz copied to clipboard

Svelte 3 support!?

Open AdithyaR-afk opened this issue 4 years ago • 6 comments

How disappointing to see the lack of support on one of the most loved web frameworks out there.

Nonetheless it's a fantastic effort and might change the css realm just like tailwindcss did.

AdithyaR-afk avatar Dec 19 '20 08:12 AdithyaR-afk

Svelte support is planned for after we complete React support. It will take some more work because Svelte has a different native CSS animation system than React/Vue has so we'll have to build the functionality from scratch to work the same as the Vue and React packages.

Don't worry, we like Svelte a lot too!

mattaningram avatar Dec 20 '20 20:12 mattaningram

How can I import this to Svelte 4? :D

greendesertsnow avatar Aug 07 '23 22:08 greendesertsnow

Any updates yet for svelte? @mattaningram ?

tycooperaow avatar Nov 06 '23 05:11 tycooperaow

please... already svelte 5(appeared(

iamrevolver avatar Dec 24 '23 00:12 iamrevolver

You should be able to use AnimXYZ with Svelte if you combine the animxyz css and classes with this package: https://github.com/rmarscher/svelte-transition-classes

By applying .xyz-in on the in transition and .xyz-out on the out transition it should work.

milesingrams avatar Dec 27 '23 00:12 milesingrams

Another option could be this:

https://svelte-headlessui.goss.io/docs/2.0/transition

milesingrams avatar Dec 27 '23 00:12 milesingrams