New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details →
Socket
Book a DemoSign in
Socket

druid-ui

Package Overview
Dependencies
Maintainers
1
Versions
66
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

druid-ui

A JavaScript UI library that allows you to build interactive web applications using Lua scripts. Available as both a library with external dependencies and a fully self-contained bundle.

latest
npmnpm
Version
1.7.1
Version published
Weekly downloads
58
1833.33%
Maintainers
1
Weekly downloads
 
Created
Source

DruidUI

A JavaScript UI library that allows you to build interactive web applications using Lua scripts. Available as both a library with external dependencies and a fully self-contained bundle.

Installation

NPM Package (Library Version)

npm install druid-ui

This installs the library version that requires external dependencies to be installed separately.

Self-Contained Bundle

For direct browser usage without a build system:

<!-- ES Module (Standalone) -->
<script type="module">
  import { DruidUI } from "https://unpkg.com/druid-ui/dist/druid-ui.standalone.esm.js";
  // Your code here
</script>

<!-- UMD (Standalone) -->
<script src="https://unpkg.com/druid-ui/dist/druid-ui.standalone.umd.js"></script>
<script>
  // DruidUI is available globally
  const { DruidUI } = window.DruidUI;
</script>

Usage

Library Version (with external dependencies)

import { DruidUI } from "druid-ui";
// Dependencies like wasmoon, morphdom, @twind/* need to be installed separately

Standalone Version (all dependencies bundled)

import { DruidUI } from "druid-ui/standalone";
// Everything is bundled, no external dependencies needed

As a Web Component

<!DOCTYPE html>
<html>
  <head>
    <title>DruidUI Example</title>
  </head>
  <body>
    <druid-ui entrypoint="app.lua" path="/"></druid-ui>

    <script type="module">
      import { DruidUI } from "druid-ui/standalone";
      // DruidUI is automatically registered as a custom element
    </script>
  </body>
</html>

Programmatically

import { DruidUI } from "druid-ui";

const druidElement = document.createElement("druid-ui");
druidElement.setAttribute("entrypoint", "app.lua");
druidElement.setAttribute("path", "/");

document.body.appendChild(druidElement);

Building

Development Build

npm run dev

Production Build (Both Versions)

npm run build

This creates both library and standalone versions:

Library Version (external dependencies)

  • dist/druid-ui.lib.esm.js - ES Module
  • dist/druid-ui.lib.umd.js - UMD build
  • dist/main.d.ts - TypeScript definitions

Standalone Version (bundled dependencies)

  • dist/druid-ui.standalone.esm.js - ES Module with all dependencies
  • dist/druid-ui.standalone.umd.js - UMD build with all dependencies

Individual Builds

# Build only the library version (with external deps)
npm run build:lib

# Build only the standalone version (bundled deps)
npm run build:standalone

FAQs

Package last updated on 28 Oct 2025

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts