🖼️
About SocialCardGen
Generate real-time Open Graph images with Cloudinary, featuring customizable templates, dynamic text/image overlays, and CMS integration for media-rich, shareable previews.
Real-Time OG Generation
Generate Open Graph images on the fly via our Edge API, optimized for low latency and instant sharing.
Customizable Templates
Pick from pre-built layouts or author your own with dynamic placeholders for text, images, and badges.
Dynamic Overlays
Overlay text, icons, or custom visuals at runtime—and drag to position them anywhere on the card.
CMS Integration
Connect headless CMS platforms (e.g. Contentful, Sanity) to auto-generate cards for new articles or products.
Edge-Powered Performance
Deployed as Edge Functions for sub-100ms image rendering, no matter where your users are.
Next.js & Cloudinary
Built on Next.js 15 App Router with Cloudinary transformations under the hood—no backend setup required.
Built With
Next.js 15React 19Tailwind CSS 4shadcn/uiMotion.devCloudinary AIEdge Functions