> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ogify.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> OGify - Generate beautiful Open Graph images in minutes

[![npm version](https://badge.fury.io/js/%40ogify%2Fcore.svg)](https://badge.fury.io/js/%40ogify%2Fcore)

Zero-config dynamic Open Graph images for Next.js, Nuxt, Remix, and more. Just copy & paste the production-ready templates.

<img src="https://mintcdn.com/ogify/Ml1D82VukcnOiGm8/images/basic.png?fit=max&auto=format&n=Ml1D82VukcnOiGm8&q=85&s=dcdcbd61bf125f09ef54bcf5f747caea" alt="OGify" width="1200" height="630" data-path="images/basic.png" />

## Why OGify?

<CardGroup cols={2}>
  <Card title="Zero-config" icon="cogs">
    Works out of the box with Next.js, Remix, Nuxt, and more.
  </Card>

  <Card title="Hassle-free assets" icon="font">
    Just specify a Google Font name, Emoji provider - no downloads, no font files, no hassle.
  </Card>

  <Card title="Flexible Customization" icon="wand-magic-sparkles">
    Intuitive API & Tailwind-like syntax helps building eye-catching templates faster.
  </Card>

  <Card title="Production-ready templates" icon="palette">
    OGify provides a set of production-ready templates with zero configuration.
  </Card>

  <Card title="Smart caching" icon="zap">
    Automatically caches fonts, emojis, and generated images - no configuration required.
  </Card>

  <Card title="RTL Support" icon="language">
    Built-in support for Right-to-Left languages like Arabic, Hebrew, and Persian.
  </Card>
</CardGroup>

## Setting up

Get your documentation site up and running in minutes.

<Card title="Start here" icon="rocket" href="/quickstart" horizontal>
  Follow our three step quickstart guide.
</Card>

## Features

<CardGroup cols={2}>
  <Card title="Caching" icon="zap" href="/features/caching">
    A smart caching layer to improve performance
  </Card>

  <Card title="Font Loader" icon="font" href="/features/font-loader">
    Using Google Fonts or custom fonts
  </Card>

  <Card title="Emoji Loader" icon="face-smile" href="/features/emoji-loader">
    Rendering emojis in your templates
  </Card>

  <Card title="RTL Support" icon="language" href="/features/rtl">
    Right-to-left language support
  </Card>

  <Card title="Styles" icon="wand-magic-sparkles" href="/features/styles">
    Supported CSS properties
  </Card>
</CardGroup>

## API reference

Detailed documentation for Core API & Template API.

<Columns cols={2}>
  <Card title="@ogify/core" icon="terminal" href="/api-reference/core">
    Documentation for the main functionality.
  </Card>

  <Card title="@ogify/templates" icon="palette" href="/api-reference/templates">
    Documentation for the built-in templates.
  </Card>
</Columns>