bQuery.jsThe full-stack framework that speaks jQuery.

What is bQuery.js? ​

bQuery.js is a batteries-included TypeScript framework for the modern web — not just a DOM utility library. It bundles fine-grained reactivity, Web Components, routing, state management, forms, motion, accessibility, drag-and-drop, runtime-agnostic SSR, and a dependency-free backend behind a familiar jQuery-inspired API. Every public module ships its own entry point so bundlers can keep your build small.

Read more in the Introduction or jump straight to Getting Started.

Why bQuery? ​

At a glance ​

@bquery/bquery
├── core ─────────── selectors, traversal, events, utilities
├── reactive ─────── signals, computed, watch, async data, HTTP, realtime
├── concurrency ──── worker tasks, RPC, pools, reactive metrics
├── component ────── typed Web Components, slots, refs, lifecycle
├── motion ───────── transitions, springs, tweens, timelines
├── security ─────── sanitization, Trusted Types
├── platform ─────── storage, cache, cookies, page meta
├── router ───────── SPA routing, guards, navigation results
├── store ────────── signal-based state with persistence
├── view ─────────── declarative bq-* directives
├── forms ────────── reactive forms, validators, schema
├── i18n ─────────── locale negotiation, Intl, pluralization
├── a11y ─────────── focus, live regions, audits, prefs
├── dnd ──────────── draggable, droppable, sortable
├── media ────────── viewport, network, clipboard, prefs
├── plugin ───────── hooks, DI, namespaced directives
├── devtools ─────── timeline, signal/store diffs, perf
├── testing ──────── screen, userEvent, mocks
├── storybook ────── safe story helpers
├── ssr ──────────── runtime-agnostic rendering & streaming
└── server ───────── dependency-free routing + WebSockets

See the full Architecture overview and the Modules matrix below.

Install ​

npm install @bquery/bquery

bun add @bquery/bquery

pnpm add @bquery/bquery

yarn add @bquery/bquery

<script type="module">
  import { $, signal, effect } from 'https://unpkg.com/@bquery/bquery@1/dist/full.es.mjs';
</script>

Supported runtimes: Node.js ≥ 24, Bun ≥ 1.3.13, modern Chromium / Firefox / Safari / Edge. See Supported Runtimes.

Two-minute example — client ​

import { $, signal, effect } from '@bquery/bquery';

const count = signal(0);

effect(() => {
  $('#counter').text(`Count: ${count.value}`);
});

$('#counter').on('click', () => {
  count.value++;
});

Two-minute example — server ​

import { createServer } from '@bquery/bquery/server';

const app = createServer();

app.get('/', async (ctx) => {
  return ctx.renderResponse(`<h1 bq-text="message"></h1>`, { message: 'Hello from bQuery SSR' });
});

await app.listen({ port: 3000 });

Walk through both end-to-end in the Tutorial and the Full-Stack Workflows.

I want to… ​

What's new in 1.14.0 ​

The 1.14.0 release graduates media, plugin, devtools, and testing into batteries-included tiers, with additive expansions across router, view, a11y, i18n, dnd, storybook, concurrency, ssr, and server.

Read the structured release notes at Release Notes — 1.14.0 or the full CHANGELOG.

Learn more ​

• New to the project? Start with Getting Started and follow the Tutorial.
• Stuck on a concept? See Core Concepts and the Glossary.
• Looking for snippets? The Cookbook and Examples have copy-paste recipes.
• Coming from jQuery? Read the Migration Guide.
• Contributing? Read the Contributing Guide.