Appearance
Installation Guide
ContinueJS is modular. You only install what you need for your project architecture.
📦 Package Manager Installation
Core Package
The @continuejs/core package contains the draft engine, storage managers, observer logic, encryption module, and serialization system.
bash
# npm
npm install @continuejs/core
# pnpm
pnpm add @continuejs/core
# yarn
yarn add @continuejs/coreWeb Component UI Library (Optional)
If you want pre-built, themeable, accessible Web Components (<continuejs-banner> and <continuejs-modal>):
bash
npm install @continuejs/uiFramework Adapters (Optional)
Install the adapter for your framework of choice:
bash
# React (React 18 & 19 supported)
npm install @continuejs/react
# Vue (Vue 3 supported)
npm install @continuejs/vue
# Svelte (Svelte 4 & 5 supported)
npm install @continuejs/svelte🌐 CDN Direct Usage (No Build Step)
If you are building a static website, HTML page, or prototyped app without a build bundler, you can import ContinueJS directly from a CDN using native JavaScript ES Modules.
Using esm.sh
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CDN Example</title>
</head>
<body>
<form id="feedback-form">
<input type="text" name="feedback" placeholder="Your feedback...">
</form>
<script type="module">
import { attach } from 'https://esm.sh/@continuejs/core';
import 'https://esm.sh/@continuejs/ui';
attach({
target: document.querySelector('#feedback-form'),
id: 'cdn-feedback-draft',
});
</script>
</body>
</html>🗺️ Import Maps Setup
For clean imports without relative pathing:
html
<script type="importmap">
{
"imports": {
"@continuejs/core": "https://esm.sh/@continuejs/core",
"@continuejs/ui": "https://esm.sh/@continuejs/ui",
"@continuejs/react": "https://esm.sh/@continuejs/react"
}
}
</script>