svelte-headlessui
headlessui
svelte-headlessui | headlessui | |
---|---|---|
23 | 181 | |
1,755 | 24,696 | |
- | 2.6% | |
6.0 | 9.3 | |
2 months ago | about 12 hours ago | |
Svelte | TypeScript | |
MIT License | 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
- 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?
-
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.
headlessui
- Headless UI
-
Exploring Catalyst, Tailwind's UI kit for React
Catalyst is a comprehensive, fully componentized UI kit for modern React projects, built on the next generation of Headless UI. With Catalyst, you can create a custom set of components to use and reuse in your projects.
-
Headless UI - a great components library for Vue & React
And that is why I was looking for a UI library that would deliver these things for a long time and today I am happy to announce that I have found it! It is Headless UI by the Tailwind Team.
-
The Secret Weapon of Top Developers: 7 React JS Libraries You Can't Afford to Ignore
Headless UI provides a suite of unstyled, fully accessible UI components perfect for developers who want full control over their interface design. It's a developer's canvas, offering the foundational parts needed to build a user interface without dictating the aesthetics, making it ideal for those who love to integrate with Tailwind CSS. With https://headlessui.com/, you can ensure that your applications are inclusive and easy to use for everyone, while also maintaining the freedom to craft a unique look and feel that aligns with your brand or style guidelines.
- Tailwind Color Palette Generator
-
9 React component libraries for efficient development in 2023
GitHub stars: 22.5k GitHub link: https://github.com/tailwindlabs/headlessui Documentation: https://headlessui.com/
-
React Ecosystem in 2024
Website: Headless UI
-
Build E-Commerce apps faster with Storefront UI
Few months ago, I discovered project called Headless UI and I instantly liked the idea.
-
Top 5 Headless Components For Your React Application In 2023
In addition to Tailwind CSS, Tailwind Labs also created Headless UI, a collection of components that work well with Tailwind CSS.
-
Accessibility and Headless UI Libraries - Adobe, Radix, Tailwind, MUI
Tailwind - Headless UI
What are some alternatives?
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
open-props - CSS custom properties to help accelerate adaptive and consistent design.
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Svelte - Cybernetically enhanced web apps
downshift 🏎 - 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
SvelteKit - web development, streamlined
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
svelte-material-ui - Svelte Material UI Components
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications