Img2Link Next.js SDK

Integrate professional-grade image processing and hosting into your React applications with zero friction.

Installation

npm install @img2link/nextjs

Basic Component Usage

Use the primitive Dropzone component to handle file processing directly in the user's browser without complex backend logic.

import { Img2LinkDropzone } from '@img2link/nextjs';

export default function MyPage() {
  return (
    <Img2LinkDropzone 
      onProcessComplete={(link) => console.log('Hosted at:', link)}
      autoCompress={true}
      accentColor="#3b82f6"
    />
  );
}

Features

Client-Side Compression

Reduces bandwidth costs by compressing images before upload.

Progressive Loading

Built-in placeholder generation for ultra-fast perceived load times.

Theme Customization

Full control over the UI components, compatible with Tailwind CSS.