Ruixen Pro is now live — $69 lifetime.50+ premium components, templates, blocks, and lifetime updates.

Command Palette

Search for a command to run...

Unlock the Full System

Makeyourwebsitesfeelpremiuminstantly

Makeyourwebsitesfeelpremiuminstantly

Marketing UI for shadcn projects. 240+ React sections and components for landing pages — hero blocks, pricing, footers, navbars, and the primitives around them. Multi-stack: Tailwind v3 or v4, Radix or Base UI. Free catalog plus Pro templates.

npx shadcn@latest add "https://ruixen.com/r/[component]"
Quick Start
Follow @ruixen_ui for new components
Components
Explore more

Free tools — no signup

Free CSS & Tailwind generators

Design glassmorphism, gradients and shadows in the browser and copy production-ready CSS or Tailwind — no account, no install.

Glassmorphism Generator

Frosted-glass UI — tune blur, transparency, borders and gradients, then copy CSS or Tailwind.

CSS Gradient Generator

Linear, radial and conic gradients with stop-level control and one-click CSS & Tailwind export.

Tailwind Shadow Generator

Layered box-shadows, elevation and neumorphism — copy as CSS or Tailwind in a click.

UI Gradients

Free 4K gradient backgrounds for heroes and cards — copy the CSS or download the PNG.

Wall of Love

Here's what people are saying about Ruixen UI.

xymox
xymox

@clxymox

ruixen.com ⭐ 84 stars Découvrez ce projet GitHub intéressant ! #GitHub

Simon 何思敏
Simon 何思敏

@HoSieMun

That looks like a fantastic find! The Rising Glow component from Ruixen UI is perfect for adding a high-end feel.

Blessing Ella
Blessing Ella

@blessing_e59788

Clean

FrΞΞD ◢ ◤
FrΞΞD ◢ ◤

@FreedSilas

This is next level clean for real UIs

Geek Lite
Geek Lite

@QingQ77

170+ 免费 SHADCN 组件，完全开源。 Ruixen UI 组件库界的隐藏宝石，一个现代、灵活、可定制的 React UI 组件库，主打弹簧物理动画和触觉反馈，让网页组件动起来像真实物体。

Kukil Kashyap Borgohain
Kukil Kashyap Borgohain

@kukil_knp2

Just checked the site… this is way bigger than I expected.

na
na

@pomufgd

アクセシビリティを重視した、UIライブラリかあ あとで試したい

Web制作BNブログ
Web制作BNブログ

@WebInfoBNBLOG

【最新情報】「WordPressのノーコード化が進んでいる！6.8対応解説書＜WordPressの教本＞」「Reactコンポーネントライブラリ＜Ruixen UI＞」など、4件の情報を追加【Web制作BNブログ】 #Web制作 #Webデザイン #コーディング

OrcDev
OrcDev

@orcdev

Just checked your library, impressive stuff, I'll look into it little bit better.

jaime
jaime

@jaimesolis

弹簧动画加触觉反馈这套组合，shadcn生态里确实没几个在做。170+组件免费开源，对比付费ui库划得来。

Rich Manyorock
Rich Manyorock

@Richmanyorock

This UI looks clean

Byron Jacobs
Byron Jacobs

@byronpixel

These look incredibly clean and well-considered. The focus on real layouts and clear hierarchy is exactly what developers need. Great work on the open-source release.

Sandeep
Sandeep

@sandeep_v1404

@ruixen_ui stands out because it feels built with intention, not just styled to look good.

Mr. Block_0x
Mr. Block_0x

@sagaranand1212

Custom colors + particle count Built for real UI, not demos

Rahul Krishna
Rahul Krishna

@RahulKrishnaa28

You can tell the components are well thought out, not just designed to look good but to actually be useful in production.

Ruixen Pro

When the free library isn't enough

Pro adds 50+ premium components, full page templates, and lifetime updates. One payment. No subscription. Everything you ship looks like it was made by a team.

50+ premium components with motion and theming
2 production-ready templates (Intellune, Nguyen)
Lifetime updates — no subscription
Commercial license included
Shadcn-compatible CLI install
Priority support on Discord
Get Lifetime — $69Compare Free vs Pro →

Frequently Asked Questions

A practical guide to getting productive with Ruixen UI: components, theming, performance, accessibility, pricing, and integrations.

About Ruixen UI

Ruixen UI is a production‑ready React component system designed for rapid app development. It pairs a modern design language with type‑safe APIs, keyboard‑first accessibility, and flexible theming. Whether you’re building dashboards, marketing sites, or SaaS admin tools, Ruixen UI helps teams ship consistent, high‑quality interfaces faster.

  • DX you’ll enjoy: headless primitives, composable props, and predictable overrides.
  • Design tokens & theming: switch light/dark, brand palettes, and radii in minutes.
  • Accessibility: focus rings, ARIA, and reduced‑motion built in by default.
  • Performance: tree‑shakeable, zero‑runtime CSS where possible, and minimal re‑renders.
  • Integration‑ready: works with Next.js, TanStack, React Hook Form, and more.

Can’t find what you need? Reach out to our Ruixen UI support team for assistance.

Can’t find what you need? Reach out to our Ruixen UI support team

New components every week

Follow the build

Spring configs, interaction breakdowns, and new component drops. Everything ships in public.

@ruixen_ui