Light Dark System

OnliveUI: is a framework agnostic library designed to be adopted in Onlive interfaces.

  • Works with all frameworks 🧩
  • Works with CDNs 🚛
  • Fully customizable with CSS 🎨
  • Includes a dark theme 🌛
  • Built with accessibility in mind ♿️
  • First-class React support ⚛️
  • Built-in localization 💬
Cartoon of people assembling components while standing on a giant laptop.

Quick Start

Add the following code to your page.

<link rel="stylesheet" href="https://cdn.onlive.site/@onlive.site/ui@1.8.20/cdn/themes/light.css" />
<script type="module" src="https://cdn.onlive.site/@onlive.site/ui@1.8.20/cdn/onlive-ui-autoloader.js"></script>

Now you have access to all of OnliveUI’s components! Try adding a button:

Click me 
<ol-button>Click me</ol-button>

Web components solve these problems. They’re supported by all modern browsers, they’re framework-agnostic, and they’re part of the standard, so we know they’ll be supported for many years to come.

This is the technology that OnliveUI is built on.

Browser Support

OnliveUI is tested in the latest two versions of the following browsers.

Chrome Edge Firefox Opera Safari

Critical bug fixes in earlier versions will be addressed based on their severity and impact.

If you need to support IE11 or pre-Chromium Edge, this library isn’t for you. Although web components can (to some degree) be polyfilled for legacy browsers, supporting them is outside the scope of this project. If you’re using OnliveUI in such a browser, you’re gonna have a bad time.

Attribution

Special thanks to the following projects and individuals that help make OnliveUI possible.