←back to thread

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

144 points hunvreus | 1 comments | 13 May 25 11:22 UTC | HN request time: 0.204s | source

Basecoat ports the upcoming shadcn/ui v4 [1] to plain HTML + Tailwind (no React):

- Live demo & documentation: https://basecoatui.com

- MIT‑licensed and free: https://github.com/hunvreus/basecoat/

- Works with any backend (Flask, Django, Rails, PHP, etc.) or static site.

- Fully theme‑compatible with shadcn/ui [2].

- Uses a sliver of Alpine.js only for a few interactive bits (e.g. combobox). Swap in your own JS if you prefer.

- Dead simple to use, just drop in a class here and there:

  <button class="btn" data-tooltip="This is a tooltip text">Click me</button>
Why I built it: after moving from a Next.js stack back to Flask + Tailwind + HTMX, I missed shadcn/ui and didn’t want walls of Tailwind classes (like Flowbite or Preline).

Feedback is most welcome: bugs, requests for components, criticism.

[1]: https://v4.shadcn.com/

[2]: https://basecoatui.com/installation/#install-theming

[3]: https://pagescms.org

Show context
pacmanche ◴[13 May 25 15:30 UTC] No.43974037[source]▶
Now you just need to remove Tailwind
replies(2): >>43974282 #>>43974283 #
revskill ◴[13 May 25 15:52 UTC] No.43974282[source]▶
And then ?
replies(1): >>43974817 #
campak ◴[13 May 25 16:39 UTC] No.43974817[source]▶
and then... that solves the issue of a Tailwind dep
replies(1): >>43975592 #
7bit ◴[13 May 25 17:41 UTC] No.43975592[source]▶
If deps are a problem for you, don't use basecoat.
replies(2): >>43979027 #>>43991496 #
1. 7bit ◴[15 May 25 03:18 UTC] No.43991496[source]▶
It is a fair ask. But not if you ask a Framework that is based on Tailwind. It's like critisising Windows for not being macOS.