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 · Blocks · 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 — Blocks are built from Satori-safe components (avatar, badge, brand mark, grid lines) you can reuse
• 🖼️ OG image blocks — Blog, changelog, event, product, quote, photo, shadcn registry cards, and more

Community

The ogimagecn community lives on GitHub, where you can ask questions, share ideas, and show what you've built.

Contributing

Contributions are welcome. See CONTRIBUTING.md to get the repo running locally and land a change, and use issues and discussions to collaborate. By participating, you agree to the Code of Conduct.

Security

Please do not open public issues for security vulnerabilities. Follow SECURITY.md and report them privately through GitHub Security Advisories.

License

MIT

Contributors

Made with contrib.rocks

Stats

Star History