xyba-elements

Xyba Elements

A touch control library providing web components with first-class React support for games, featuring flexible styling for browsers and web views.

Features:

• Web Components - Works with all browser frameworks or non at all.
• React Components - First-class support for React.
• Declarative - Complete HTML control using slots.
• Customizable - Complete style control using only HTML and CSS.

Documentation

https://xyba-elements.com

Quick Start

CDN

You can load Xyba Elements via CDN to get started quickly.

<script type="module" src="https://cdn.jsdelivr.net/npm/xyba-elements/dist/cdn/elements/index.js"></script>

You can also cherry pick elements to avoid loading the full library.

<script type="module" src="https://cdn.jsdelivr.net/npm/xyba-elements/dist/cdn/elements/analog/analog.js"></script>

NPM Install

If you don’t want to use the CDN, you can install Xyba Elements from npm with the following command.

npm install xyba-elements

Importing

Once installed, you can import via xyba-elements.

// Custom Elements
import "xyba-elements/elements/analog/analog.js";

// React 
import { Analog } from "xyba-elements/react";

Source Code

Xyba Elements is currently a closed-source repository.

License

Custom License Agreement

Copyright (c) [2024] Emil Rune Møller

• Grant of License:

  • You are granted a non-exclusive, non-transferable license to use the Software for non-commercial and open-source purposes only.

• Restrictions:

  • The Software and its components may not be distributed, sublicensed, or made available to third parties in any form.
  • Commercial use of the Software requires a paid license agreement with the copyright holder.

• Proprietary Nature:

  • The Software is proprietary and is not open-source. The source code is not available for public access or modification.

• No Warranty:

  • The Software is provided "as is," without warranty of any kind, express or implied.