skeleton VS tailwindcss-forms

I'm a bit bias here, but we've had a lot of support for my UI library called https://skeleton.dev/. We've taken a lot of the doc design and visual queues from them, though we've built with Tailwind/Svelte in mind from the ground up

I just found Skeleton, which are pre-built components using TailwindCSS. https://skeleton.brainandbonesllc.com/

I... might have inspected elements nonstop on https://skeleton.brainandbonesllc.com in order to figure out how your team did it and shamelessly applied it to my site example.

Skeleton looks promising, but you have to buy into Tailwind CSS.

Thanks! Even though the site is useable I'm looking into Skeleton (Tailwindcss Component Library that's good looking and quick/easy. In beta.) https://skeleton.brainandbonesllc.com/

You might check out Skeleton (full disclosure, I'm one of the creators)

https://skeleton.brainandbonesllc.com/

When my partner and I were getting started with Svelte we noticed there was plenty of wrapper libraries, but very few that lean into the benefits of Svelte specifically. We wanted something like Mantine from the React world.

We're still early days (we've open source and public for about a month) but the feedback has been really positive. The one thing to note is we pair heavily with Tailwind, so if that's not your jam the library may not be for you. However for any sizable app where you're building a design system, we find it extremally helpful and productive.

Hopefully you can give it a try and it helps out! My username on our Discord is endigo9740 if you need any help!

The forms plugin is similar to the typography plugin. Because Tailwind CSS’ resets also affect form elements, the job of the forms plugin is to give form elements a set of pretty, default styles. The default styles are minimal so you won't want to use them as is, but they make a convenient base you can override and extend.

Let's copy a form component from HyperUI, and edit it to make it work for us. If you use one of their form components, make sure to install the TailwindCSS forms plugin.

Install tailwind css and tailwindcss/forms.

If you're in a hurry: https://github.com/tailwindlabs/tailwindcss-forms

Finally Tailwind is the last CSS framework it can generate, which also has checkbox labels to the right: https://tailwindcss-forms.vercel.app/

We'll also utilize Tailwind's Forms Plugin to make it easier to style our Auth component, so let's install that as well:

I want to install tailwindcss-forms plugin on Deno but couldn't.