React templates
Write the image as a component with inline styles. Async components can load content entries, images and remote data.
Astro Assets Generation
Design OG images with JSX. Render them with Takumi. Ship them from Astro, static or on demand.
pnpm add @bearstudio/astro-assets-generationStatic site (build time)Build a blog whose OG images are rendered during astro build. No server required.
Server adapter (on demand)Render images on the first request with the Node adapter, return 404s, add caching.
Look up
Section titled “Look up”Features
Section titled “Features”Static or on demand
Prerender with getStaticPaths, or set prerender = false behind any
Astro adapter. Vercel needs no extra configuration.
Fonts and scripts
Register your own fonts. Thai, Japanese, Korean and Arabic fall back to Noto Sans automatically.
Emoji
Twemoji, Noto, OpenMoji, Fluent or your own font’s glyphs.
Debug in the browser
Swap .png for .debug to see the template as a live HTML page.
WebAssembly renderer
Takumi runs on WASM everywhere, so there is no native binary to ship.