High-performance Open Graph image generation with Tailwind CSS.
Generate dynamic OG images in 60ms with full Tailwind support, built-in caching, and seamless framework integration.
- ⚡ 60ms render time - Blazing fast image generation
- 🎨 Tailwind-first - Use Tailwind classes directly
- 🔄 85x faster caching - Smart cache with 0.7ms cached renders
- 🎯 Framework adapters - Next.js, React, and more
- 🌙 Dark mode ready - Built-in color scheme support
npm install @ogxjs/next @ogxjs/core// app/og/route.tsx
import { ogxResponse } from '@ogxjs/next';
export async function GET(req: Request) {
return ogxResponse({
preset: 'docs',
title: 'Hello OGX',
description: 'High-performance OG images',
colorScheme: 'dark',
}, req);
}- @ogxjs/core - Core rendering engine
- @ogxjs/next - Next.js adapter
- @ogxjs/react - React adapter with JSX support
Visit ogx.dev for full documentation, examples, and playground.
| Preset | Render Time | Cached |
|---|---|---|
| Minimal | ~60ms | ~0.7ms |
| Social | ~693ms | ~0.7ms |
See CONTRIBUTING.md for development setup and guidelines.
MIT © Carlos Eduardo