open-index/open-npm huggingface dataset:
npm package: @live2d-loader/adapter-cubism2
Description: Cubism 2 adapter for Live2D loader
Author: AdingApkgg
Latest version: 0.1.1

# @live2d-loader/adapter-cubism2

Cubism 2.x adapter for [live2d-loader](https://github.com/AdingApkgg/live2d-loader). Loads legacy `.moc` models with the Cubism 2 SDK (loaded dynamically from CDN at runtime).

## Install

```bash
# npm
npm install @live2d-loader/adapter-cubism2

# yarn
yarn add @live2d-loader/adapter-cubism2

# pnpm
pnpm add @live2d-loader/adapter-cubism2

# bun
bun add @live2d-loader/adapter-cubism2
```

## Usage

```ts
import { createLive2DLoader } from '@live2d-loader/core';
import { WebGLRenderer } from '@live2d-loader/renderer-webgl';
import { Cubism2Adapter } from '@live2d-loader/adapter-cubism2';

const loader = createLive2DLoader({
  adapters: [new Cubism2Adapter()],
  renderer: new WebGLRenderer(),
});

loader.mount(canvas);
await loader.loadModel('https://cdn.example.com/model/index.json');
```

See the [main README](https://github.com/AdingApkgg/live2d-loader#readme) for full documentation.

## License

[MIT](https://github.com/AdingApkgg/live2d-loader/blob/main/LICENSE)
npm package: @live2d-loader/adapter-cubism5
Description: Cubism 4/5 adapter for Live2D loader
Author: AdingApkgg
Latest version: 0.1.1

# @live2d-loader/adapter-cubism5

Cubism 4/5 adapter for [live2d-loader](https://github.com/AdingApkgg/live2d-loader). Loads modern `.moc3` models with the Cubism 5 SDK Core (loaded dynamically from CDN at runtime).

## Install

```bash
# npm
npm install @live2d-loader/adapter-cubism5

# yarn
yarn add @live2d-loader/adapter-cubism5

# pnpm
pnpm add @live2d-loader/adapter-cubism5

# bun
bun add @live2d-loader/adapter-cubism5
```

## Usage

```ts
import { createLive2DLoader } from '@live2d-loader/core';
import { WebGLRenderer } from '@live2d-loader/renderer-webgl';
import { Cubism5Adapter } from '@live2d-loader/adapter-cubism5';

const loader = createLive2DLoader({
  adapters: [new Cubism5Adapter()],
  renderer: new WebGLRenderer(),
});

loader.mount(canvas);
await loader.loadModel('https://cdn.example.com/model/model3.json');
```

See the [main README](https://github.com/AdingApkgg/live2d-loader#readme) for full documentation.

## License

[MIT](https://github.com/AdingApkgg/live2d-loader/blob/main/LICENSE)
npm package: @live2d-loader/core
Description: Core engine for Live2D loader — pure TypeScript, zero UI dependencies
Author: AdingApkgg
Latest version: 0.1.1

# @live2d-loader/core

Framework-agnostic core engine for [live2d-loader](https://github.com/AdingApkgg/live2d-loader). Provides the loading pipeline, model management, event system, and render loop — with zero UI dependencies.

## Install

```bash
# npm
npm install @live2d-loader/core

# yarn
yarn add @live2d-loader/core

# pnpm
pnpm add @live2d-loader/core

# bun
bun add @live2d-loader/core
```

## Usage

```ts
import { createLive2DLoader } from '@live2d-loader/core';

const loader = createLive2DLoader({
  adapters: [/* your adapters */],
  renderer: /* your renderer */,
});

loader.mount(canvas);
await loader.loadModel('https://cdn.example.com/model/index.json');

loader.on('load:complete', (e) => console.log('Loaded:', e.modelId));
loader.on('hit', (e) => console.log('Hit:', e.hitArea));
```

## API

- `createLive2DLoader(options)` — Create a loader instance
- `loader.mount(canvas)` — Attach to a canvas and start rendering
- `loader.loadModel(source, options?)` — Load a model by URL
- `loader.removeModel(id)` — Remove a loaded model
- `loader.on(event, listener)` / `loader.off(event, listener)` — Event subscription
- `loader.destroy()` — Release all resources

See the [main README](https://github.com/AdingApkgg/live2d-loader#readme) for full documentation.

## License

[MIT](https://github.com/AdingApkgg/live2d-loader/blob/main/LICENSE)
npm package: @live2d-loader/element
Description: Lit Web Components for Live2D loader — full UI with widget, dialog, toolbar
Author: AdingApkgg
Latest version: 0.1.1

# @live2d-loader/element

Lit Web Components for [live2d-loader](https://github.com/AdingApkgg/live2d-loader). Provides `<live2d-model>` and `<live2d-widget>` custom elements for declarative Live2D rendering.

## Install

```bash
# npm
npm install @live2d-loader/element

# yarn
yarn add @live2d-loader/element

# pnpm
pnpm add @live2d-loader/element

# bun
bun add @live2d-loader/element
```

## Usage

### `<live2d-model>` — Single model display

```html
<live2d-model
  src="https://cdn.example.com/model/index.json"
  width="300"
  height="400"
></live2d-model>
```

```ts
import '@live2d-loader/element';
import { Cubism2Adapter } from '@live2d-loader/adapter-cubism2';

const el = document.querySelector('live2d-model');
el.configure({ adapters: [new Cubism2Adapter()] });
```

### CDN

No build tools needed — load directly from a CDN.

#### Script Tag (autoload)

```html
<!-- jsdelivr -->
<script src="https://cdn.jsdelivr.net/npm/@live2d-loader/element/dist/autoload.js"></script>

<!-- unpkg -->
<script src="https://unpkg.com/@live2d-loader/element/dist/autoload.js"></script>

<script>
  window.live2dWidgetConfig = {
    src: 'https://cdn.example.com/model/index.json',
    position: 'right',
  };
</script>
```

#### ES Module

```html
<script type="module">
  // esm.sh
  import 'https://esm.sh/@live2d-loader/element';

  // esm.run (jsdelivr ESM)
  import 'https://esm.run/@live2d-loader/element';

  // jsdelivr (+esm)
  import 'https://cdn.jsdelivr.net/npm/@live2d-loader/element/+esm';

  // unpkg (?module)
  import 'https://unpkg.com/@live2d-loader/element?module';
</script>
```

#### Version Pinning

```
https://cdn.jsdelivr.net/npm/@live2d-loader/element@0.1.0/dist/autoload.js
https://unpkg.com/@live2d-loader/element@0.1.0/dist/autoload.js
https://esm.sh/@live2d-loader/element@0.1.0
```

See the [main README](https://github.com/AdingApkgg/live2d-loader#readme) for full documentation.

## License

[MIT](https://github.com/AdingApkgg/live2d-loader/blob/main/LICENSE)
npm package: @live2d-loader/renderer-pixi
Description: PixiJS 8 renderer for Live2D loader
Author: AdingApkgg
Latest version: 0.1.1

# @live2d-loader/renderer-pixi

PixiJS 8 renderer for [live2d-loader](https://github.com/AdingApkgg/live2d-loader). Alternative to the built-in WebGL renderer for projects already using PixiJS.

> **Note:** This package is currently a placeholder and not yet fully implemented.

## Install

```bash
# npm
npm install @live2d-loader/renderer-pixi pixi.js

# yarn
yarn add @live2d-loader/renderer-pixi pixi.js

# pnpm
pnpm add @live2d-loader/renderer-pixi pixi.js

# bun
bun add @live2d-loader/renderer-pixi pixi.js
```

## Usage

```ts
import { createLive2DLoader } from '@live2d-loader/core';
import { PixiRenderer } from '@live2d-loader/renderer-pixi';

const loader = createLive2DLoader({
  adapters: [
    /* your adapters */
  ],
  renderer: new PixiRenderer(),
});

loader.mount(canvas);
```

See the [main README](https://github.com/AdingApkgg/live2d-loader#readme) for full documentation.

## License

[MIT](https://github.com/AdingApkgg/live2d-loader/blob/main/LICENSE)
npm package: @live2d-loader/renderer-webgl
Description: WebGL2 renderer for Live2D loader — zero external dependencies
Author: AdingApkgg
Latest version: 0.1.1

# @live2d-loader/renderer-webgl

Built-in WebGL2 renderer for [live2d-loader](https://github.com/AdingApkgg/live2d-loader). Zero external dependencies.

## Install

```bash
# npm
npm install @live2d-loader/renderer-webgl

# yarn
yarn add @live2d-loader/renderer-webgl

# pnpm
pnpm add @live2d-loader/renderer-webgl

# bun
bun add @live2d-loader/renderer-webgl
```

## Usage

```ts
import { createLive2DLoader } from '@live2d-loader/core';
import { WebGLRenderer } from '@live2d-loader/renderer-webgl';

const loader = createLive2DLoader({
  adapters: [
    /* your adapters */
  ],
  renderer: new WebGLRenderer(),
});

loader.mount(canvas);
```

See the [main README](https://github.com/AdingApkgg/live2d-loader#readme) for full documentation.

## License

[MIT](https://github.com/AdingApkgg/live2d-loader/blob/main/LICENSE)