Announcing Floating UI Svelte! 🎉 #50
Replies: 2 comments 3 replies
-
|
i have a question. Why not add this to |
Beta Was this translation helpful? Give feedback.
-
|
@baseplate-admin to be clear, Skeleton Labs and the Floating UI team are two separate entities. We did, however, reached out to the Floating UI maintainers and offered to do just that: Unfortunately as you can see, they do not have the bandwidth for this. Implementing a whole new framework, new documentation, and all the support that goes along with this is well beyond the scope of a standard contribution. It would require the full attention of the maintainers to pull off. That said, our preference would be that Floating UI Svelte eventually merge into the official Floating project if/when the maintainers are open to it. And assuming our work meets their standards. But, we've left an open invitation for that! |
Beta Was this translation helpful? Give feedback.
-
|
Alright makes sense to me.
|
Beta Was this translation helpful? Give feedback.
-
|
Oh I didn't realize that. That's great to hear. Perhaps Floating UI Svelte will follow a similar journey then! |
Beta Was this translation helpful? Give feedback.
-
|
The project is now available in an early access pre-release. Try it yourself and let us know what you think! |
Beta Was this translation helpful? Give feedback.
-
Introducing Floating UI Svelte
Hey everyone, Chris here from Skeleton Labs. I'm the creator and core maintainer of Skeleton, an open source UI toolkit for Svelte. If you're familiar with our project then you know we've been hard at work on our next major release called Skeleton v3.
Alongside this we've been teasing a brand new open source project, and today I'm thrilled to announce Floating UI Svelte. If you're not familiar with Floating UI, it's an amazing library for handling positioning and interaction of overlay elements, such as tooltips, drop-down menus, context menus, and more. Skeleton has made use of Floating UI as part of our Popup feature for the last couple years. However, our community has made it clear they they want a more robust solution. Today we're answering that with Floating UI Svelte.
Furthermore, Floating UI Svelte is not limited merely to Skeleton users, but for ANYONE in the Svelte community. To put it plainly, if you use Svelte, this is made for you. Whether you're using Skeleton or any other powerful Svelte-related UI library.
🔗Links
❓FAQS
Is the project open source?
Yes, provided under the standard MIT license.
Who is maintaining the project?
The project is being built in coordination between Skeleton Labs, including contributions from the Svelte and Skeleton open source communities. It is currently maintained by:
Do I have to use Skeleton?
No, Floating UI Svelte is built to support any and all Svelte-based projects created using Svelte v5. We will, however, be providing specific guidance and setup instructions for all Skeleton v3 users in the near future.
Does this support Svelte 5?
Svelte 5 recently reached release candidate status. As such, we've designed Floating UI Svelte from the ground up to take full advantage of the latest and greatest tools, such as Runes. In fact this is what enables Floating UI Svelte to keep such a familiar API and syntax to the original Floating UI React wrapper.
Why use a library for popovers?
Creating popover interfaces is one of the hardest problems to solve for the modern web. While a native browser Popover API is on the horizon, your choices today are fairly limited. In the past you may have solved this using third-party libraries such as Popper.js. This is now being replaced by the spiritual successor called Floating UI. This single tool handles all the complex calculations needed to ensure your overlay elements work in even the most complex scenarios. Providing an extensive set of middleware to easily extend and cover every scenario you can throw at it.
Why not use Floating UI directly?
Unfortunately Floating UI currently only provides abstractions for React and Vue. Floating UI Svelte bridges this gap and brings the same quality of life improvements to all Svelte users. Affording you a much more approachable API. While it may initial seem more complex than the current Skeleton offering, you're provided a near limitless set of power in return.
Is this an official Floating UI port?
No, but we've expressed interest in collaborating with the maintainers.
When can I learn more?
We're still early days, but we will be providing regular updates over the next few weeks. Make sure to keep an eye on our social channels for new announcements.
🤝 Contributing
We're actively seeking contributors to help port all hooks, components, and utility features as soon as possible. If you're interested in helping, please reach out in any of the open GitHub issues, in the comments section below, or via the Skeleton Discord's
#floating-ui-sveltechannel.Beta Was this translation helpful? Give feedback.
All reactions