frontpage.
newsnewestaskshowjobs

Open Source @Github

fp.

Open in hackernews

Show HN: Basecoat – All of the shadcn/ui magic, none of the React

https://basecoatui.com
11•hunvreus•1y ago
In a nutshell: Basecoat is a port of shadcn/ui to HTML and Tailwind CSS. It's a modern, themeable component library; everything from buttons to comboboxes and dialogs.

Why? Well, I got sick of React and moved over to a more "old school" stack (Python, HTMX, Alpine.js and Tailwind).

The one thing I missed was shadcn/ui [1]. Nice defaults, well thought out design system, easy to theme and great to build your own component library with.

I didn't find the alternatives compelling: Flowbite, Preline and the likes encourage you to copy/paste dozens of classes for each element.

That's not how I use Tailwind. I love the utility-first approach, but I don't want walls of classes for each button, form element or tooltip I have in my app.

I had been building my own component library for a project I’m working on (a Vercel for Python apps) and realized it may be worth my time to firm things up.

Why I think it's cool? Well:

- No React. Just Tailwind CSS (with a tiny bit of Alpine.js if you choose to). You can use that with whatever stack you want.

- Jinja and Nunjucks macros. I hope to support more template engines.

- 100% compatible with shadcn/ui themes (you can play with the theme select box on the site).

- Super easy to install and use (there's even a CLI).

- Accessible, with ARIA support.

- Did I mention no React?

Hope some of you find it useful.

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

[2]: https://v4.shadcn.com/ (this is actually the new/upcoming version of shadcn/ui).

Comments

drivingmenuts•1y ago
Not working in Safari. Did you, perchance, test this only in Chrome?

A sampling of error messages:

- Failed to load resource: Load cannot follow more than 20 redirections

- Cross-origin script load denied by Cross-Origin Resource Sharing policy.

- TypeError: window.basecoat.registerDialog is not a function. (In 'window.basecoat.registerDialog(Alpine)', 'window.basecoat.registerDialog' is undefined)

- Alpine Expression Error: Can't find variable: sidebar

and so on and so forth. It just goes downhill from there.

hunvreus•1y ago
I tested it in Safari, and just checked: I don't get any of these errors.

Which page did you get that on? The front page?

drivingmenuts•1y ago
And … now it works. I didn't do anything different, but problem apparently solved.
hunvreus•1y ago
Good to hear. I was trying to figure out what I did wrong. Maybe a CDN issue.

Thanks for checking it out.

pbowyer•1y ago
Well done, this looks like a great beginning! I'll be giving this a test on my next project.

Hoping you add more of shadcn/ui, I'm partial to the sheet.

Macintosh 9: Finder: View as Button (2024)

https://getbootstrap.com/docs/5.2/examples/blog/
1•haunter•1m ago•0 comments

Create realistic group photos in real time with AI

https://pixailer.com
1•keenthinker•1m ago•1 comments

El Niño Is Wreaking Havoc on Pacific Fisheries

https://www.wired.com/story/el-nino-wreaking-havoc-on-pacific-fisheries/
1•beardyw•3m ago•0 comments

Lumvelle Drops ReviEwS (2026): We Tried It My Honest Review

https://gamma.app/embed/Lumvelle-Drops-ReviEwS-2026-We-Tried-It-My-Honest-Review-8ki1ftfh003qqdn
1•brentrq•5m ago•0 comments

Documentation is still in your Mum's filing cabinet

https://gerireid.com/blog/organising-documentation-for-humans-and-ai/
1•eigenBasis•9m ago•0 comments

Ask HN: Does your website work on Nordstjernen Web Browser?

1•roschdal•11m ago•0 comments

World Model Is the New Inflection Point

https://rajatghosh11.substack.com/p/one-model-to-rule-them-all
1•rghosh8•11m ago•0 comments

A font that humans can read but AI cannot

https://www.mixfont.com/ghost-font
1•justswim•13m ago•0 comments

Show HN: Image Generation API with QR code tracking and MCP support

https://templateson.com
1•maz225•14m ago•0 comments

Cost vs. accuracy in CursorBench 3.1: the effect of family and spend

https://www.shibaprasadb.com/2026/07/09/cursorbench-analysis.html
1•shibaprasadb•16m ago•0 comments

Show HN: A strategic word game where you make many words with 1 letter per turn

https://play.letterphile.com
1•sonOfHades•16m ago•0 comments

The Personal Safe – Zero-knowledge encrypted backup for your own S3 bucket

https://github.com/wocdamjack/thepersonalsafe
1•wocdamjack•18m ago•0 comments

Lumvelle ReviEwS (2026): We Tried It My Honest Review

https://gamma.app/embed/Lumvelle-ReviEwS-2026-We-Tried-It-My-Honest-Review-ge43hr5uq6eoxu3
1•bayszalu•20m ago•0 comments

Safari sidebar silently loads loads all your bookmarks

https://lapcatsoftware.com/articles/2026/7/1.html
2•JumpCrisscross•23m ago•0 comments

Open-source finance infrastructure in Rust

https://www.railsinfra.com
1•sibabale•32m ago•1 comments

Almost $1B Later, the US Still Can't Make a Medical Glove

https://www.bloomberg.com/news/features/2026-07-07/why-it-s-so-difficult-to-produce-100-american-...
5•helsinkiandrew•34m ago•1 comments

Consumers unsatisfied despite world-class networks

https://billbennett.co.nz/nz-telecom-customer-satisfaction-declines-comcom-report/
1•JumpCrisscross•35m ago•0 comments

New Earth Time – 360 degrees of time (2000)

https://newearthtime.net/
1•networked•35m ago•0 comments

FCC weighs changing E-Rate program, which lowers school internet bills

https://www.npr.org/2026/07/10/nx-s1-5878405/fcc-erate-schools-internet-discount
2•jonbaer•39m ago•0 comments

Microsoft latest report shows 25% emissions raised due to AI data centers

https://www.windowscentral.com/microsoft/dropping-greenwashing-credits-and-expanding-ai-datacente...
3•pjmlp•39m ago•0 comments

Ukraine's Amazon for war: Inside the marketplace built for the military

https://www.youtube.com/watch?v=BZaIh5we0bY
1•doener•40m ago•0 comments

Zeitpyramide

https://en.wikipedia.org/wiki/Zeitpyramide
3•doener•42m ago•0 comments

Kids (With Phones) Are Alright

https://heatherburns.tech/2026/07/08/the-kids-with-phones-are-alright/
1•JumpCrisscross•42m ago•0 comments

Timeline of the Far Future

https://en.wikipedia.org/wiki/Timeline_of_the_far_future
1•doener•43m ago•0 comments

Loom Document Search Engine

https://gitlab.com/swiss-armed-forces/cyber-command/cea/loom
1•ano-ther•45m ago•0 comments

In defense of not understanding your codebase

https://www.seangoedecke.com/in-defense-of-not-understanding-your-codebase/
1•suprjami•53m ago•1 comments

Show HN: ServiceBeard – Turn your support mailbox into an issue board

https://servicebeard.app/
2•hongaar•56m ago•0 comments

Adam Curtis – All Watched over by Machines of Loving Grace

https://en.wikipedia.org/wiki/All_Watched_Over_by_Machines_of_Loving_Grace_(TV_series)
4•mrauha•58m ago•1 comments

MonitorSpider. Uptime, page-change detection and login monitoring in one

https://monitorspider.com
1•hitechist•1h ago•0 comments

Show HN: Web-Performer – Run HTTP/GraphQL Requests from YAML (TypeScript CLI)

https://github.com/Techthos/web-performer
1•alex20465•1h ago•0 comments