A collection of Firebase Extensions designed to help you build better apps faster.
-
Updated
Apr 28, 2026 - TypeScript
The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.
For example:
<meta property="og:title" content="Example title of article">A collection of Firebase Extensions designed to help you build better apps faster.
Generate Open Graph protocol images using Next.js and React components.
🧪 OGPlayground – The Open Graph Protocol Testing Playground
Generate Open Graph meta tags with simple configuration.
Vite plugin for generating Open Graph images with @vercel/og
Open Graph Image generator.
📈 ( OGIaaS ) Open Graph Image as a Service - Generate cards for Twitter, Facebook, Slack, etc on the go.
A Gatsby plugin to generate images and PDFs from React components. Useful for dynamically generating Open Graph images, favicons, and more!
Pull OpenGraph metadata from any URL into note frontmatter — title, image, description, publisher — via Script, OpenGraph.io or Microlink.
Experience seamless, high-performance animations with our GSAP-powered website. Designed for smooth transitions, engaging interactions, and a modern, intuitive user journey that captivates at every scroll.
A basic article that auto generates OG Image based on content
Metadata extractor for the sprawling web ⚙️
This project is part of the Capstone certification program for front-end developers on Coursera.
Configure, preview, and generate the Open Graph protocol
📦️ Ultra-lightweight and strict Open Graph TypeScript definitions.
Created by Facebook
Released 2010