Introduction

This is not a component library. It's how you build your component library.

radk gives you the actual component source code. You own it. You customize it. No black-box packages, no style overrides, no workarounds.

Philosophy

• Open Code — Every component is copied into your project as source. Full transparency, full control.
• Composition — All components share a consistent, composable API built on Radix UI.
• Distribution — A CLI and registry schema make it easy to add components across projects.
• Beautiful Defaults — Carefully chosen styles so your UI looks great out of the box.

Quick Start

Initialize radk in your project:

npx radk init

Then add the components you need:

npx radk add button card input

Import and use:

import { Button } from "@/components/ui/button"

export default function Page() {
  return <Button>Click me</Button>
}

FAQ

Is this a component library?

No. radk is a code distribution tool. You get the source code, not an npm dependency. This means you can modify any component to fit your needs.

Can I use this with other frameworks?

radk is built for React. It works with Next.js, Vite, Remix, and any React-based framework that supports Tailwind CSS.

How is this different from shadcn/ui?

radk follows the same philosophy as shadcn/ui — open code, composable components, CLI distribution. Think of it as a starting point for your own design system.