Installation

qnot is split so you only ship what you use. The core is plain TypeScript with no dependencies; each binding depends on the core and on its framework as a peer.

pnpm add @qnot/core @qnot/react

Styles

The default builders render plain elements with stable tn-* class names. An optional stylesheet gives them a neutral look that follows prefers-color-scheme:

import '@qnot/core/styles.css';

Skip it if you build your own UI from the hooks, or style the tn-* classes yourself. The full list is exported as CLASS from @qnot/core.

Formats

Format codecs are subpath imports, so a bundle only includes the ones you use:

import { sqlFormat } from '@qnot/core/formats/sql';
import { mongo } from '@qnot/core/formats/mongo';
import { rqb } from '@qnot/core/formats/rqb';

See Formats for the full list.