# Takumi Docs

## deep-dives

- [Building Layouts](/docs/deep-dives/building-layout): Learn how to construct and style nodes to create complex layouts.
- [The fromJsx function](/docs/deep-dives/from-jsx-helper): Turn React JSX components into Takumi nodes without the need to rewrite the entire component.
- [Deep Dives](/docs/deep-dives): Explore advanced topics and techniques for using Takumi.
- [Load Image](/docs/deep-dives/rendering-extenral-image): How to load and render images in Takumi
- [Rendering Text](/docs/deep-dives/rendering-text): How to load fonts and render styled text in Takumi
- [Stylesheets](/docs/deep-dives/stylesheets): Takumi aims to support a wide range of CSS properties, read this to understand how to use them.

## getting-started

- [Host Takumi Somewhere Else](/docs/getting-started/external-hosted-server): Learn how to host Takumi on an external server and call from your application.
- [Getting Started](/docs/getting-started): Learn how to use Takumi for image generation in various environments.
- [Use Takumi in Node.js or Bun](/docs/getting-started/nodejs): Integrate Takumi with Node.js or Bun for server-side image generation.
- [Use Takumi in Browser (WASM)](/docs/getting-started/wasm-web): Integrate Takumi with WebAssembly (WASM) for client-side image generation.

## docs

- [Overview](/docs): An overview of the Takumi image generation library.