ogimagecn

Free & open-source, ready-to-use, customizable Open Graph image components for React.
Copy, paste, and ship. Built on Satori, works seamlessly with shadcn/ui.

Get Started · Installation · Components

Features

• ⚡ Built on Satori — Renders to real PNGs through the next/og runtime
• 🎯 Zero config — Works out of the box with sensible defaults
• 👀 Live previews — The same component renders as a faithful, scaled DOM preview
• 🎨 Fully customizable — Sensible props with defaults; you own the code
• 📦 shadcn/ui compatible — Uses the same registry format and CLI
• 🧩 Composable — Plain React components styled with the Satori-compatible CSS subset
• 🖼️ OG image components — Minimal, grid, gradient, blog, changelog, quote, and photo

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

MIT

Star History