svelte-headlessui VS ato-ui

Compare svelte-headlessui vs ato-ui and see what are their differences.

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
svelte-headlessui ato-ui
5 1
494 68
- -
8.8 9.5
4 months ago 3 months ago
TypeScript Svelte
MIT License MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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

Posts with mentions or reviews of svelte-headlessui. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-06-27.
  • [Self Promo] Ato UI: A themeable UI library built with UnoCSS
    5 projects | /r/sveltejs | 27 Jun 2023
    Hi everyone, I'm so happy I can finally share the project I've been working on for the past few months. Ato UI is a themeable component UI library built with UnoCSS (with the Tailwind + Windi preset) and offers both styled and headless components, since the library is build on top of other fantastic headless libraries like Headless UI and Grail UI. Skeleton was also a big inspiration, as you'll be able to see in the designer page and the token system.
  • How to implement a data access layer pattern in SvelteKit?
    3 projects | /r/SvelteKit | 26 May 2023
    You mention YAGNI, but I think the bigger blocker is "Don't reinvent the wheel" - which I think is the most misunderstood bit of programming advice out there. In my SvelteKit app, I am not using a "UI Framework" that provides components to me. I don't need to. Svelte is simple enough that I can build almost anything myself. I've looked at Skeleton's source code, and their components on average are not better than versions I have rolled myself. There are a few cases where it's better to use a framework. Sliders, for instance, have a lot of edge cases. So I use Swiper for carousels. But even then, I could build a working basic slider (that doesn't address the numerous edge cases) myself in an hour. The other case is Headless UI but even there, I disagree with how he implemented some things and it's possible to roll your own Svelte Headless UI just from Tailwind's source.
  • searching for a beautiful smooth svelte modal
    1 project | /r/sveltejs | 3 Feb 2023
    I've been using https://github.com/captaincodeman/svelte-headlessui/ since previous with react I was using headlessui w/ tailwid.
  • Svelte Headless UI has been abandoned, what should we do?
    3 projects | /r/sveltejs | 25 Dec 2022
  • What Svelte UI Library Should You Use?
    4 projects | /r/sveltejs | 2 Dec 2022
    I've also seen this alternative library utilising svelte use:action directive rather than components.

ato-ui

Posts with mentions or reviews of ato-ui. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-06-27.

What are some alternatives?

When comparing svelte-headlessui and ato-ui you can also consider the following projects:

svelte-headlessui - Unofficial Svelte port of the Headless UI component library

skeleton - The UI toolkit for Svelte and Tailwind.

melt-ui - A set of headless, accessible component builders for Svelte.

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.

grail-ui - A library of accessible component primitives, actions and utilities for Svelte.

recurring-planner - A calendar designed for aperiodic repetitive events. You have the ability to create templates and add them to your day, fully synchronized with your Google Calendar. Built using Svelte, Tailwind, HeadlessUI, and Golang.

headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

Urara - 🌸 Sweet, Powerful, IndieWeb-Compatible SvelteKit Blog Starter. [δ](Delta)

svelte-ionic-app - Ionic UI showcase app - try Ionic UI and directly go to API or source code (Svelte, Angular, Vue, Vanilla and React)

skeleton - A fully featured UI toolkit for Svelte + Tailwind. [Moved to: https://github.com/skeletonlabs/skeleton]