Social Preset
Vibrant social media cards with gradients
The social preset creates eye-catching cards for social media with gradient backgrounds.
Usage
const png = await ogx({
preset: 'social',
title: 'Launching OGX v1.0',
brand: 'OGX',
handle: '@ogx_lib',
fromColor: '#6366f1',
toColor: '#8b5cf6',
logo: logoBase64,
});Options
| Option | Type | Required | Description |
|---|---|---|---|
title | string | Yes | Main headline |
brand | string | No | Brand name in header |
handle | string | No | Username or handle |
avatar | string | No | Avatar in footer badge |
logo | string | No | Logo in header |
fromColor | string | No | Gradient start color |
toColor | string | No | Gradient end color |
gradient | 'to-r' | 'to-br' | 'to-b' | No | Gradient direction |
Features
- Customizable gradient background with OKLCH color support
- Header with brand logo and name
- Large bold title with drop shadow
- Glass-effect footer badge with backdrop blur
- Optimized for fast rendering (~55ms average)