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

GoalStart here
Strong typing and safer refactorsTypeScript
Rich UI components with large ecosystemReact
Smaller React-like runtimePreact
Vue single-file component workflowVue.js
Modern module syntaxECMAScript modules
Scoped styling by defaultCSS modules
Sass or Less styling workflowsSass, LESS
Browser-safe Node compatibility decisionsNode APIs in browser extensions
Performance-heavy wasm workloadsWebAssembly

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