Skip to content

Installation

Install the package and point TypeScript at the ElementsKit JSX runtime. No build-step config on the consumer side — everything runs through your existing bundler.

Install

pnpm add elements-kit

npm install elements-kit

yarn add elements-kit

bun add elements-kit

deno add npm:elements-kit

<script type="module">
  import { signal } from "https://esm.sh/elements-kit/signals";
</script>

Configure JSX

Point TypeScript at the ElementsKit JSX runtime. Required if you write JSX; skip otherwise.

{
  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxImportSource": "elements-kit"
  }
}

Per-file pragma is also supported if you need JSX from a different source elsewhere in the project:

/* @jsxImportSource elements-kit */

Verify

A minimal script confirms the install works:

import { signal, effect } from "elements-kit/signals";

const count = signal(0);
effect(() => console.log("count:", count()));

count(1); // → count: 1
count(2); // → count: 2

See also