# Takumi Docs

## architecture

- [Architecture](/docs/architecture): Explains how the architecture of Takumi is designed at a high level.

## docs

- [Introduction](/docs): A Rust rendering engine that converts JSX, HTML, and node trees into images. No headless browser required.

## integration

- [Integration](/docs/integration): Use Takumi with the framework you love!
- [Next.js](/docs/integration/nextjs): Use Takumi to render your React components on the server.
- [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.

## keyframe-animation

- [Keyframe Animation](/docs/keyframe-animation): Animate scenes with CSS keyframes and render them as GIFs, WebP, APNG, or video frames.

## layout-engine

- [Layout Engine](/docs/layout-engine): How Takumi implements layout.

## load-images

- [Load Images](/docs/load-images): Choose the right way to load images.

## measure-api

- [The measure() API](/docs/measure-api): Measure the node layout without rendering it.

## performance-and-optimization

- [Performance & Optimization](/docs/performance-and-optimization): Best practices for building high-performance rendering pipelines with Takumi.

## reference

- [Reference](/docs/reference): List of everything in Takumi.

## tailwind-css

- [Tailwind CSS](/docs/tailwind-css): Use Tailwind CSS classes to style your Takumi components.

## templates

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

## troubleshooting

- [Troubleshooting](/docs/troubleshooting): Common issues and solutions when using Takumi.

## typography-and-fonts

- [Typography & Fonts](/docs/typography-and-fonts): font management and advanced text rendering.

## upgrade

- [Upgrade to v1](/docs/upgrade/v1): Walks through what's new in v1 and how to upgrade from v0.