Overview

Typix v2 ships 25 official extensions. Each is a separate npm package under the @typix-editor/extension-* scope. Install only what you use.

# One extension
pnpm add @typix-editor/extension-mention

# Several
pnpm add @typix-editor/extension-mention @typix-editor/extension-floating-link

Or browse the interactive picker via the CLI:

npx typix add

Start with the Starter Kit

StarterKit bundles the common defaults (rich text, history, headings, lists, links, basic marks). For 90% of projects, this is your first extension:

import { StarterKit } from "@typix-editor/extension-starter-kit";

const extensions = [StarterKit()];

Skip it only if you need a stripped-down editor (e.g., just inline marks, no block-level nodes).

All 25 by category

Core (always-on for most editors)

Text & inline formatting

Block-level

Media

Editor surface

Input & accessibility

Extension shape

All extensions follow the same pattern. Most take an optional config via configExtension:

import { configExtension } from "@typix-editor/core";
import { MentionExtension } from "@typix-editor/extension-mention";

const extensions = [
  StarterKit(),
  configExtension(MentionExtension, {
    trigger: "@",
    // ...
  }),
];

Some extensions are bare exports (no config needed):

import { AutoLinkExtension } from "@typix-editor/extension-auto-link";

const extensions = [StarterKit(), AutoLinkExtension];

Some are constructors with options at call time:

import { DraggableBlockExtension } from "@typix-editor/extension-draggable-block";

const extensions = [StarterKit(), DraggableBlockExtension({ /* opts */ })];

The extension's docs page tells you which shape applies.

Many extensions have matching UI components

For each behavior extension, Typix UI often ships a paired React component that you vendor into your repo via the CLI's typix ui add.

npx typix ui add floating-link mention code-block

More on UI vendoring →

Per-extension docs

Each extension has a dedicated page with its config options, exposed commands, and a live preview. Browse the sidebar or jump straight in: