svelte-headlessui VS mantine-datatable

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.

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.

I've been using https://github.com/captaincodeman/svelte-headlessui/ since previous with react I was using headlessui w/ tailwid.

I've also seen this alternative library utilising svelte use:action directive rather than components.

Hey, I'm the author of Mantine DataTable, one of the most popular data table components built for the awesome Mantine UI library.

May I introduce: Mantine Datatable

If you find this tool useful, please 🙏star the repo spread the word, and consider ❤️ sponsoring my work. I'm the author and maintainer of several open-source projects such as Mantine DataTable and tRPC-SvelteKit, and your support will help me keep them up-to-date and bug-free. I might also be available for hire. If you need help with your project, feel free to contact me at the email address listed on my GitHub profile.

Disclaimer: I may be a bit biased. I'm the author of a number of open-source projects in React - some of them front-end related, such as Mantine DataTable, but I've also built tRPC-SvelteKit... because I f*cking loved Svelte from the moment I first discovered it!

Feel free to join the discussions here: https://github.com/icflorescu/mantine-datatable/discussions

Mantine DataTable is certainly not the single option in terms of data table / data grid functionality, and far from me to claim it's the best one out there. "The best" is always a subjective notion and it naturally depends on one's specific needs and preferences. Others offer features such as virtualization, better filtering support perhaps, etc., while mine comes with a few features that I considered to be important, such as:

Also, if you find the project useful, it would help a lot if you could star the GitHub repository, spread the word or hire my services to build front-end/full-stack stuff.

A "dark-theme aware" table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagination, multiple rows selection, column sorting, custom cell data rendering, row context menu, and more. Head on to https://icflorescu.github.io/mantine-datatable/ to get started and learn how to use Mantine DataTable by browsive the comprehensive list of examples.