We open-source what we use every day.

Almost every internal system has one place that needs formatted input: a CMS, a knowledge base, a support form, an email composer. The familiar options all carry a cost — Summernote needs jQuery, TinyMCE and Froala charge for advanced features, and all of them are heavy for a component that shows up everywhere in a product. Autumn Note is written in plain vanilla ES2022 JavaScript and ships both an ES Module (tree-shakeable) and a UMD build usable straight from a script tag, with TypeScript definitions included.

• Markdown shortcuts — typing #, > or - then a space becomes a heading, blockquote, or list
• A bubble toolbar that floats above the current selection, cutting the distance your eyes travel
• @mention autocomplete via an onSearch callback — tag a user or link to an entity in your system
• Find & Replace with regex mode (Ctrl+F / Ctrl+H) — usually missing from lightweight editors
• A DOM-based sanitizer on paste, on setHTML(), and before export — strips <script>, on* attributes, javascript: URLs
• Auto-save to localStorage with a restore banner, plus inline image crop and resize
• Eight built-in locales including Vietnamese; since v2.0.0 each is importable on its own via autumnnote/i18n/vi, with type declarations

Version

v2.0.0

License

MIT

Dependencies

0

Releases

40

First release

2026-03-31

Updated

2026-07-30

Replaces: Summernote · Quill · TinyMCE · Froala · CKEditor

npm install autumnnote

import AutumnNote from "autumnnote";

const editor = AutumnNote.create("#editor", { height: 300 });
editor.setHTML("<p>Xin chào</p>");

Select2 served the web community for years, but it rests on jQuery — a constraint that gets harder to accept with a modern stack. Forge Select rewrites that problem in strict TypeScript with no runtime dependency, and keeps enough features for real products: virtual scrolling that switches on automatically for large lists, cascading tree select, tags mode, AJAX with debounce and infinite-scroll pagination, and drag-and-drop reordering of selected tags.

• Automatic virtual scrolling for large lists, with per-option render caching
• Tree select — nested options, expand/collapse, cascading multi-select
• Async data sources: AJAX with debounce and optional infinite-scroll pagination
• Full keyboard navigation and ARIA; drag-and-drop tag ordering by mouse, touch, or Alt+←/→
• Theming entirely through CSS custom properties, dark mode included
• Built-in en/vi i18n, and a plugin API with onInit/onOpen/onClose/onDestroy hooks

Version

v0.6.0

License

MIT

Dependencies

0

Releases

6

First release

2026-07-13

Updated

2026-07-21

Replaces: Select2

npm install forge-select

import ForgeSelect from "forge-select";
import "forge-select/styles.css";

new ForgeSelect("#country", { placeholder: "Chọn quốc gia" });

Not a library — a small extension we use daily and open-sourced for the same reason as the two libraries above. An orange/amber/copper palette balanced by steel blue, slate teal, and violet; full semantic highlighting for TypeScript, Python, Rust, Go, and C#; two High Contrast variants that drop italics entirely to prioritise legibility.

• Four variants in one extension: Dark, Light, Dark High Contrast, Light High Contrast
• LSP-driven semantic highlighting — colour by meaning (variable, parameter, type, namespace), not just syntax
• Bracket pair colorization cycling orange → amber → steel blue → slate teal → violet → copper

Version

v0.3.0

License

MIT

Releases

3

First release

2026-07-07

Updated

2026-07-07

code --install-extension KonexForge.konexforge-themes

# Command Palette → "Preferences: Color Theme"
# → KonexForge Dark | Light | Dark HC | Light HC