Features

• One-line UI element creation
• Bind any field of any object
• Typescript support

Installation

Dependencies

lacery.js requires Shoelace to work. Install Shoelace by following the Shoelace installation guide.

NPM or CDN

After installing all dependencies into your project, you can either install lacery.js with npm or include it directly using the CDN:

You can install lacery.js via npm:

npm install lacery

Or include it directly in your HTML:

<script src="https://cdn.jsdelivr.net/npm/lacery@latest/dist/index.min.js"></script>

Usage

Here's a quick example to see lacery.js in action:

import { Lace, NumberElement } from 'lacery';

// Create a container element
const container = document.createElement('div');
document.body.appendChild(container);

// Create a new Lace
const lace = new Lace(container);

// Create a new object that holds our variable
const VARS = { example: 0.5 };

// Add a simple number element and bind the object
lace.add(new NumberElement("Label", VARS, "example"));

Documentation

Find the detailed documentation in the Wiki.

Changelog

Find the changelog here.

Inspiration

This project was inspired by imgui, lil-gui and Tweakpane.

License

This project is licensed under the Apache 2.0 License. See the LICENSE file for details.