Open Source

Build apps faster with
universal components

Framework-agnostic, Light DOM web components. Write once in HTML/CSS/JS. Deploy everywhere. No decisions to make. No architecture to debate.

Get Started Free

View on GitHub

Trusted by teams at

Acme Globex Initech Umbrella Stark

Everything you need, nothing you don't

Every app is a composition of the same finite primitives. We built them all — so you never have to again.

Zero Dependencies

Pure web standards. No framework lock-in, no build step required, no node_modules bloat.

Dark Mode Built In

Every component supports light and dark mode out of the box via CSS custom properties.

Fully Themeable

Swap the entire visual layer without touching structure or behavior. Three independent layers.

Accessible

Keyboard navigation, ARIA attributes, and focus management handled for every component.

Light DOM

No Shadow DOM. Your CSS works. Your selectors work. Inspect and style anything.

Developer Friendly

Clean API, strict TypeScript, comprehensive docs. Read the source in minutes.

Loved by developers

Teams ship faster when they stop reinventing the same UI primitives.

We rebuilt our entire admin dashboard in a weekend. The component library just works — no fighting with frameworks. Finally, components that don't force you into a specific framework. We use these across React, Vue, and vanilla JS projects. The FORM/THEME separation is brilliant. Our design team can iterate on visuals without touching any JavaScript.

Simple, transparent pricing

Start free. Scale when you're ready.

All components
3 themes included
Community support
MIT licensed

Get Started

Everything in Starter
Premium themes
Priority support
Custom theme builder
Figma kit

Choose Pro

Everything in Pro
Dedicated support
Custom components
SLA guarantee
On-premise option

Contact Sales

Frequently asked questions

No. ry-ui components are vanilla web components that work in any HTML page. They also work seamlessly inside React, Vue, Svelte, Angular, or any other framework.

Every component has three independent layers: Function (JS behavior), Form (CSS layout), and Theme (CSS visuals). You can swap the entire theme without touching layout or behavior. Themes are just CSS files that override design tokens.

Yes. All interactive components include proper ARIA attributes, keyboard navigation, and focus management. We follow WAI-ARIA patterns for every component.

Absolutely. ry-ui uses Light DOM (no Shadow DOM), so your existing CSS selectors and frameworks work as expected. You can load only the structure CSS and bring your own visual theme.

The full JS bundle is ~32KB (7KB gzipped) with zero dependencies. CSS is similarly lightweight. You're shipping less code than most icon libraries.

Ready to build?

Stop reinventing UI primitives. Start shipping.