RayUI is a collection of re-usable components that you can copy and paste into your apps. It is NOT a component library. It's a collection of re-usable components that you can copy and paste into your apps.
- Beautifully Designed: Carefully crafted components that look great out of the box.
- Accessible: Built with accessibility in mind, ensuring your app is usable by everyone.
- Customizable: Built with Tailwind CSS, making it easy to customize to your needs.
- Open Source: Free to use for personal and commercial projects.
- Dark Mode: First-class support for dark mode.
To use components from this registry, configure your components.json file with the remote registry:
{
"registries": {
"@rayui": "https://rayui.so/r/{name}.json"
}
}Then add components to your project using the CLI:
# Add a specific component
npx shadcn@latest add @rayui/login-01
# Add a dialog component
npx shadcn@latest add @rayui/dialog-01
# Add a sidebar component
npx shadcn@latest add @rayui/sidebar-01- Framework: Next.js
- Styling: Tailwind CSS
- Icons: Tabler Icons
- Animation: Framer Motion
We welcome contributions! Please read our contributing guide to get started.
This UI Library is released under the Rayyan Quantum AI Labs UI License (Custom MIT Variant).
You can:
- Use it in personal or commercial projects
- Use it for unlimited client work
- Remove credits and use your own branding
- Modify the components as needed
You can't:
- Resell, redistribute, license, or sub-license the library
- Use it in website builders, page builders, or automated UI generators
For full details, see the LICENSE file.
Built with ❤️ by Rayyan Quantum AI Labs