{"id":15554139,"url":"https://github.com/scaleflex/next-cloudimage-responsive","last_synced_at":"2025-04-11T15:05:29.257Z","repository":{"id":51677698,"uuid":"518946234","full_name":"scaleflex/next-cloudimage-responsive","owner":"scaleflex","description":"Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load.","archived":false,"fork":false,"pushed_at":"2023-12-12T15:11:39.000Z","size":22809,"stargazers_count":6,"open_issues_count":5,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-04-14T08:03:29.777Z","etag":null,"topics":["cloud","cloudimage","nextjs","react","reactjs","responsive"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/scaleflex.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-07-28T17:59:39.000Z","updated_at":"2024-04-30T12:08:36.598Z","dependencies_parsed_at":"2024-04-30T12:08:19.508Z","dependency_job_id":"8311c65c-2a83-4500-9104-427a51df4c18","html_url":"https://github.com/scaleflex/next-cloudimage-responsive","commit_stats":{"total_commits":56,"total_committers":3,"mean_commits":"18.666666666666668","dds":0.1607142857142857,"last_synced_commit":"cb6c2f46c85bce6b475771bbd6382d4fcbd9ae0b"},"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scaleflex%2Fnext-cloudimage-responsive","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scaleflex%2Fnext-cloudimage-responsive/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scaleflex%2Fnext-cloudimage-responsive/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scaleflex%2Fnext-cloudimage-responsive/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/scaleflex","download_url":"https://codeload.github.com/scaleflex/next-cloudimage-responsive/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247419595,"owners_count":20936010,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cloud","cloudimage","nextjs","react","reactjs","responsive"],"created_at":"2024-10-02T14:44:06.036Z","updated_at":"2025-04-11T15:05:29.248Z","avatar_url":"https://github.com/scaleflex.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Release](https://img.shields.io/github/v/release/scaleflex/next-cloudimage-responsive)](https://github.com/scaleflex/next-cloudimage-responsive/releases)\n[![Free plan](https://img.shields.io/badge/price-includes%20free%20plan-green.svg)](https://www.cloudimage.io/en/home#b38181a6-b9c8-4015-9742-7b1a1ad382d5)\n[![Contributions welcome](https://img.shields.io/badge/contributions-welcome-orange.svg)](#contributing)\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n[![Scaleflex team](https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-the%20Scaleflex%20team-6986fa.svg)](https://www.scaleflex.com/en/home)\n[![Cloudimage](https://img.shields.io/badge/Powered%20by-cloudimage-blue)](https://www.cloudimage.io/en/home)\n\u003cp align=\"center\"\u003e\n\t\u003ca href=\"https://www.cloudimage.io/#gh-light-mode-only\"\u003e\n\t\t\u003cimg\n\t\t\talt=\"The Lounge\"\n\t\t\tsrc=\"https://scaleflex.cloudimg.io/v7/cloudimage.io/LOGO+WITH+SCALEFLEX-01.png?vh=f6080d\u0026w=350\"\u003e\n\t\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003e\n   Next.js Cloudimage Responsive\n\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n\t\u003cstrong\u003e\n\t\t\u003ca href=\"#table_of_contents\"\u003eDocs\u003c/a\u003e\n\t\t•\n\t\t\u003ca href=\"https://scaleflex.github.io/next-cloudimage-responsive/\" target=\"_blank\"\u003eDemo\u003c/a\u003e\n\t\t•\n\t\t\u003ca href=\"https://codesandbox.io/s/next-cloudimage-responsive-example-srp27e\" target=\"_blank\"\u003eCode Sandbox\u003c/a\u003e\n\t\t•\n\t\t\u003ca href=\"https://medium.com/@dmitry_82269/responsive-images-in-2019-now-easier-than-ever-b76e5a43c074\" target=\"_blank\"\u003eWhy?\u003c/a\u003e\n\t\u003c/strong\u003e\n\u003c/p\u003e\n\nThis plugin detects the width of any image container as well as the device pixel ratio\ndensity to load the optimal image size needed.\nImages are resized on-the-fly via the \u003ca href=\"https://cloudimage.io\" target=\"_blank\"\u003eCloudimage service\u003c/a\u003e, thus offering a comprehensive\nautomated image optimization service.\n\nWhen an image is first loaded on your website or mobile app,\nCloudimage's resizing servers will download the origin image from\nthe source, resize it for the client's screen size and deliver to your users through one or multiple\nContent Delivery Networks (CDNs). The generated image formats are cached in the CDN and will be delivered rocket fast on any subsequent request.\n\n**NOTE:** Your original (master) images have to be stored on a server\nor storage bucket (S3, Google Cloud, Azure Blob...) reachable over\nHTTP or HTTPS by Cloudimage. If you want to upload your master images to\nCloudimage, contact us at\n[hello@cloudimage.io](mailto:hello@cloudimage.io).\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg\n\t\talt=\"The Lounge\"\n\t\tsrc=\"https://cdn.scaleflex.it/filerobot/cloudimage-process.jpg\"\u003e\n\u003c/p\u003e\n\n## Table of contents\n\n* [Demo](#demo)\n* [Responsive plugins family](#plugin_family)\n* [Requirements](#requirements)\n* [Step 1: Installation](#installation)\n* [Step 2: Initialize](#initialize)\n* [Step 3: Implement](#implement)\n* [Configuration](#configuration)\n* [Client-side vs Server-side](#client_side_vs_server_side)\n* [Client-side onfiguration](#client_side_config)\n* [Server-side onfiguration](#server_side_config)\n* [Image properties](#image_properties)\n* [Browser support](#browser_support)\n* [Filerobot UI Family](#ui_family)\n* [Contributing](#contributing)\n* [License](#license)\n\n\n## \u003ca name=\"demo\"\u003e\u003c/a\u003e Demo\n\nTo see the Cloudimage Responsive plugin in action, please check out the\n[Demo page](https://scaleflex.github.io/next-cloudimage-responsive/).\nPlay with your browser's window size and observe your\nInspector's Network tab to see how Cloudimage delivers the optimal\nimage size to your browser, hence accelerating the overall page\nloading time.\n\n## \u003ca name=\"plugin_family\"\u003e\u003c/a\u003e Responsive plugins family\nIn order to use Cloudimage responsive plugins on your single-page application, please check out Cloudimage responsive plugins for vanilla Javascript and the most popular Javascript frameworks.\n\n\u003cdetails\u003e\n\u003csummary\u003eJavascript\u003c/summary\u003e\n\u003ca href=\"https://github.com/scaleflex/js-cloudimage-responsive\"\u003eJs Cloudimage Responsive (Low Quality Preview)\u003c/a\u003e\u003cbr/\u003e\n\u003ca href=\"https://github.com/scaleflex/js-cloudimage-responsive/blob/master/README-BLUR-HASH.md\"\u003eJs Cloudimage Responsive (Blur-hash)\u003c/a\u003e\u003cbr/\u003e\n\u003ca href=\"https://github.com/scaleflex/js-cloudimage-responsive/blob/master/README-PLAIN.md\"\u003eJs Cloudimage Responsive (Plain)\u003c/a\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eVue.js\u003c/summary\u003e\n\u003ca href=\"https://github.com/scaleflex/vue-cloudimage-responsive\"\u003eVue Cloudimage Responsive (Low Quality Preview)\u003c/a\u003e\u003cbr/\u003e\n\u003ca href=\"https://github.com/scaleflex/vue-cloudimage-responsive-blur-hash\"\u003eVue Cloudimage Responsive (Blur-hash)\u003c/a\u003e\u003cbr/\u003e\n\u003ca href=\"https://github.com/scaleflex/vue-cloudimage-responsive-plain\"\u003eVue Cloudimage Responsive (Plain)\u003c/a\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eReact\u003c/summary\u003e\n\u003ca href=\"https://github.com/scaleflex/react-cloudimage-responsive\"\u003eReact Cloudimage Responsive (Low Quality Preview)\u003c/a\u003e\u003cbr/\u003e\n\u003ca href=\"https://github.com/scaleflex/react-cloudimage-responsive-blur-hash\"\u003eReact Cloudimage Responsive (Blur-hash)\u003c/a\u003e\u003cbr/\u003e\n\u003ca href=\"https://github.com/scaleflex/react-cloudimage-responsive-plain\"\u003eReact Cloudimage Responsive (Plain)\u003c/a\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eAngular\u003c/summary\u003e\n\u003ca href=\"https://github.com/scaleflex/ng-cloudimage-responsive\"\u003eAngular Cloudimage Responsive (Low Quality Preview)\u003c/a\u003e\u003cbr/\u003e\n\u003c/details\u003e\n\n## \u003ca name=\"requirements\"/\u003e Requirements\n\nTo use the Cloudimage Responsive plugin, you will need a\nCloudimage token to deliver your images over CDN. Don't worry, it only takes seconds to get one by\nregistering [here](https://www.cloudimage.io/en/register_page).\nOnce your token is created, you can configure it as described below.\nThis token allows you to use 25GB of image cache and 25GB of worldwide\nCDN traffic per month for free.\n\n## \u003ca name=\"installation\"\u003e\u003c/a\u003eStep 1: Installation\n\nusing npm\n\n```\n$ npm install next-cloudimage-responsive\n```\nusing yarn\n\n```\n$ yarn add next-cloudimage-responsive\n```\n\n## \u003ca name=\"initialize\"\u003e\u003c/a\u003eStep 2: Initialize\n\nAfter installing the next-cloudimage-responsive lib, simply initialize it with your **token** and the **baseURL**\nof your image storage with **CloudimageProvider** and wrap your application with **CloudimageProvider**:\n\n```jsx\nimport { CloudimageProvider } from 'next-cloudimage-responsive';\n\nfunction MyApp({ Component, pageProps }) {\n  const cloudimageConfig = {\n    token: 'demo',\n    baseURL: 'https://cdn.scaleflex.it/demo/'\n  };\n\n  return (\n    \u003cCloudimageProvider config={cloudimageConfig}\u003e\n      \u003cComponent {...pageProps} /\u003e\n    \u003c/CloudimageProvider\u003e\n  );\n}\n\nexport default MyApp;\n```\n\n## \u003ca name=\"implement\"\u003e\u003c/a\u003eStep 3: Implement it\n\n### Img component:\n\n```jsx\nimport { Img } from 'next-cloudimage-responsive';\n\n\u003cImg src=\"img.jpg\" alt=\"Demo image\"/\u003e\n```\n\u003ca href=\"https://codesandbox.io/s/next-cloudimage-responsive-example-srp27e\"\u003e\u003cimg src=\"https://codesandbox.io/static/img/play-codesandbox.svg\" alt=\"edit in codesandbox\"/\u003e\u003c/a\u003e\n\n### BackgroundImg component:\n\n```jsx\nimport { BackgroundImg } from 'next-cloudimage-responsive';\n\n\u003cBackgroundImg src=\"img.jpg\"\u003e\n {'Your content...'}\n\u003c/BackgroundImg\u003e\n```\n\n\u003ca href=\"https://codesandbox.io/s/next-cloudimage-responsive-example-div5l6\"\u003e\u003cimg src=\"https://codesandbox.io/static/img/play-codesandbox.svg\" alt=\"edeit in codesandbox\"/\u003e\u003c/a\u003e\n\n## \u003ca name=\"configuration\"\u003e\u003c/a\u003e Config\n\n### token\n\n###### Type: **String** | Default: **\"demo\"** | _required_\n\nYour Cloudimage customer token.\n[Subscribe](https://www.cloudimage.io/en/register_page) for a\nCloudimage account to get one. The subscription takes less than a\nminute and is totally free.\n\n### customDomain\n\n###### Type: **String** | Default: **\"cloudimage.io\"** | _optional_\n\nIf you use a custom CNAME for your cloudimage integration, you can set it here.\n\nNote: this will disregard your token above as this should be built into the CNAME entry.\n\n### baseURL\n\n###### Type: **String** | Default: **\"\"** | _optional_\n\nYour image folder on server, this alows to shorten your origin image URLs.\n\n### apiVersion\n\n###### Type: **String** |Default: **'v7'** | _optional_\n\nAllow to use a specific version of API.\n\n- set a specific version of API\n```javascript\nconst cloudimageConfig = {\n  token: 'demo',\n  baseURL: 'https://cdn.scaleflex.it/demo/',\n  apiVersion: 'v7'                            // optional\n};\n```\n- disable API version\n```javascript\nconst cloudimageConfig = {\n  token: 'demo',\n  baseURL: 'https://cdn.scaleflex.it/demo/',\n  apiVersion: null                            // optional\n};\n```\n\n\n### \u003ca name=\"do_not_replace_url\"\u003e\u003c/a\u003e doNotReplaceURL\n\n###### Type: **bool** | Default: **false**\n\nIf set to **true** the plugin will only add query params to the given source of image.\n\n### \u003ca name=\"lazy_loading_config\"\u003e\u003c/a\u003elazyLoading\n\n###### Type: **Bool** | Default: **true** | _optional_\n\nOnly images close to the client's viewport will be loaded, hence accelerating the page loading time. The plugin uses\n\n### \u003ca name=\"params\"\u003e\u003c/a\u003e params\n\n###### Type: **String** | Default: **'org_if_sml=1'** | _optional_\n\nApplies default Cloudimage operations/ filters to your image, e.g. brightness, contrast, rotation...\nMultiple params can be applied, separated by \"```\u0026```\" e.g. func=fit\u0026w=400\u0026h=400\u0026bg_colour=f2f7fa\n\n```javascript\nparams: 'org_if_sml=1\u0026func=fit\u0026w=400\u0026h=400\u0026bg_colour=f2f7fa'\n```\n\n#### alternative syntax: type: **Object**\n\n```javascript\nparams: {\n    org_if_sml: 1,\n    grey: 1,\n    ...\n}\n```\n\n[Full cloudimage v7 documentation here.](https://docs.cloudimage.io/go/cloudimage-documentation-v7/en/introduction)\n\n## \u003ca name=\"client_side_vs_server_side\"\u003e\u003c/a\u003e server-side rendering (SSR) vs client-side rendering (CSR)\nDespite the plugin **by default** rendering the low-preview image on the server and on the client it renders the optimized image relative to the container size. you can render both low-preview and optimized images on the server-side.\nby using \u003ca href=\"#server-side\"\u003esrr\u003c/a\u003e config.\n\n## \u003ca name=\"client_side_config\"\u003e\u003c/a\u003e client-side config\n\n### limitFactor\n\n###### Type: **Number** | Default: **100** | _optional_\n\nRounds up the size of an image to the nearest limitFactor value.\n\nFor example:\n* for an image with width **358px** and limitFactor equal to **100**, the plugin will round up to 400px;\n* for an image with width **358px** and limitFactor equal to **5**, the plugin will round up to 360px.\n\n### devicePixelRatioList\n\n###### Type: **[Number,...]** | Default: **[1, 1.5, 2]** | _optional_\n\nList of supported device pixel ratios. If there is no need to support retina devices, you should set an empty array `devicePixelRatioList: []`.\n\n### renderBlurImage\n\n###### Type: **Boolean** | Default: **true**\n\nThat can be used to decide whether the low-quality blur images needs to be rendered or no.\n\n\n## \u003ca name=\"server_side_config\"\u003e\u003c/a\u003e server-side config\n### \u003ca name=\"server-side\"\u003e\u003c/a\u003e ssr\n\n###### Type: **Boolean** | Default: **false**\n\nRender both low-quality preview and the optimized image on the server.\nif **ssr** set to true we can't detect the image container width or the device pixel ratio. so the plugin will generate a srcset relative to \u003ca href=\"https://nextjs.org/docs/api-reference/next/image#device-sizes\"\u003edevice sizes\u003c/a\u003e in next.config.js\n\n\u003ca href=\"https://codesandbox.io/s/next-cloudimage-responsive-example-8r07pm\"\u003e\u003cimg src=\"https://codesandbox.io/static/img/play-codesandbox.svg\" alt=\"edit in codesandbox\"/\u003e\u003c/a\u003e\n\n### \u003ca name=\"low_preview_quality\"\u003e\u003c/a\u003e lowPreviewQuality\n\n###### Type: **Number** | Default: **50**\n\nThe quality of the low-preview image relative to the optimized image.\n\nAn integer between `1` and `100`, where `100` is best quality.\n### \u003ca name=\"quality\"\u003e\u003c/a\u003e quality\n\n###### Type: **Number** | Default: **75**\n\nThe quality of the optimized image.\n\nAn integer between `1` and `100`, where `100` is best quality.\n\n### \u003ca name=\"layout\"\u003e\u003c/a\u003e layout\n\n###### Type: **String** | Default: **responsive**\nThe layout behavior of the image as the viewport changes size.\n\nsee \u003ca href=\"https://nextjs.org/docs/api-reference/next/image#layout\"\u003elayout\u003c/a\u003e.\n\n### \u003ca name=\"object_fit\"\u003e\u003c/a\u003e objectFit\n\n###### Type: **String** | Default: **cover**\nDefines how the image will fit into its parent container.\n\nsee \u003ca href=\"https://nextjs.org/docs/api-reference/next/image#objectfit\"\u003eobjectFit\u003c/a\u003e.\n\n### \u003ca name=\"object_position\"\u003e\u003c/a\u003e objectPosition\n\n###### Type: **String** | Default: **center**\nDefines how the image is positioned within its parent element.\n\nsee \u003ca href=\"https://nextjs.org/docs/api-reference/next/image#objectposition\"\u003eobjectPosition\u003c/a\u003e.\n\n### \u003ca name=\"transition_duration\"\u003e\u003c/a\u003e transitionDuration\n\n###### Type: **String** | Default: **800ms**\nDefines the transition duration of animation while switching between low-preview image and the optimized image.\n\n**NOTE:**\nSet it to `0ms` to disable animation.\n## \u003ca name=\"image_properties\"\u003e\u003c/a\u003e Image properties\nThe following config can be used per-image basis.\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"#lazy_loading_config\"\u003elazyLoading\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#do_not_replace_url\"\u003edoNotReplaceURL\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#params\"\u003eparams\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#low_preview_quality\"\u003elowPreviewQuality\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#quality\"\u003equality\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#layout\"\u003elayout\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#object_fit\"\u003eobjectFit\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#object_position\"\u003eobjectPosition\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"#transition_duration\"\u003etransitionDuration\u003c/a\u003e\u003c/li\u003e\n\u003c/ul\u003e\n\n### src\n\n###### Type: **String** | Default: **undefined** | _required_\n\nOriginal image hosted on your web server. You can use absolute path or\nrelative to the baseUrl in your config.\n\n**NOTES:**\n\nThe plugin uses a special algorithm to detect the width of image container and set the image size accordingly.\nThis is the recommended way of using the Cloudimage Responsive plugin.\n\n### onImgLoad\n\n###### Type: **function** | Default: **undefined**\n\nA function to be executed after the image is loaded\n\n```jsx\n\u003cImg\n  src=\"dino-reichmuth-1.jpg\"\n  onImgLoad={(event)=\u003e{ console.log(event); }}/\u003e\n```\n\n### onImgLoadError\n\n###### Type: **function ({ event, setLoaded }) {}** | Default: **undefined**\n\nA function to be executed if the image is failed to load.\n\n```jsx\n\u003cImg\n  src=\"dino-reichmuth-1.jpg\"\n  onImgLoadError={({ event, setLoaded })=\u003e{\n    setLoaded(true) // declares whether the image is loaded or not, if `true` - loaded - then assign the proper styles otherwise no need for the loaded styles (useful in-case u added a new src for the image throguh the fallback and want to apply the styles), by default setLoaded(false) is triggered in-case of failure.\n    console.log(event);\n  }} /\u003e\n```\n\n### width\n\n###### Type: **String** (e.g. 300px, 20vw) | Default: **undefined**\n\nIf set, the plugin will use the width as a fixed value and change only according to the device pixel ratio.\n**NOTE: while using \u003ca href=\"#server-side\"\u003essr\u003c/a\u003e consider to set a suitable \u003ca href=\"layout\"\u003elayout\u003c/a\u003e to the image.**\n\n### height\n\n###### Type: **String** (e.g. 300px, 20vh) | Default: **undefined**\n\nIf set, the plugin will use the width as a fixed value and change only according to the device pixel ratio.\n**NOTE: while using \u003ca href=\"#server-side\"\u003essr\u003c/a\u003e consider to set a suitable \u003ca href=\"layout\"\u003elayout\u003c/a\u003e to the image.**\n\n## \u003ca name=\"browser_support\"\u003e\u003c/a\u003eBrowser support\n\nTested in all modern browsers and IE 11.\n\n## \u003ca name=\"ui_family\"\u003e\u003c/a\u003eFilerobot UI Familiy\n\n* [JS Cloudimage Responsive](https://github.com/scaleflex/js-cloudimage-responsive)\n* [Angular Cloudimage Responsive](https://github.com/scaleflex/ng-cloudimage-responsive)\n* [JS Cloudimage 360 view](https://github.com/scaleflex/js-cloudimage-360-view)\n* [Image Editor](https://github.com/scaleflex/filerobot-image-editor)\n* [Uploader](https://github.com/scaleflex/filerobot-uploader)\n\n## \u003ca name=\"contributing\"\u003e\u003c/a\u003eContributing!\n\nAll contributions are super welcome!\n\n\n## \u003ca name=\"license\"\u003e\u003c/a\u003eLicense\nNext Cloudimage Responsive is provided under the [MIT License](https://opensource.org/licenses/MIT).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscaleflex%2Fnext-cloudimage-responsive","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fscaleflex%2Fnext-cloudimage-responsive","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscaleflex%2Fnext-cloudimage-responsive/lists"}