Raya UI

Beautifully designed components built with Vue & Shadcn.

📖 Introduction

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

It is built on top of Shadcn Vue (whose core primitives are powered by Reka UI, formerly Radix Vue) and Tailwind CSS. This ensures that every component is accessible, customizable, and production-ready for the modern Vue ecosystem.

🚀 Features

• Copy-Paste: No heavy dependencies or black-box npm packages. You own the code.
• Accessible: Leverages Reka UI primitives for full accessibility and keyboard navigation.
• Themable: Designed to work seamlessly with Tailwind CSS and Shadcn's design tokens.
• Vue 3 & Nuxt Ready: Optimized for the modern Vue ecosystem.
• Animations: Includes complex animations like Marquees, Scroll Spies, and 3D effects powered by CSS and Vue transitions.

📦 Installation

You can add components to your project using the CLI or by manually copying the code.

CLI (Recommended)

Use the CLI to automatically install a component and its dependencies.

npx shadcn-vue@latest add [https://raya-ui.com/registry/wheel-picker.json](https://raya-ui.com/registry/wheel-picker.json)