ry-ui Demos

Build apps faster with
universal components

Framework-agnostic, Light DOM web components. Deploy everywhere.

Get Started Learn More

Simple and powerful

Section intro text with left alignment.

Leading software teams choose ry-ui

Manage your entire component library on one platform. We built a real-time design system so you don't have to.

Learn more →
Product screenshot

One gateway for every AI model.

Route, secure, and manage traffic to any LLM — cloud or local — with one unified platform.

Get early access
Architecture diagram

Hero

Full-width section header for page intros and CTAs.

AttributeValuesDescription
aligncenter | leftText and content alignment
layout(default) | splitCentered column or side-by-side
reverse(flag)Image left, text right (split only)
sizesm | (default) | lgVertical padding
full-bleed(flag)Remove max-width constraint
Everything you need

Heading

Section title with optional subtitle.

AttributeValuesDescription
aligncenter | right | (left default)Text alignment
divider(flag)Bottom border

Stat

KPI / metric display with optional trend indicator.

AttributeValuesDescription
trendup | downShow trend chevron icon
alignleft | (center default)Content alignment

Trusted by industry leaders

Acme Globex Initech Hooli Pied Piper
Acme Globex Initech Hooli Pied Piper Umbrella Stark Wayne
Acme Globex Initech Hooli Pied Piper Umbrella Stark Wayne Wonka Cyberdyne

Logo Bar

Trust strip for landing pages. Supports wrap, scroll, and marquee layouts.

AttributeValuesDescription
layout(default) | scroll | marqueeDisplay mode
sizesm | (default) | lgPadding size
--ry-logo-bar-heightCSS lengthHeight for img logos (default 2rem)
--ry-logo-bar-speedCSS timeMarquee duration (default 30s)

Zero Dependencies

Pure web standards. No framework lock-in.

Dark Mode

Light and dark out of the box.

Themeable

Swap the visual layer without touching layout.

Feature + Feature Grid

Icon + title + description card with responsive grid.

ElementAttributeValuesDescription
ry-feature-gridcols2 | 3 | 4Grid columns (responsive)
ry-featureiconicon nameIcon from registry
ry-featurealigncenter | (left)Content alignment
We rebuilt our dashboard in a weekend. It just works. Components that don't force you into a specific framework. The FORM/THEME separation is brilliant.

Testimonial

Quote card with avatar, stars, name, and role.

AttributeValuesDescription
stars1–5Number of star icons
avatarURLAvatar image source
nametextAuthor name
roletextAuthor title / company
(children)textQuote text
  • All components
  • Community support
  • MIT licensed
Get Started
  • Everything in Free
  • Premium themes
  • Priority support
  • Theme builder
Choose Pro
  • Everything in Pro
  • Dedicated support
  • Custom components
  • SLA guarantee
Contact Sales

Pricing

Pricing table with featured card variant.

AttributeDescription
featuredScales up card + raises z-index
titlePlan name (rendered as heading)
pricePrice display text

Simple Card

A basic content container.

Another Card

Cards stretch to equal height in grids.

Interactive Card

Click me — keyboard accessible.

Card

General-purpose container for content blocks.

AttributeValuesDescription
interactive(flag)Makes card clickable + keyboard accessible
hrefURLNavigation target (requires interactive)
Default New Beta Deprecated v2.0

Badge

Status labels and callouts. Great in hero sections.

No. ry-ui components are vanilla web components that work in any HTML page. Every component has three layers: Function, Form, and Theme. ~32KB JS (7KB gzipped) with zero dependencies.

Accordion (FAQ)

Standard collapsible FAQ pattern.

Small Default Large Primary Outline Ghost

Button

CTA buttons with size and variant options.

AttributeValuesDescription
sizesm | (default) | lgButton size
variant(default) | outline | ghostVisual variant
disabled(flag)Disable interaction
modalmodal IDOpens target modal on click
drawerdrawer IDOpens target drawer on click
Grid col 1 Grid col 2 Grid col 3

Layout Helpers

CSS-only primitives: grid, stack, cluster, section[narrow].

© 2026 ry-ui. MIT License. GitHub Docs NPM

Footer

Page footer with layout and theme variants.

New Release

Ship your next idea
in record time

Beautiful, accessible components that work everywhere.

Start Building See Examples
Why developers love it

Fast

Lightweight and performant by default.

Accessible

ARIA, keyboard nav, focus management.

Beautiful

Polished design with dark mode built in.

Leading software teams choose ry-ui

Manage benefits data and carrier connections on one platform. We built a real-time enrollment engine so you don't have to.

Learn more
Product screenshot

One integration, full access

Scale connectivity faster and at a fraction of the cost of direct builds.

A unified API experience

Free your team from files, portals, and forms.

Faster growth, smoother ops

Eliminate manual work and win on ease, speed, and accuracy.

A unified operating system for benefits

Embedded AI + API tech meets powerful software tools. It's easier than ever to deliver the modern experience customers expect.

Product overview

Case Build

Intelligent AI automation, flawless accuracy

Member Enrollment

Seamless enrollment for every carrier

Reconciliation

Advanced error detection and auditing tools

Carrier Network

On-demand connections, real-time capabilities

Why meet rising expectations when you can exceed them? Photo 1 Photo 2 Photo 3

Learn from the best

We have the expert resources you need to stay compliant while delivering a seamless experience.

Get dependable assistance

Say goodbye to navigating multiple systems and waiting around for answers.

Deliver a superior experience

Consolidate multiple accounts into a single solution that helps employees save money.

Insights just a click away Resource 1 eBook

Building the Business Case for Change

Read eBook →
Resource 2 Data Sheet

Administration Services

View Details →
Resource 3 Data Sheet

Services for Healthcare

View Details →
Resource 4 Data Sheet

Employer-Sponsored Benefits

View Details →

Supplemental health coverage made simple

Give your employees the protection they deserve.

More coverage

Covers 13,000+ injuries and illnesses from concussions to cancer.

Less hassle

One easy-to-manage plan with paperless install and online admin tools.

Faster benefits

Pays claims in hours — not weeks — so your people can rest easy.

Why us?

Any health insurance deductible can feel like a high deductible.

Our supplemental health plan enhances your benefit strategy to ease the financial impact of health hardships.

See our plan
What we bring

Customizable benefits

Paperless install & admin

Effortless enrollment

Easy claims experience

Fast benefit payouts

Dedicated support

Every plan comes with a benefit for Moderate, Severe, and Catastrophic conditions. Employees receive coverage in all three categories and can select the payout amounts that fit their needs.

Employers can fund part or all of the premiums — or offer it as a voluntary benefit. The choice is up to you.

One plan, more coverage

No one can predict which health issues might come their way.

Our broad supplemental coverage gets rid of the guesswork and puts cash benefits in your team's pockets.

Illustration
A better claims experience

Give your people a plan that pays in hours — not weeks.

Your team can't wait for peace of mind. Our plan pays cash benefits on diagnosis, so members can file a claim sooner and get paid faster.

App screenshot

How Our Solution Is Different

A Platform for Health Plans that Lead, Brokers That Stay, and Employers That Win

A leading benefits administration company serving over 30 health plans across group and individual markets for 25 years, with an end-to-end quote-to-pay platform.

Request a demo

Turn-key Administration

Technology platform to quote, enroll and bill plus consulting, integrated HRA administration, education and training resources.

Membership Growth and Retention

Easily transition group employees into the ICHRA model with a single platform and broker-curated plan offerings for all benefits.

Group-centered Experience

Employee and broker shopping and enrollment in a familiar group-like benefits experience.

Broker AOR Protection

Brokers retain agent of record, allowing them to provide service, support and curated plan offerings.

Automation to Scale

Support new offerings without added resources through automated enrollment and HRA funding.

Explore our partner network

Services Delivery Partners

Implement and optimize the platform with confidence. Deep product expertise and industry knowledge.

Learn more →

Community Partners

Professional guidance on how to support your organization. Trusted advisors with deep industry knowledge.

Learn more →

Technology Partners

Extend the power of the platform with integrated applications and solutions from our partners.

Learn more →

Full Composition

Multiple components composed into landing page sections.