# Web Components & Custom Elements Ship SvGrid as a framework-agnostic web component and use the Svelte 5 data grid in React, Vue, Angular, or plain HTML - no Svelte required in the host app.  SvGrid is authored in Svelte 5, but Svelte compiles to standards-based [custom elements](https://developer.mozilla.org/en-US/docs/Web/API/Web_components). `@svgrid/grid-wc` publishes two of them, prebuilt: drop in one ` ``` Full walkthrough in [Quick start](https://svgrid.com/docs/help/web-components/quick-start/). ## Building your own element The published package is the recommended path, but the wrapper is about sixty lines and you may want a narrower surface, your own tag name, or extra behaviour. The source is `packages/grid-wc/src` in the repository: `sv-grid-element.svelte` is the light-DOM wrapper, `GridBody.svelte` is the part both elements share, and `scripts/generate-surface.mjs` writes the prop and event declarations from ``'s `Props` type. ## See also - [Enterprise features from the element](https://svgrid.com/docs/help/web-components/enterprise/) - export, import, print and pivot need no Svelte in your build; the board and scheduler views do. - [Tailwind integration](https://svgrid.com/docs/help/tailwind/) - the full `--sg-*` token list. --- SvGrid is the Svelte 5 data grid (`npm install @svgrid/grid`, MIT). This page: https://svgrid.com/docs/help/web-components/ . All docs: https://svgrid.com/llms.txt