# Takumi - Open Graph Images & PDFs from JSX

> Generate Open Graph images and PDFs directly from JSX, HTML, and CSS.

- Website: https://takumi.kane.tw/
- Category: [UI Components](/category/ui-components/index.md)
- Added: 2026-10-01
- Updated: 2026-10-01
- Curated by: Harsh Chhajer
- Page: /resources/takumi-open-graph-images-and-pdfs-from-jsx/

## Create Visuals from Code

Generate Open Graph images, social cards, and PDF documents using JSX, HTML, and CSS. You can style these with Tailwind, allowing you to define your visuals directly within your codebase without a browser.

## Skip the Headless Browser

Render your designs with Rust and WebAssembly, eliminating the need for a headless browser. This provides a faster and more efficient way to produce your images and PDFs, streamlining your development process.

## Design with Code

Your code becomes the design file, allowing you to animate the same tree. This approach ensures consistency and simplifies updates, as your design changes are directly reflected in your JSX components.