shadcn-labs/shadcn-cssinjs — explained in plain English
Analysis updated 2026-05-18
Copy accessible, prebuilt React components into your own project.
Build a custom component library styled with StyleX instead of Tailwind.
Swap shadcn/ui's Tailwind styling for a CSS-in-JS approach.
Use Base UI's unstyled primitives as a foundation for custom components.
| shadcn-labs/shadcn-cssinjs | chaos-xxl/zelda-hyrule-ui | coasty-ai/open-cowork | |
|---|---|---|---|
| Stars | 39 | 39 | 39 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | easy | easy | easy |
| Complexity | 2/5 | 2/5 | 3/5 |
| Audience | developer | developer | vibe coder |
Figures from each repo's GitHub metadata at analysis time.
Components are copied directly into your project rather than installed as a package dependency.
shadcn-cssinjs is a collection of ready-made user interface components for building websites and web apps with React. It is an unofficial community project that recreates the popular shadcn/ui component library, but instead of using Tailwind CSS for styling, it uses a different styling approach called StyleX, which writes styles directly in JavaScript or TypeScript code rather than in separate CSS files. The idea behind the original shadcn/ui, and this port as well, is that you do not install it as a typical package dependency. Instead, you copy and paste the actual component code straight into your own project, which means you fully own that code and can change it however you like. The components are built to be accessible, meaning they work well with screen readers and keyboard navigation, and customizable in appearance. Under the hood, the components are built on top of a separate library of unstyled, functional building blocks from Base UI, with StyleX handling how everything looks. This separation between behavior and appearance is a common pattern in modern component libraries, letting the underlying logic stay stable while the visual styling approach can differ. The README for this project is quite short and mainly points elsewhere for details. It links out to a documentation website for full guidance on using the components, and to separate guides for people who want to help develop the project or contribute code changes. The maintainers describe it as free and open source, intended as a starting point for anyone who wants to build their own custom component library rather than being a polished, finished product to install as is. It is released under the MIT License, which means anyone can use, copy, modify, and share it, including for commercial projects, as long as the original copyright notice is kept somewhere in the code.
A community port of the shadcn/ui React component library that uses StyleX styling instead of Tailwind CSS.
Mainly TypeScript. The stack also includes TypeScript, React, StyleX.
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.
Setup difficulty is rated easy, with roughly 30min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Don't trust strangers blindly. Verify against the repo.