🚀 Introducing Raya UI: A High-Impact, Visual Component Collection on top of Shadcn-vue

[iman-mohamadi]

Hey everyone! 👋

I'm excited to share a project I've been working on: Raya UI.

It is a collection of accessible, reusable, and composable Vue components built on top of Tailwind CSS and heavily inspired by the philosophy of shadcn-vue.

🌌 What makes it different?
While it includes the essentials, Raya UI focuses on high-impact, visual interactions designed to make your landing pages and apps "pop." I wanted to bridge the gap between functional UI and creative, motion-heavy design.

Some of the unique components included:

Gravity Stars: An interactive, physics-based background effect.

Liquid Glass: A distortion/blur effect for creating "frosted" cards.

Morphing Text: Smooth text transitions for headlines.

Background Beams: Dynamic, flowing background gradients.

Floating Dock: A macOS-style navigation dock.

🛠️ Tech Stack
Vue 3 / Nuxt

Tailwind CSS

Lucide Icons

Zero runtime styling overhead (Just copy/paste or use the CLI)

🔗 Links
Documentation & Demos: raya-ui.com

GitHub: github.com/iman-mohamadi/raya-ui

I'd love to hear your feedback, suggestions for new visual components, or any issues you encounter!

Happy building! 🚀