npmpackage.info

Gathering detailed insights and metrics for imagekit-media-library-widget

Other packages similar to imagekit-media-library-widget

edited-imagekit-uppy-plugin

1.0.18

A plugin for Uppy, which allows you to upload files directly to ImageKit.io media library.

imagekit-uppy-plugin

2.0.1-alpha.2

A plugin for Uppy, which allows you to upload files directly to ImageKit.io media library.

imagekit-ckeditor5-plugin

1.0.0

CKEditor 5 integration for ImageKit, including Media Library Widget

Gathering detailed insights and metrics for imagekit-media-library-widget

imagekit-media-library-widget - 2.1.2 | npmpackage.info

imagekit-media-library-widget

ImageKit media library widget.

2.1.2

TypeScript

87.22 kB

Installations

npm install imagekit-media-library-widget

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, UMD

Node Version

18.20.8

NPM Version

10.8.2 Pull Requests

Open

0

Total

13

Closed

3

Merged

10

Issues

Open

2

Total

11

Closed

9

Releases

Version 2.1.2

2.1.2

Updated on Jul 10, 2025

Version 2.1.1

2.1.1

Updated on May 01, 2025

Version 2.1.0

2.1.0

Updated on Mar 27, 2025

Version 2.0.0

2.0.0

Updated on Jun 13, 2024

Version 1.0.4

1.0.4

Updated on Dec 15, 2023

Version 1.0.3

1.0.3

Updated on Feb 21, 2023

View All 10 releases

Languages

TypeScript

JavaScript

TypeScript (87.87%)

JavaScript (12.13%)

Developer

imagekit-developer

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

4 Stars

72 Commits

10 Forks

5 Watchers

2 Branches

6 Contributors

Updated on Jul 10, 2025

Maintainers

View All 6 Contributors

Package Meta Information

Latest Version

2.1.2

Package Id

imagekit-media-library-widget@2.1.2

Unpacked Size

87.22 kB

Size

11.48 kB

File Count

NPM Version

10.8.2

Node Version

18.20.8

Published on

Jul 10, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

@babel/cli @babel/core @babel/preset-env @rollup/plugin-babel @rollup/plugin-commonjs @rollup/plugin-json @rollup/plugin-node-resolve @rollup/plugin-terser @rollup/plugin-typescript chai codecov esm formdata-node mocha nyc rollup rollup-plugin-ts sinon typescript

ImageKit Media Library Widget

This plugin provides access to ImageKit Media Library through an embeddable UI within your own CMS or website.

Installation
Usage
Demo

Installation

Using CDN

1<script src="https://unpkg.com/imagekit-media-library-widget/dist/imagekit-media-library-widget.min.js"></script>

Using NPM

Install imagekit-media-library-widget:

1npm install --save imagekit-media-library-widget

Now include it in your JS code:

1// ES6 module
2import IKMediaLibraryWidgetCore from 'imagekit-media-library-widget';
3
4// Common JS syntax
5const IKMediaLibraryWidgetCore = require("imagekit-media-library-widget");

Usage

Check out our detailed guide on ImageKit Docs: Media Library Widget

Quick start (HTML and JS)

Include the script in your HTML:

1<script src="https://unpkg.com/imagekit-media-library-widget/dist/imagekit-media-library-widget.min.js"></script>

Define a DOM container for the plugin. This accepts any CSS selector:

1<div id="container"></div>

1<div class="container"></div>

Configure and instantiate the plugin:

1// configuration options
2var config = {
3  container: '#container',   // the element in which the Media Library Widget will be rendered
4  className: 'media-library-widget',
5  dimensions: {
6    height: '100%',
7    width: '100%',
8  },
9  view: 'modal',  // inline | modal (default)
10  renderOpenButton: true,  // false | true (default)
11  /*
12  mlSettings: {  // optional
13    initialView: {  
14      
15      // sets initial state of Media Library, refer to the ImageKit Docs for more information
16      // https://docs.imagekit.io/sample-projects/embeddable-media-library-widget
17
18      // only one of the following parameters can be passed at a time
19    
20      folderPath: "<your-folder-path>",
21      fileId: "<file_id>",
22      searchQuery: "<search-query>",
23      collection: { 
24         // pass empty object to open Media Collections page
25         id: "<collection-id>" // open specific Media Collection
26      },
27      fileType: "images" | "videos" | "cssJs" | "others"
28    },
29    multiple: true // false | true (default),
30    maxFiles: 20 // relevant when `multiple` is true
31    toolbar: {
32      // sets the visibility of the toolbar buttons
33      // defaults to true for all buttons
34      showCloseButton: false,
35      showInsertButton: false
36    }
37  }
38  */
39};
40
41// define callback handler
42function callback(payload) {
43  // this is the callback handler
44  // … consume json payload …
45}
46
47// instantiate the Media Library Widget plugin
48var mediaLibraryWidget = new IKMediaLibraryWidget(config, callback);

Note: Google Chrome (Incognito)

To use this plugin on Google Chrome in Incognito mode, you need to enable third-party cookies:

Demo

Run following commands:

1npm install
2npm run sample

It will install dependencies and serve the included demo: sample-app. The sample app should be available on http://localhost:3000.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

9

Maintained

Determines if the project is "actively maintained".

7

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

3

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

License

Determines if the project has defined a license.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

4

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to imagekit-media-library-widget

Other packages similar to imagekit-media-library-widget

imagekit-media-library-widget

Installations

Developer Guide

Yes

CommonJS, UMD

18.20.8

10.8.2

Pull Requests

0

13

3

10

Issues

2

11

9

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

ImageKit Media Library Widget

Table of Contents

Installation

Using CDN

Using NPM

Usage

Quick start (HTML and JS)

Demo

10

10

9

7

3

0

0

0

0

0

0

0

0

4

/10