shadcn-cssinjs

Overview

shadcn-cssinjs is an unofficial, community-led port of shadcn/ui to CSS-in-JS, maintained under Shadcn Labs. It offers the same copy-and-paste, own-your-code experience as shadcn/ui, but components are styled with StyleX instead of Tailwind CSS, for teams that prefer or require CSS-in-JS.

Components are built on Base UI headless primitives. The registry has 56 items covering the familiar shadcn/ui set, including accordion, alert dialog, button, calendar, card, carousel, chart, combobox, command, dialog, drawer, dropdown menu, input OTP, navigation menu, select, sheet, sidebar, sonner, tabs and tooltip. The project notes it is not affiliated with shadcn.

Features

• StyleX styling: CSS-in-JS instead of Tailwind CSS
• Base UI primitives: Accessible headless foundations
• 54 components: The familiar shadcn/ui component set
• Copy and paste: Own the source, same registry workflow
• Build your own library: Intended as a base for custom design systems
• MIT licensed: Free and open source

Tech stack

• React, TypeScript
• StyleX, Base UI

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add https://shadcn-cssinjs.com/r/button.json