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
- ⚡ Built on Satori — Renders to real PNGs through the
next/ogruntime - 🎯 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
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request