Skip to content

kane50613/takumi

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2,005 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Takumi

Takumi

Turn JSX into production-ready images fast.
OG cards, banners, and lightweight animations from one Rust engine for Node.js and WebAssembly.

Docs · Playground

Takumi is inspired by satori, with a stronger focus on portability and performance.

Why teams pick Takumi

  • Direct image rendering with no SVG-to-image conversion step.
  • One JSX pipeline across runtimes for Node.js, browsers, and edge workers.
  • Native performance on Node.js with WebAssembly fallback when portability matters.
  • Production-grade text and font support including variable fonts, COLR, WOFF2, and RTL.
  • Flexible output targets from WebP, PNG, JPEG, and GIF to raw frames for FFmpeg pipelines.

Performance

Takumi is built for fast image rendering across Node.js and WebAssembly runtimes. See current benchmark runs and templates on Image Bench, including comparisons with next/og.

First render in 30 seconds

npm i @takumi-rs/image-response
import { ImageResponse } from "@takumi-rs/image-response";

export function GET() {
  return new ImageResponse(
    <div tw="w-full h-full flex items-center justify-center bg-white">
      <h1 tw="text-6xl font-bold">Hello from Takumi 👋😁</h1>
    </div>,
    {
      width: 1200,
      height: 630,
      format: "webp",
      emoji: "twemoji",
    },
  );
}

For runtime-specific setup (Next.js, Vite SSR, Nitro, Cloudflare, Turbopack), see Docs.

What you can build

  • Open Graph and social cards
  • Blog covers and marketing banners
  • JSX-powered dynamic snapshots
  • Component-based motion graphics

Showcase

Takumi OG image (source) Package OG card (ssource)
Takumi OG Image Package OG Image
Prisma-style API card (source) X-style social post (source)
Prisma OG Image X-style Post Image
Keyframe Animation (source) shiki-image
Keyframe Animation Shiki Image Example

Note

Showcase submissions are welcome via PR to showcase.ts.

Contributing

PRs are welcome. See CONTRIBUTING.md for setup, tests, fixtures, and changesets. By participating, you agree to the Code of Conduct.

Credits

Takumi builds on excellent OSS: taffy, image, parley, swash, wuff, resvg.

License

Licensed under either of:


Vercel OSS Program

About

Bring JSX and gets Image, GIF or Video.

Topics

Resources

License

Apache-2.0, MIT licenses found

Licenses found

Apache-2.0
LICENSE-APACHE
MIT
LICENSE-MIT

Code of conduct

Contributing

Stars

Watchers

Forks

Sponsor this project

Contributors

Languages