Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Svelte 5 Wrapper Support #2895

Open
epavanello opened this issue Nov 18, 2024 · 6 comments
Open

Svelte 5 Wrapper Support #2895

epavanello opened this issue Nov 18, 2024 · 6 comments
Labels
feature New feature or request

Comments

@epavanello
Copy link

Is your feature request related to a problem? Please describe.

Now that vanilla JS APIs are available, it would be great to have native support for Svelte 5.

Describe the solution you'd like

An official Svelte 5 wrapper that integrates smoothly with the Runes API.

Describe alternatives you've considered

Using vanilla Motion.dev in Svelte projects, but it lacks reactivity and feels less integrated.

Additional context

Svelte’s reactive model could pair well with Motion.dev, enhancing the developer experience.

@epavanello epavanello added the feature New feature or request label Nov 18, 2024
@epavanello
Copy link
Author

I just created a repo to experiment with the possibility of wrapping motion apis in svelte
https://github.com/epavanello/motion-svelte

@targetlucked69
Copy link

targetlucked69 commented Nov 19, 2024

Since youre asking for Svelte support, might as well ask for

  1. Vue
  2. Solid
  3. Angular
  4. Preact
  5. Lit
  6. Yada yada

Nope @mattgperry, please let the community create wrappers themselves so you can focus on the React and Vanilla APIs <3

GLHF! This is gonna be a mess to maintain tbf.

@epavanello
Copy link
Author

I just completed a first minimal build with ssr and runes support.
I will push the changes to the repo and the npm package soon

@epavanello
Copy link
Author

@TGlide
Copy link

TGlide commented Nov 25, 2024

@epavanello great work! Will use it on my end, and see if I can improve the component some what. You may consider creating a community package for the time being!

@epavanello
Copy link
Author

Thank you so much for the kind words and support, @TGlide! 🙏 I really appreciate it.

I’ve just published the package, and it’s now installable via:
npm i motion-svelte

Feel free to give it a try and let me know if you have any suggestions or improvements. Looking forward to your feedback! 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants