svelte-headlessui
svelte-material-ui
Our great sponsors
svelte-headlessui | svelte-material-ui | |
---|---|---|
22 | 32 | |
1,740 | 3,236 | |
- | - | |
6.6 | 7.9 | |
28 days ago | 11 days ago | |
Svelte | Svelte | |
MIT License | Apache License 2.0 |
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
- 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.
- What frustrates you in using Svelte?
-
Which UI components framework to use with Svelte project
Just in case you haven't seen it, I ported Headless UI to Svelte recently: https://github.com/rgossiaux/svelte-headlessui
-
Free alternative to Tailwind UI
About two weeks into my first project I did purchase Tailwind UI. It is a massively useful resource, and I use it several times a week. It is a great reference tool, and is being actively added to. I have definitely recovered my initial investment in time saved. If you're using React or Vue, it is a no brainer - support if first class (along with Headless UI). I actually pivoted to SvelteKit, and started using the Tailwind UI HTML components until recently when this dropped: https://github.com/rgossiaux/svelte-headlessui. I now start with the React component.
-
State of JS 2021 survey results are out
Sure, it's here. Unfortunately I'm still writing independent documentation--and as we know from the survey, documentation is the most important part of a library :)
svelte-material-ui
- UI kits, form validation, SPA routing. Why basic libraries are so hard to find.
-
Is there any Vuetify alternative for svelte (or svelte-kit) ?
Sveltematerialui (SMUI): GitHub: https://github.com/hperrin/svelte-material-ui SMUI is a Svelte wrapper for Material-UI, which is one of the most popular Material Design libraries. It provides a collection of components that follow the Material Design guidelines and can be easily integrated into Svelte projects.
What about https://github.com/hperrin/svelte-material-ui?
-
SvelteKit dashboard app
For material UI you can use: https://sveltematerialui.com. It works fine although my experience with it is minimal. For tailwind you can run npx svelte-add tailwindcss.
-
Building a multi-framework dashboard with Astro
As I mentioned at the beginning of this article, we’re using Svelte Material UI. To install it in our project, we have to first add it to our dependencies:
-
Svelte(Kit) Top 10 Wishlist for 2023
I know everyone loves Tailwind; I do too. However, there are too many things we take for granted with Material Design. Try and add a simple Date Picker to a Svelte Project. The Materialify project was abandoned (as well as the potential re-write SvelterialJS). The Svelte Material UI hasn't been updated in months, has poor documentation, and may well be on its way to be abandoned as well. Angular Material is well supported by Goodle, React MUI is in the process of getting updated, and so is Vuetify. SolidJS just built a translator for React MUI, and I think it is buggy and doesn't support Solid Start yet. Vercel should donate $$ monthly to support Svelte Material UI. It also needs to add components outside of Material Web (like Datepicker) that the Vue, Angular, and React alternatives support. Material UI is the standard for a reason. Another option would be to find a good translator like Mitosis, but I don't see that happening in this case. That being said, there are some alpha and beta UI Frameworks worth looking at like Skelton and SvelteUI (based on Tailwind). https://sveltematerialui.com/ https://www.skeleton.dev/ https://www.svelteui.org/
-
How to use a web component library with sveltejs?
material ui web: https://sveltematerialui.com
The issues I've seen with SMUI have to do with TypeScript support (example), but these should be solved in the upcoming release 7.0.
-
A good Material UI Lib?
HI all! I am looking for a good Material UI framework to use with Sveltekit! I have been trying to use SMUI from sveltematerialui.com, however it seems to cause tons of issues and the github issues don't seem to want to fix many of them, it seems like it isn't fully prod ready. I have looked at materialify, it seems good, however it hasn't been updated in the past 12 months, so I am not sure about the status of that. Option 3 would be me making all styles myself.... but that is quite a bit of work and I would like to have something working before the end of the month. Does anyone have any good alternatives to these? I have looked into Google's material libs, but they seem geared towards react and I am not sure if I want to mix things up that much. There must be matieral only CSS libs around that will play well with Tailwind, but I haven't had much luck finding anything (open source) that works well.
-
What component libraries are available
I'm using SMUI- the Svelte Material UI inspired by the design on Google sites and Android.
What are some alternatives?
svelte-materialify - A Material UI Design Component library for Svelte heavily inspired by vuetify.
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
sveltestrap - Bootstrap 4 & 5 components for Svelte
kahi-ui - Straight-forward Svelte UI for the Web
carbon-components-svelte - Svelte implementation of the Carbon Design System
sveltekit-blog-mdx - SvelteKit MDX starter blog with MDsveX (Svelte in markdown)
Svelte - Cybernetically enhanced web apps
svelte-simple-modal - A simple, small, and content-agnostic modal for Svelte v3
svelte-file-dropzone - Svelte component for fileupload
framework7 - Full featured HTML framework for building iOS & Android apps
svelte-starter - A Svelte starter template for projects
infinite-scroll - Infinite Scroll with Svelte 3, XState and IntersectionObserver