RoyUI

The component library
for the next React era.

Production-ready components for Next.js App Router, TanStack Start, and Vite. Zero-config styling, TypeScript-first, tree-shakeable.

pnpm add @roy-ui/ui
Works with
  • Next.js
  • Vue.js
  • Vite
  • Angular
  • Next.js
  • Vue.js
  • Vite
  • Angular
  • Next.js
  • Vue.js
  • Vite
  • Angular
Featured

Start with these

Hand-picked components ready to ship in production today. Click through for installation and full documentation.

All components

GradientButton

Inputs

Animated gradient CTA with built-in loading state.

Pricing details

Popover

Overlay

Click-toggled info panel with animated tail and dismiss handling.

MadeBy

Display

Floating credit badge with author name and portfolio link.

Crafted with care.

TextMorph

Display

Text that diff-types between values with human-feeling jitter.

Principles

Built the way you build

Sane defaults, escape hatches when you need them. No magic, no hidden runtime, nothing you couldn't have written yourself.

RSC-ready

Components ship with correct "use client" boundaries — works in Next.js App Router and TanStack Start out of the box.

Owns its styles

Each component brings its own CSS via tree-shakeable side-effect imports. No global stylesheet, no Tailwind config.

Typed end-to-end

Full TypeScript inference. Native HTML attributes forwarded — onClick, aria, data-*, refs all just work.

Copy or import

Install from npm or use the CLI to copy source into your project. Two distribution models, one library.

Get started in 30 seconds

One install, one import, one component on screen. No config, no build step beyond what your framework already does.

Made byRoy