Introduction

Reba Design System (RDS) is an open-source component library built for multimedia platforms — podcasting apps, streaming tools, audio dashboards, and video experiences. It’s built on top of shadcn/ui and Tailwind CSS, with copy-paste components, full TypeScript support, and documentation designed to work with AI coding tools like Cursor and Claude.

RDS is not a traditional npm package you import. It’s a copy-paste system — you own the code.

Highlights

63+ Components

UI, Media, AI, Charts, Layouts

Built on shadcn/ui

Radix primitives, Tailwind CSS, TypeScript

AI-native docs

Works out of the box with Cursor, Claude, Copilot

Quick Install

bash
npx shadcn@latest initnpx shadcn@latest add button

Next Steps