Download the PHP package mischasigtermans/laravel-ogkit without Composer

On this page you can find all versions of the php package mischasigtermans/laravel-ogkit. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Example code of mischasigtermans/laravel-ogkit

Informations about the package laravel-ogkit

Laravel OG Kit

Latest Version on Packagist Total Downloads

Dynamic OG images for Laravel. Design social previews with HTML and CSS using OG Kit.

OG Kit screenshots your custom HTML templates to generate beautiful Open Graph images. This package provides Blade components, directives, and 21 pre-built templates to get you started quickly.

Installation

Add your API key to .env:

Quick Start

Option 1: From Controller/Component (Recommended)

Set the OG template from your controller or Livewire component:

In Livewire:

Option 2: In Blade View

Add a template directly in your Blade view:

Add Meta Tags

Add the meta-tags to your layout's <head>:

Why OG Kit?

Static OG images are limiting. You want dynamic images that reflect your content – blog titles, product names, user profiles. OG Kit lets you design OG images with tools you already know: HTML, CSS, and Tailwind.

How it works:

  1. Add a template to your page (via controller or Blade)
  2. OG Kit's service screenshots that template at 1200x630
  3. The screenshot URL is used as your og:image

No image generation code. No Puppeteer servers. No Canvas APIs. Just HTML.

Common use cases:

Preview Mode

Enable the preview overlay during development to see your OG images in real-time:

A preview button is automatically injected into all HTML responses. Click "OG Preview" to see exactly what will be screenshotted.

Templates

22 pre-built templates included:

Template Fields Best For
split-title title, subtitle Landing pages
image title, image Blog posts
headline title, logo Announcements
bold title, domain Simple pages
bold-logo title, logo Brand pages
masked title, cta Marketing
masked-logo title, logo, cta Campaigns
outlined title, domain Minimal style
centered title, subtitle, domain About pages
centered-logo-avatar title, logo, authorName, authorImage, image Author posts
poppin title, domain Bold statements
simple title, subtitle, domain General use
simple-logo title, subtitle, logo Brand pages
detailed title, readingTime, category, image, domain Blog posts
wireframe title, subtitle, domain Minimal pages
wireframe-background title, image, domain Tech content
wireframe-split title, description, image, domain Articles
layered title, category, image, domain Featured content
default title, subtitle, price, fromPrice, image E-commerce
bold-sale title, price, fromPrice, image Sales
documentation overline, title, subtitle, repository, image Docs
repository title, subtitle, image, code Open source

Using Templates

From controller:

Or in Blade:

If you've set a default template in your config, you can omit the template prop:

Custom Templates

Create your own design without using a named template:

Styling

Color Props

Prop CSS Variable Description
background-primary --og-background-primary-color Main background
background-secondary --og-background-secondary-color Gradient/pattern secondary
foreground-primary --og-foreground-primary-color Main text color
foreground-secondary --og-foreground-secondary-color Muted text color
accent-color --og-accent-color Accent/highlight color

CSS Utilities

Use these classes in your templates:

Background Types

Set via background-type prop:

Type Description
gradient-vertical Top to bottom gradient
gradient-horizontal Left to right gradient
gradient-diagonal Corner to corner gradient
boxes Grid pattern
paper Graph paper pattern
lines Horizontal lines
lines-v2 Vertical lines
lines-v3 Cross-hatch lines
diagonal Diagonal stripes
diagonal-v2 Reverse diagonal stripes
diagonal-v3 Fine diagonal lines
waves Radial wave pattern
zig-zag Zig-zag pattern
moons Moon/circle pattern
triangles Triangle pattern
triangles-v2 Reverse triangles
rectangles Rectangle pattern
plusses Plus sign pattern

Fonts

Pass any Google Font name:

You can also set a secondary font for accent text like domains or labels:

Use the .og-font-secondary utility class in your custom templates to apply the secondary font.

Configuration

Publish the config file:

Blade Directives

@ogkit

Output complete OG meta tags:

With title and description:

Generates:

@ogkitUrl

Get just the image URL:

With a version parameter for cache busting:

@ogkitTemplate / @endOgkitTemplate

Create inline custom templates:

Service Methods

Tailwind Setup

Add the package views to your tailwind.config.js content array:

Publish and import the CSS utilities:

Or import directly from vendor:

Use Cases

Blog with Dynamic OG Images

E-commerce Product Pages

User Profile Cards

Documentation Pages

Testing

Requirements

Credits

License

The MIT License (MIT). Please see License File for more information.

All versions of laravel-ogkit with dependencies

PHP Build Version
Package Version
Requires php Version ^8.2
illuminate/support Version ^10.0|^11.0|^12.0|^13.0
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package mischasigtermans/laravel-ogkit contains the following files

Loading the files please wait ...