# Guides

Framework integrations, recipes and the guides to installing, licensing and running the SDK.

- [Recipes](https://kernstra.com/docs/web-sdk/recipes.md): 9 production patterns: your own download and upload, your own chrome, self-hosting, unsaved changes and more.
- [Config builder](https://kernstra.com/docs/web-sdk/guides/builder.md): Flip switches, watch the code and a preview update, copy the result.
- [Installation and support](https://kernstra.com/docs/web-sdk/guides/installation.md): Requirements, supported browsers and bundlers, loading the SDK lazily and the content security policy it needs.
- [Licensing](https://kernstra.com/docs/web-sdk/guides/licensing.md): The license token, how it is checked on each load, what each feature unlocks and every license state.
- [Engine, binaries and fonts](https://kernstra.com/docs/web-sdk/guides/engine-assets.md): How the engine, binaries and fonts reach the browser, what leaves it and what is stored, and self-hosting.
- [Quick start and the container](https://kernstra.com/docs/web-sdk/guides/container.md): Initialize once, open a document, and mount a viewer in a container that has a height.
- [Document features](https://kernstra.com/docs/web-sdk/guides/document-features.md): Outline, links, attachments, comments, digital signatures, protected URLs, progressive loading and page boxes.
- [Theme tokens](https://kernstra.com/docs/web-sdk/guides/theme-tokens.md): The --ks-* tokens: semantic and component layers, light and dark values, and the stacking order.
- [What you can replace](https://kernstra.com/docs/web-sdk/guides/replace.md): What you can switch off or replace: the dialogs, saved signatures and stamps, and saving as the user works.
- [Web worker rendering](https://kernstra.com/docs/web-sdk/guides/worker.md): Rendering pages off the main thread: setup, when it falls back, and what it costs in memory.
- [Keyboard shortcuts](https://kernstra.com/docs/web-sdk/guides/keyboard.md): Every shortcut, by where the focus is, and keyboard access to the viewer.
- [Tool reference](https://kernstra.com/docs/web-sdk/guides/tool-reference.md): What each tool does once it is active, from Add Text to Manage Pages.
- [Framework integrations](https://kernstra.com/docs/web-sdk/guides/integrations.md): React, Vue, Angular, Svelte, Next.js, Nuxt and SvelteKit, as components that mount and unmount cleanly.