loomgui.com ↗

Adding npm packages

Your Loom UI project is a normal Vite + Solid app. Add dependencies the same way you would in any frontend project.

Install a package

From your UI directory:

cd UI
npm install <package-name>

Then import it from your Solid code:

import { createMemo } from 'solid-js';

Common examples

# Icons
npm install lucide-solid

# Animation
npm install motion

# Charts
npm install lightweight-charts

Loom packages

Do not manually upgrade @loomgui/bridge or @loomgui/vite-plugin from npm. They are bundled with the Unity package. Use:

Loom -> Sync UI Dependencies

after installing or upgrading the Unity package.

After installing dependencies

Restart the dev server if the package affects Vite config, PostCSS config, or environment variables:

Loom -> Restart Dev Server

For plain component libraries, Vite usually picks up the change automatically.