defuss-shadcn

A modern Shadcn-like component library for defuss that build on Tailwind 4 and Basecoat UI.

defuss-shadcn is a modern UI component library for web apps that suits defuss perfectly. It builds on Tailwind CSS 4 and Basecoat UI. It provides a set of reusable, customizable, and accessible UI components that can be easily integrated into your defuss projects.

As a prerequisite, you need to set-up Tailwind CSS and Franken UI in your defuss project. Please refer to the official documentation of Tailwind CSS and Basecoat.

Install defuss-shadcn via npm or yarn:

bun install defuss-shadcn
# or
npm install defuss-shadcn
# or
yarn add defuss-shadcn

You can import and use the components from defuss-shadcn in your defuss project as follows:

import { Button } from "defuss-shadcn";

function App() {
  return (
    <Button onClick={() => alert("Button clicked!")}>Click Me</Button>
  );
}