https://github.com/imagekit-developer/imagekit-react

React SDK for using ImageKit.io
https://github.com/imagekit-developer/imagekit-react

image-manipulation image-optimization imagekit sdk

Last synced: about 2 months ago
JSON representation

React SDK for using ImageKit.io

• Host: GitHub
• URL: https://github.com/imagekit-developer/imagekit-react
• Owner: imagekit-developer
• License: mit
• Created: 2020-01-14T08:59:56.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2025-05-16T11:32:42.000Z (11 months ago)
• Last Synced: 2025-10-27T15:59:13.180Z (5 months ago)
• Topics: image-manipulation, image-optimization, imagekit, sdk
• Language: TypeScript
• Homepage: https://imagekit.io
• Size: 3.69 MB
• Stars: 108
• Watchers: 4
• Forks: 29
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[](https://imagekit.io)

# ImageKit.io React SDK

![Node CI](https://github.com/imagekit-developer/imagekit-react/workflows/Node%20CI/badge.svg)

[![npm version](https://img.shields.io/npm/v/@imagekit/react)](https://www.npmjs.com/package/@imagekit/react)

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

[![Twitter Follow](https://img.shields.io/twitter/follow/imagekitio?label=Follow&style=social)](https://twitter.com/ImagekitIo)

## Introduction

ImageKit React SDK provides a simple way to integrate ImageKit.io with your React applications. It allows you to easily:

- Render images and video with automatic optimization and responsive sizes.

- Apply transformations to images and videos using URL parameters.

- Apply powerful AI-powered image transformations e.g. background removal, generative fill, object cropping, and more.

## Installation

You can install the SDK in your project using npm or yarn.

```bash

npm install @imagekit/react

```

## TypeScript support

The SDK is written in TypeScript, offering first-class TypeScript support. Enjoy excellent type safety and IntelliSense in your IDE. You can use it in your TypeScript projects without any additional configuration.

To enable type checking in JavaScript projects, add `//@ts-check` at the top of your JavaScript files. This will activate type checking in your IDE.

## Documentation

Refer to the ImageKit [official documentation](https://imagekit.io/docs/integration/react) for more details on how to use the SDK.