Rimelight UI (@rimelight/ui)

Rimelight UI is a comprehensive, 100% SolidJS 2.0 component library used and maintained by Rimelight Entertainment. It offers a full suite of accessible, fine-grained reactive, and highly performant components built exclusively for SolidJS 2.0, and is available as a free and open source project for anyone to use.

Features

• Pure SolidJS 2.0: Native fine-grained reactivity and signal primitives with zero virtual DOM overhead.
• SSR & Island Ready: Server-rendered and client hydrated seamlessly across modern Vite, SolidStart, and full-stack runtimes.
• Accessible: All components are WAI-ARIA compliant and include keyboard navigation, focus management, and screen reader support.
• Customizable: Create your own design system by overriding styles and variants globally or per instance via UnoCSS.
• Performant: Fully type-safe, memoized theme classes, modern and lean dependencies, and blazing fast.

For a complete list of available components, refer to the documentation.

Installation

# vp
vp install @rimelight/ui solid-js

# pnpm
pnpm add @rimelight/ui solid-js

# npm
npm install @rimelight/ui solid-js

Usage

import { RLButton } from "@rimelight/ui/components";

export default function MyComponent() {
  return <RLButton label="Click Me" color="primary" variant="solid" />;
}

Frequently Asked Questions

Useful Links

• Starter Project
• Playground
• Documentation
• Changelog

Contributing

We welcome contributions to this project and its documentation. If you are interested in contributing, please refer to our contribution guidelines.

Support

If you have any questions or need assistance, please feel free to reach out to us at [email protected].

License

MIT