svelte-headlessui
svelte-it-will-scale
svelte-headlessui | svelte-it-will-scale | |
---|---|---|
24 | 8 | |
1,790 | 173 | |
- | - | |
6.0 | 3.9 | |
8 months ago | about 4 years ago | |
Svelte | JavaScript | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
svelte-headlessui
-
10 game-changing tools that level up Svelte developers in 2025 💪
Svelte Headless UI is a library of unstyled, accessible UI components, inspired by Tailwind's Headless UI. It gives you all the interactivity without enforcing styles, allowing you to design the components exactly the way you want. With Svelte’s reactivity and this library's flexibility, building complex UI interactions has never been easier. Github repository →
-
10+ UI Libraries for Svelte to Try in 2024
GitHub: 1.8k stars License: MIT
- Ask HN: If you were to build a web app today what tech stack would you choose?
-
We need more headless ui library, and I just spotted a good one
As a side note, my project was the first to be published under the name svelte-headlessui and is both more popular and more complete than the other project. I don't know why the other guy picked an identical name but it drives me a little nuts because of how unnecessarily confusing it is.
-
Svelte Ecosystem in 2023
There is an unofficial Svelte port here but it doesn’t appear to be maintained so there may be a better option… that said there are a ton of better options if you want to use Tailwind with Svelte.
-
Passing event handlers in $$restProps? (ex. creating a wrapped <Input /> component)
This and passing styles to slots, are biggest bottlenecks in wrapping components (your use case) and creating headless components (see headless ui).
-
Svelte doesn't have an ecosystem as rich as React is ridiculous
Headless UI as in svelte-headlessui?
-
What Svelte UI Library Should You Use?
Svelte Headless UI should get some new PRs merged soon based on some comments u/ryangossiaux posted in the repo less than a week ago. He stepped away from the project for a bit after putting in a tremendous amount of work into it, and as someone who has used his library alongside Tailwinds UI on a number of projects, I’m super thankful for what he’s managed to do, and I hope that more people from the community will help support the project.
-
SvelteUI v0.7.0 is out - 14 new components and composables, new Dates and Preprocessors packages and more!
The component's come pre-styled. Styles can be overridden by tailwind classes, and here's a guide for that on the docs! If you want to use components that don't come pre-styled, I would suggest using something like Svelte Headless UI.
- What frustrates you in using Svelte?
svelte-it-will-scale
-
Svelte Series-1: An awesome framework
Compiled code logic redundancy. Some readers may worry that if the complexity of the business logic, resulting in a straight line increase in the size of the code file after compilation, whether it will lead to a certain degree of performance degradation?Github on the relevant developers for this problem to analyze svelte-it-will-scale:
-
Svelte 4
That N is very large. E.g. here's a page that talks about it: https://github.com/halfnelson/svelte-it-will-scale. I'll note that was done with Svelte 3 and that with Svelte 4 components are at least 10% smaller, so it's actually even better than that. SvelteKit is also very efficient at JS splitting per-route thanks to Vite. It ensures only the JS that is necessary for a page is loaded and you're extremely unlikely to be using anywhere near that many components. Based on the article above, you'd have to have three entire sites worth of components on a single page.
-
Migrating from Vue 2 to Svelte
Sure, performance (bundle size), performance/predictability, simplicity (blog post)
-
What are we trading away when using a UI compiler?
Finding Svelte's Inflection Point
-
My Evaluation of SvelteKit for Full-Stack Web App Development
yes am aware, but also in any realistic scenario, code splitting comes in well before the crossover point where that even remotely comes into question. this has been independently verified twice now:
https://twitter.com/sveltesociety/status/1301168598988107776...
https://svelte-scaling.acmion.com/
https://github.com/halfnelson/svelte-it-will-scale
sveltekit has further opportunities for whole-app optimization but honestly given this research i lost interest bc its more than good enough
-
Svelte generates a LOT of JS output code. How is it not adding framework like functionality in runtime?
Svelte lowers the initial size of your app, however the incremental cost of each component creates an inflection point, where the added size of each component exceeds the size of a pre-bundled framework. What actually matters is where this inflection point is. This experiment actually evaluates that https://github.com/halfnelson/svelte-it-will-scale. Essentially, you would need a project equivalent to four times the size of the svelte.dev website to reach this point.
-
Server Rendering in JavaScript: Optimizing for Size
Naturally, the first thing I want to do is put these to the test, but it would be anecdotal at best. The first thing that came to mind was the comparison of Svelte Component Scaling compared to React. Some sort of test to see how much difference a small library that ignored all this compared to a large library that didn't.
- Svelte beats react for developer satisfaction in 2020
What are some alternatives?
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
svelte-error-boundary - Error Boundaries for Svelte
open-props - CSS custom properties to help accelerate adaptive and consistent design.
svelte-kit-koa-boilerplate - This is a boilerplate for svelte-kit and koa.
Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
js-framework-benchmark - A comparison of the performance of a few popular javascript frameworks
Svelte - web development for the rest of us
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces. [Moved to: https://github.com/solidui/solid]
component-template - A base for building shareable Svelte components
carbon-components-sv
mantine-datatable - The table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, context menus, nesting, Gmail-style batch row selection, dark theme, and more.
npmgraph.an - 2d visualization of npm