nowfound

Dev tools · May 8, 2025

BA

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

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…

In plain words

Basecoat is a component library that brings shadcn/ui's design system to HTML and Tailwind CSS, eliminating the need for React. It offers pre-built, themeable components including buttons, forms, dialogs, and comboboxes with clean utility-first styling. Designed for developers using Python, HTMX, Alpine.js, and similar non-React stacks, Basecoat provides well-designed defaults and an easy-to-customize foundation for building custom component libraries without excessive class repetition.

written from the facts on this page · September 2026

From the sources

In the maker’s words, at launch

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).

Does a similar job

all alternatives →
  • BS
    Basecoat – shadcn/UI components, no React required2025 · ▲146

    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: Click me Why I built it: after moving from a Next.js stack back…

  • ShadcnblocksNov 2025 · ▲361

    The ultimate block set for shadcn/ui, Tailwind, and React

  • Layouts.dev2024 · layouts.dev · ▲699

    A notebook for building interfaces with Tailwind & shadcn/UI

  • Tailwind UI Templates2022 · ▲452

    Beautiful Next.js templates built by the Tailwind CSS team.

  • Page UI2024 · pageui.shipixen.com · ▲810

    High-converting landing page components to copy and paste

  • blocks.soNov 2025 · ▲61

    Open-source UI library built with React, Tailwind and shadcn

More dev tools this month

the category →
  • Dograh592

    The open source VAPI alternative

    Dev tools · 26d ago · dograh.com

  • Meridian530

    Don't let your work go unnoticed. Get promoted!

    Dev tools · 21d ago · meridiona.com

  • x1516

    Lovable for iPhone apps go from idea to App Store

    Dev tools · 12d ago · x1.new

  • The first open-source price index for GPU compute

    Dev tools · 10d ago · getcomputable.com

  • OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

    Dev tools · 2d ago · opentrailpaper.com

  • Open-source GTM skills for technical founders

    Dev tools · 30d ago · gtmcofounder.com

Launched alongside, May 2025

the whole month →
  • Tapflow 2.01,127

    Turn your docs into sellable guides, playbooks, workflows

    Work · 2025 · tapflow.ai

  • C9

    Life & fun · 2025 · felixrieseberg.github.io

  • Appwrite 2.0 brings a new engine, a rebuilt Console, five database types, an S3 API, an OAuth 2.1 server, and organization-level Domains and Firewall.

    Dev tools · 2025 · appwrite.io

  • Perfect meeting memory in Notion

    AI · 2025 · notion.com

  • Den948

    Multiplayer AI agent builder

    AI · 2025 · getden.io

  • Powerful productivity on the go

    AI · 2025 · raycast.com