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

Command Palette

Search for a command to run...

Unlock the Full System

Makeyourwebsitesfeelpremiuminstantly

Makeyourwebsitesfeelpremiuminstantly

A design-engineered set of production-ready components built for clarity and control. Customize, extend, and scale with confidence. Start with a strong foundation. Make it yours. Open source. Open architecture.

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

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

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ライブラリかあ あとで試したい

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.

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