open-index/open-npm huggingface dataset:
npm package: @imagekit/javascript
Description: ImageKit Javascript SDK
Author: ImageKit Developer
Latest version: 5.3.0

[<img width="250" alt="ImageKit.io" src="https://raw.githubusercontent.com/imagekit-developer/imagekit-javascript/master/assets/imagekit-light-logo.svg"/>](https://imagekit.io)

# ImageKit.io JavaScript SDK

![Node CI](https://github.com/imagekit-developer/imagekit-javascript/workflows/Node%20CI/badge.svg)
[![npm version](https://img.shields.io/npm/v/@imagekit/javascript)](https://www.npmjs.com/package/@imagekit/javascript) 
[![codecov](https://codecov.io/gh/imagekit-developer/imagekit-javascript/branch/master/graph/badge.svg)](https://codecov.io/gh/imagekit-developer/imagekit-javascript)
[![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)

This lightweight, dependency-free JavaScript SDK is designed specifically for browser use. It provides utility functions to generate image and video `src` URLs using [ImageKit transformations](https://imagekit.io/docs/transformations) and to upload files to the ImageKit media library.

For server-side applications with Node.js, please refer to our official [Node.js SDK](https://github.com/imagekit-developer/imagekit-nodejs).

## Installation

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

```bash
npm install @imagekit/javascript
```

## Documentation

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

## 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.

### TypeScript and the SDK versioning policy

The TypeScript types in this SDK always reflect the latest shape of the ImageKit API. When we make improvements to the type definitions to better reflect the actual runtime behavior, we may release these changes in minor or patch versions. While these changes align types more closely with reality and are not breaking changes at runtime, they might cause new type errors when you upgrade.

We judge this approach to be better than the alternatives: outdated, inaccurate types, or vastly more frequent major releases that would distract from any truly breaking runtime changes. If you encounter type errors after upgrading, you can resolve them by:

- Adding appropriate type guards or assertions
- Updating your code to match the corrected types
- Using `// @ts-ignore` temporarily if you need more time to adjust

Please feel welcome to share your thoughts about the versioning policy in a GitHub issue.

## Changelog

For a detailed history of changes, refer to [CHANGELOG.md](CHANGELOG.md).
npm package: @imagekit/next
Description: Next.js SDK for ImageKit.io which implements client-side upload and URL generation for use inside a next application.
Author: ImageKit
Latest version: 2.1.5

[<img width="250" alt="ImageKit.io" src="https://raw.githubusercontent.com/imagekit-developer/imagekit-javascript/master/assets/imagekit-light-logo.svg"/>](https://imagekit.io)

# ImageKit.io Next.js SDK

![Node CI](https://github.com/imagekit-developer/imagekit-next/workflows/Node%20CI/badge.svg)
[![npm version](https://img.shields.io/npm/v/@imagekit/next)](https://www.npmjs.com/package/@imagekit/next)
[![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 Next.js SDK provides a simple way to integrate ImageKit.io with your Next.js 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.
- Provide utility functions for uploading files.

## Installation

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

```bash
npm install @imagekit/next
```

## 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/nextjs) for more details on how to use the SDK.
npm package: @imagekit/react
Description: React SDK for ImageKit.io which implements client-side upload and URL generation for use inside a react application.
Author: ImageKit
Latest version: 5.0.2

[<img width="250" alt="ImageKit.io" src="https://raw.githubusercontent.com/imagekit-developer/imagekit-javascript/master/assets/imagekit-light-logo.svg"/>](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.
npm package: @imagekit/vue
Description: [<img width="250" alt="ImageKit.io" src="https://raw.githubusercontent.com/imagekit-developer/imagekit-javascript/master/assets/imagekit-light-logo.svg"/>](https://imagekit.io)
Latest version: 4.0.1

[<img width="250" alt="ImageKit.io" src="https://raw.githubusercontent.com/imagekit-developer/imagekit-javascript/master/assets/imagekit-light-logo.svg"/>](https://imagekit.io)

# ImageKit.io Vue.js SDK

![Node CI](https://github.com/imagekit-developer/imagekit-vuejs/workflows/Node%20CI/badge.svg)
[![npm version](https://img.shields.io/npm/v/@imagekit/vue)](https://www.npmjs.com/package/@imagekit/vue)
[![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 Vue.js SDK provides a simple way to integrate ImageKit.io with your Vue.js/Nuxt 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/vue
```

## TypeScript support

The SDK provides first-class TypeScript support for Vue projects, giving you robust type-safety and IDE IntelliSense out of the box—no extra configuration required.

## Documentation

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