Universal Compatibility
Runtime agnostic. Built for the modern ecosystem.
ZERO BROWSER
No Puppeteer. No Chromium. Pure Wasm execution for native-level performance.
TAILWIND NATIVE
Your 디자인 시스템 is your code. Every utility class mapped to visual perfection.
EDGE FIRST
Built for the modern web. Deploy to Vercel, Cloudflare, or Deno in seconds.
THE LABORATORY.
Turn static code into dynamic visual assets. Chain utilities with the Fluent API and deploy with native speed.
import { ogxResponse } from "@ogxjs/next";
export async function GET(req: Request) {
return ogxResponse({
preset: "docs",
title: "Visionary Layouts",
siteName: "OGX",
logo: "/logo.svg"
}, req);
}The Weight of Choice.
OGX vs Traditional Browser-based rendering.
LEGACY (Browser)
OGX ENGINE
Programmatic Branding.
Replaced manual design exports with a declarative pipeline that scales with your content.
Compose
Build layouts using familiar Tailwind CSS classes. No manual SVG pathing or canvas math.
Dynamic
Inject server-side data into your templates. All properties update on-the-fly with 100% fidelity.
Deploy
Edge-optimized runtime. Satori-powered rendering designed for fast execution across global CDNs.
The Engine
Precision.
OGX coordinates specialized engines with micron-level precision, merging design flexibility with raw execution power.
Fluent API
A declarative builder for intricate layouts.
Tailwind JIT
Real-time translation of utility classes to CSS.
Satori Engine
Yoga-powered layout reconciliation.
Resvg Raster
Native-speed Wasm rasterization engine.
PRESETS_
Documentation Engine
1200px × 630px
Article Distribution
1200px × 630px
Social Branding
1200px × 630px
Premium Showcase
1200px × 630pxBuild the next
visual standard.
Raw execution.
Subsonic Speeds.
True benchmarks on Node.js 24. Powered by Satori + Resvg.
| Scenario | Mean (ms) | Notes |
|---|---|---|
Minimal Preset | 39.23ms | Fast and lightweight, perfect for simple images and blogs. |
Social Preset | 55.63ms | Complex gradients, multiple fonts, rich layout, shadows, brand + handle. Fast Fast Fast. |
Docs Preset | 46.96ms | Ideal for documentation pages or content-heavy layouts. |
With Cache | 0.03ms | 1000x faster than cold render. Instant, even for complex presets. |