Beautifully designed landing page components built with React & Tailwind CSS.

Ruixen UI is a collection of copy-and-paste components for building beautiful landing pages and web applications. Built with React, TypeScript, and Tailwind CSS.

• Copy & Paste Components - No installation required, just copy the code
• Built with Modern Stack - React, TypeScript, and Tailwind CSS
• Production Ready - Used in real-world applications
• Dark Mode Support - All components support light and dark themes
• Accessible - Built with accessibility in mind
• Responsive - Mobile-first design approach
• Gradient Collection - Curated high-quality gradients for your designs

Visit ruixen.com to browse components and copy the code you need.

1. Browse the component library
2. Copy the component code
3. Paste into your project
4. Customize as needed

We believe UI components should be:

• Visually stunning yet lightweight
• Reusable and composable
• Written with clean, typed code
• Built for collaboration between designers and engineers

Ruixen UI exists to empower teams to create consistent, modern, and scalable UIs — faster.

Explore our curated collection of beautiful, high-quality gradients perfect for modern web designs.

👉 Browse Gradients

Features:

• 23+ Premium Gradients - Organized in 5 distinct collections
• 4K Resolution - 3840 × 2160 pixels for crisp display on any screen
• Free to Download - All gradients are free for personal and commercial use
• Multiple Categories - Fractional Walls, Hero Gradients, Hue Flows, Moon Backgrounds, and Shade Shifters

Comprehensive documentation is available at:

👉 https://ruixen.com/docs

Find:

• Installation guides
• Customization examples
• API references
• Accessibility and theming details

We welcome developers, designers, and open-source contributors to help shape Ruixen UI.
Before contributing, please read our CONTRIBUTING.md file for setup and submission guidelines.

Join the Ruixen UI community:

• Discord: Join our Discord
• Twitter: @ruixenui
• Instagram: @ruixenui
• GitHub: ruixenui/ruixen.com

Ruixen UI is open source and licensed under the MIT License.

We value your feedback!

• Open an issue for bugs or ideas
• Share your components
• Tag us online if you’ve built something with Ruixen UI

To provide beautiful, accessible, and production-ready components that help developers build better web experiences faster.

Build beautiful interfaces with Ruixen UI.