# Docs

- Documentation for Takumi

  - ** For LLMs **
  - [llms.txt](https://takumi.kane.tw/llms.txt)
  - [llms-full.txt](https://takumi.kane.tw/llms-full.txt)

  - ** Get started **
  - [Introduction](/docs): A Rust engine that renders JSX, HTML, and node trees into images. No headless browser.
  - Integration
    - [Integration](/docs/integration): Use Takumi in your framework.
    - [Next.js](/docs/integration/nextjs): Use Takumi to render your React components on the server.
    - [Fumapress](/docs/integration/fumapress): Open Graph images for every page with the Fumapress Takumi plugin.
    - [Nuxt](/docs/integration/nuxt): Use Takumi through Nuxt OG Image in Nuxt apps.
    - [SvelteKit](/docs/integration/sveltekit): Use Takumi to render your Svelte components on the server.
    - [TanStack Start](/docs/integration/tanstack-start): Use Takumi to render your React components on the server.
    - [Nitro](/docs/integration/nitro): Render OG images from a Nitro server route.
    - [Astro](/docs/integration/astro): Generate Open Graph images for every page at build time.
  - [Comparison to satori](/docs/comparison-to-satori): How Takumi differs from satori and next/og, and how to migrate a template.

  - ** Guides **
  - [Styling](/docs/styling): How CSS reaches a node, what the stylesheet engine supports, and the Tailwind paths.
  - [Typography & Fonts](/docs/typography-and-fonts): Load fonts, route scripts across them, and style text.
  - [Images & emoji](/docs/load-images): Load and cache images, and render emoji.
  - [Output Formats](/docs/output-formats): Choose a raster format, set the pixel density, or emit vector SVG.
  - [Keyframe Animation](/docs/keyframe-animation): Animate scenes with CSS keyframes and render them as GIFs, WebP, APNG, or video frames.
  - [Visual Effects](/docs/visual-effects): Aurora meshes, neon CRT, chrome type, halftone, and dithering with plain CSS.
  - [Performance & Optimization](/docs/performance-and-optimization): Best practices for building high-performance rendering pipelines with Takumi.
  - Upgrade
    - [Upgrade to v2](/docs/upgrade/v2): Walks through the breaking changes in v2 and how to upgrade from v1.
    - [Upgrade to v1](/docs/upgrade/v1): Walks through what's new in v1 and how to upgrade from v0.

  - ** Reference **
  - [Reference](/docs/reference): List of everything in Takumi.
  - [ImageResponse](/docs/image-response): Serve rendered images over HTTP with a next/og-compatible Response.
  - [Helpers](/docs/helpers): Build inputs and load images without the renderer.
  - [The measure() API](/docs/measure-api): Measure the node layout without rendering it.
  - [Troubleshooting](/docs/troubleshooting): Common issues and solutions when using Takumi.

  - ** Showcase **
  - [Templates](/docs/templates): A collection of ready-to-use templates for Takumi.