Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Basecoat – shadcn/UI components, no React required

news.ycombinator.com

Post reply on HN
Print view View original

51–60 of 79 posts

Re: Show HN: Basecoat – shadcn/UI components, no React required

#51

Post by hunvreus »

diiiimaaaa wrote: post #13

So if I understand correctly all JS is custom-written Alpine JS components. And all CSS is custom classes that use Tailwind @apply, I'm not sure why, can someone elaborate.

- I prefer using Alpine rather than Vanilla JS these days. But the JS code is only for dialogs, combobox and tabs. I don't even use it myself on most simple projects. Curious what you would recommend using instead? Web components?

- I use `@apply` in all of my custom Tailwind classes. It's easy to keep it consistent with the rest of your styles, and in this case it meant it was pretty easy for me to copy a good chunk of shadcn/ui's own components. You usually just use regular CSS for custom Tailwind utility classes?

Re: Show HN: Basecoat – shadcn/UI components, no React required

#52

Post by hunvreus »

jmisavage wrote: post #16

FYI I don't think all of your styles are loading on the page. Tried safari and firefox and it doesn't look right.

Would you mind sending me a couple of screenshots at hunvreus@gmail.com, or adding it to an issue at https://github.com/hunvreus/basecoat/issues?

It would be incredibly helpful for me to debug.

Re: Show HN: Basecoat – shadcn/UI components, no React required

#56

Post by hunvreus »

boxed wrote: post #17
wafadaar wrote: post #15

Earlier quoted context omitted.

Bootstrap is a completely different framework with a different design language (one that many may precieve as out of fashion). This library/framework allows folks to use ShadCN (a component library) similar to Bootstrap which is only available through React/Vue/Svelte, etc.. with vanilla HTML.

So it's different in visual design, but the goal here is actually to make shadcn more like bootstrap? Hmm.. I think I like that.

Kinda, yeah. The goal is to make it possible for any web dev to use shadcn/ui with a regular HTML + CSS setup. No React. No Vue. Just whatever you're already using (e.g. Rails, Laravel, Django, ...).

Re: Show HN: Basecoat – shadcn/UI components, no React required

#57

Post by hunvreus »

7bit wrote: post #26
campak wrote: post #12

Earlier quoted context omitted.

and then... that solves the issue of a Tailwind dep

If deps are a problem for you, don't use basecoat.

I think it's a fair ask.

Being able to just add one line to import the CSS styles and being able to get up and running quickly (like Alpine.js or HTMX do).

Not great if you're trying to build a serious production app, but great if you're just building a simple proof-of-concept or simple tool.

Re: Show HN: Basecoat – shadcn/UI components, no React required

#58

Post by hunvreus »

drcongo wrote: post #35

This looks great. I've never used React so had never heard of shadcn, and annoyingly I've just got to the point in a side project where pulling out DaisyUI and replacing it with this might be a bit of a chore.

Do let me know if you end up using this. I'd love to get real life feedback on using it.
Post reply on HN