# Introduction (/auth)



import { Card, Cards } from "fumadocs-ui/components/card";
import {
    ShieldCheckIcon,
    ZapIcon,
    CodeIcon,
    MonitorSmartphoneIcon,
    FeatherIcon,
    HeartHandshakeIcon,
    DownloadIcon, RocketIcon
} from "lucide-react";
import {SiNextdotjs, SiTypescript} from "@icons-pack/react-simple-icons";

<span className="text-2xl font-semibold">
  @onlyfansapi/auth - Official Authentication Library
</span>

The official authentication library for OnlyFans API provides a seamless, secure way to authenticate users with their OnlyFans accounts directly from your application.

## Features

<Cards className="grid grid-cols-3 gap-4 @container">
  <Card icon={<ShieldCheckIcon className="text-fd-primary" />} title="Secure & Responsive">
    Built with enterprise-grade security and works seamlessly on both desktop and mobile devices.
  </Card>

  <Card icon={<ZapIcon className="text-fd-primary" />} title="Lightning Fast">
    1.5kB script loads in just 2ms on 4G internet, ensuring your users never wait for authentication.
  </Card>

  <Card icon={<CodeIcon className="text-fd-primary" />} title="Developer Experience">
    Developer-friendly with TypeScript support, comprehensive docs, and intuitive APIs.
  </Card>
</Cards>

## Why choose @onlyfansapi/auth?

<Cards className="grid grid-cols-3 gap-4 @container">
  <Card title="Enterprise-grade security" icon={<ShieldCheckIcon className="text-fd-primary"/>}>
    Built with industry-standard security practices to protect user credentials and authentication flows. Trusted by developers who prioritize security.
  </Card>

  <Card title="Cross-platform compatibility" icon={<MonitorSmartphoneIcon className="text-fd-primary"/>}>
    Seamlessly works across all devices—desktop, mobile, and tablet. Your users get a consistent authentication experience regardless of their platform.
  </Card>

  <Card title="Lightweight" icon={<FeatherIcon className="text-fd-primary"/>}>
    Minimal footprint at just 1.5kB ensures lightning-fast load times. Authenticate users in under 2ms even on slower 4G connections.
  </Card>

  <Card title="TypeScript support" icon={<SiTypescript size={16} color="default"/>}>
    Full TypeScript definitions included for better developer experience, type safety, and autocomplete support in your IDE.
  </Card>

  <Card title="Framework agnostic" icon={<CodeIcon className="text-fd-primary"/>}>
    Use with any framework or no framework at all. Works seamlessly with React, Vue, Svelte, Angular, and vanilla JavaScript with zero dependencies.
  </Card>

  <Card title="Developer-friendly" icon={<HeartHandshakeIcon className="text-fd-primary"/>}>
    Intuitive APIs designed for ease of use with comprehensive documentation, clear examples, and straightforward integration patterns.
  </Card>
</Cards>

## Getting started

Ready to integrate authentication into your application? Check out our installation guide and quickstart to get started in minutes.

<Cards>
  <Card href="/auth/installation" title="Installation Guide" icon={<DownloadIcon className="text-fd-primary"/>}>
    Learn how to install and set up @onlyfansapi/auth in your project.
  </Card>

  <Card href="/auth/quickstart" title="Quick Start" icon={<RocketIcon className="text-fd-primary"/>}>
    Get up and running with our auth package in just a few minutes.
  </Card>

  <Card href="/examples/nextjs-prisma" title="Next.js + Prisma Example" icon={<SiNextdotjs className="text-fd-primary"/>}>
    Explore a complete example of using @onlyfansapi/auth with Next.js and Prisma.
  </Card>
</Cards>