Languages and frameworks guide

Choose the right language and UI framework strategy for your extension surfaces, then use Extension.js defaults to keep setup minimal.

Choose by goal

Goal Start here
Strong typing and safer refactors TypeScript
Rich UI components with large ecosystem React
Smaller React-like runtime Preact
Vue single-file component workflow Vue.js
Modern module syntax ECMAScript modules
Scoped styling by default CSS modules
Sass or Less styling workflows Sass, LESS
Browser-safe Node compatibility decisions Node APIs in browser extensions
Performance-heavy wasm workloads WebAssembly

Suggested progression

  1. Pick language/runtime (TypeScript, React, Vue, or Preact).
  2. Choose styling model (CSS modules, Sass, or LESS).
  3. Add build/runtime constraints (Node APIs, WebAssembly) only when needed.

Next steps

Video walkthrough

Video demo soon: language and framework path selection