Command Palette

Search for a command to run...

Ruixen UI: Lightweight & Customizable React Library

Ruixen UI is a modern, fast, and customizable React component library built with Tailwind CSS, TypeScript, and accessibility in mind.

Get StartedGet Templates
Globe ComponentRuixen Moon Chat3D Wall CalendarElite Plan CardCredit Card HeroInput With SelectHealth Stats CardTag Cloud SelectShirt Parallax CardURL InputMulti Month CalendarTask Orbit CalendarFeature CarouselRipple DistortionIcon Grid ButtonCalendarFeature Section 08Integration SectionFeature Section 06Glass Wall HeroLumina TextPricing With User SectionEvent Aquarium CalendarSliding PaginationStack PaginationGooey PaginationConfetti ButtonCountdown ButtonChecklist Button

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