> ## Documentation Index
> Fetch the complete documentation index at: https://sprincul.sinfullycoded.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Install Sprincul via npm, pnpm, bun, or a CDN Import

> Add Sprincul to your project using npm, pnpm, or bun, or import it directly from esm.sh in any script module tag. No bundler or build step required.

Sprincul ships as a standard ES module, so you can drop it into any project regardless of whether you use a bundler. Pull it in from a CDN for zero-configuration setups, or install it from a package registry if you prefer to manage dependencies locally.

## CDN (no install required)

The fastest way to use Sprincul is to import it directly from [esm.sh](https://esm.sh). Add a `<script type="module">` tag to your page and import from the CDN URL:

```js theme={null}
// main.js
import { Sprincul } from 'https://esm.sh/sprincul';
import Counter from './Counter.js';

Sprincul.register('Counter', Counter);
Sprincul.init();
```

No `node_modules`, no build step — the browser resolves the module at runtime. This works in any modern browser that supports ES modules.

## Package manager

If you are already using a package manager, install Sprincul from npm:

<CodeGroup>
  ```bash npm theme={null}
  npm install sprincul
  ```

  ```bash pnpm theme={null}
  pnpm add sprincul
  ```

  ```bash bun theme={null}
  bun add sprincul
  ```
</CodeGroup>

Then import `Sprincul` and `SprinculModel` from the package name:

```js theme={null}
import { Sprincul, SprinculModel } from 'sprincul';
```

<Note>
  You do not need a bundler to use Sprincul after a package install. If your environment supports bare module specifiers (for example via an import map), you can reference `sprincul` directly. A bundler is optional — use one if your project already has one, but do not add one just for Sprincul.
</Note>