# Framework Adapters

> How React, Angular, and Vue adapters let @toolbox-web/grid render framework-native components as cells, editors, and tool panels.

`@toolbox-web/grid` is a framework-agnostic web component, but most applications want their cell renderers, editors, and tool panels written in their host framework — JSX, Angular templates, Vue SFCs. **Framework adapters** are the bridge: each adapter intercepts grid rendering and mounts the appropriate framework primitive at the right DOM node.

Three official adapters ship today:

  - [Angular](/grid/angular/getting-started.md): @toolbox-web/grid-angular
  - [React](/grid/react/getting-started.md): @toolbox-web/grid-react
  - [Vue](/grid/vue/getting-started.md): @toolbox-web/grid-vue

You can also write your own adapter for any framework (Svelte, Solid, Lit, plain custom elements) — the contract is small and stable.

  - [Architecture](/grid/framework-adapters/architecture.md): How adapters integrate into the grid lifecycle, the FrameworkAdapter interface, registration, and invocation points.
  - [API Reference](/grid/api/framework-adapters/): Typed reference for FrameworkAdapter, registration helpers, and the cell-renderer / editor contracts.