Introduction

Beautifully designed components built with Vue & Shadcn. Copy and paste into your apps. Open Source. Accessible.

Prerequisite: Shadcn Vue

Raya is built on top of the Shadcn Vue ecosystem.
You must have a working Shadcn Vue project set up (initialized) before adding these components, as they rely on the same `lib/utils` (cn helper), Tailwind configuration, and base dependencies.

Philosophy

Raya is not a component library. It's a collection of re-usable components that you can copy and paste into your apps.

What do you mean by "not a component library"?
I mean you do not install it as a dependency. It is not available or distributed via npm.

Pick the components you need. Copy and paste the code into your project and customize to your needs. The code is yours.

Themable

Built on top of Tailwind CSS variables. If you use Shadcn Vue, these components automatically adapt to your theme (colors, radius, dark mode).

Accessible

We use Reka UI (formerly Radix Vue) primitives to ensure keyboard navigation, focus management, and ARIA support out of the box.