Chapter 2

Installation

Add the OpenGraph+ plugin to your project

Install the plugin from npm:

npm install @opengraphplus/tailwind

Tailwind 4

Import the plugin in your CSS file:

@import "tailwindcss";
@plugin "@opengraphplus/tailwind";

Tailwind 3

Add the plugin to your Tailwind config:

// tailwind.config.js
module.exports = {
  plugins: [require('@opengraphplus/tailwind')],
}

Verify installation

Add ogplus:hidden to any element and check that the class compiles without errors. The element will be hidden only during OpenGraph+ screenshot capture.