> ## Documentation Index
> Fetch the complete documentation index at: https://okl-ink.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> okl.ink is a clean, modern link-in-bio and link gist platform built for creators, builders, and developers.

# What is okl.ink?

**okl.ink** is a modern link-in-bio and link gist platform. Whether you have shipped a side project, published research, released an open-source library, or produced creative work, okl.ink helps you gather all your links, live demos, repositories, docs, social previews, and media into one shareable page.

<CardGroup cols={2}>
  <Card title="Interactive Bento Grids & Link Pills" icon="grid-2">
    Arrange link tiles, compact icons, social cards, and wide banner strips in fluid bento layouts powered by drag-and-drop.
  </Card>

  <Card title="WYSIWYG Live Canvas" icon="browser">
    Real-time interactive canvas with instant device preview switches for Mobile, Tablet, and Desktop viewports.
  </Card>

  <Card title="Model Context Protocol (MCP)" icon="robot">
    <span style={{ fontFamily: "var(--font-instrument-sans, 'Instrument Sans', sans-serif)", fontSize: "0.65rem", padding: "2px 7px", borderRadius: "9999px", background: "rgba(141, 254, 122, 0.2)", color: "#11ff64ff", border: "1px solid rgba(45, 90, 61, 0.35)", fontWeight: "700", letterSpacing: "0.06em", textTransform: "uppercase" }}>SOON</span>

    <div className="flex items-center gap-2">
      <span>AI-assisted page creation & management</span>
    </div>
  </Card>

  <Card title="Developer REST API" icon="code">
    Automate link updates, page publishing, and theme modifications with scoped Bearer API tokens.
  </Card>
</CardGroup>

***

## Core Features

<CardGroup cols={3}>
  <Card title="Bento Grid & Tiles" icon="table-cells-large">
    Mix and match `1x1` icons, `2x1` standard cards, `2x2` media embeds, and `4x1` full banner pills with intelligent auto-layout math.
  </Card>

  <Card title="WYSIWYG Canvas" icon="wand-magic-sparkles">
    Edit titles, slugs, and tiles visually with real-time responsive preview toggles for Phone, Tablet, and Desktop.
  </Card>

  <Card title="Curated Theme Engine" icon="palette">
    Choose from 5 editorial presets (`oklink`, `midnight`, `paper`, `vivid`, `lofi`), custom palettes, and dynamic contrast math.
  </Card>

  <Card title="Rich Media & Socials" icon="share-nodes">
    Interactive embed tiles for YouTube, X (Twitter), LinkedIn, GitHub repositories, and live demo badges.
  </Card>

  <Card title="Smart OpenGraph Resolver" icon="image">
    Automatic server-side metadata resolver fetches high-resolution thumbnails, titles, and icons from target links.
  </Card>

  <Card title="Password Protection" icon="lock">
    Secure private project links behind bcrypt encryption and unlock tokens.
  </Card>

  <Card title="Shortlinks & Analytics" icon="chart-simple">
    High-speed `/r/:id` redirection with real-time outbound click telemetry and dashboard metrics.
  </Card>

  <Card title="Trust & Link Inspector" icon="shield-check">
    Verify link safety, inspect target destinations, and file community abuse reports with the public Inspector.
  </Card>

  <Card title="Developer REST API" icon="terminal">
    Programmatic REST API v1 endpoints for managing pages, links, and tokens.
  </Card>
</CardGroup>

***

## Explore the Docs

<CardGroup cols={2}>
  <Card title="Product Guides" icon="book-open" href="/guides/overview">
    Explore the Bento grid mechanics, theming system, and security features.
  </Card>

  <Card title="Developer API" icon="code" href="/api-reference/overview">
    Explore REST API v1 endpoints for managing pages, links, and tokens.
  </Card>
</CardGroup>