{"id":13396868,"url":"https://github.com/dropzone/dropzone","last_synced_at":"2025-09-09T20:59:07.670Z","repository":{"id":2451832,"uuid":"3422939","full_name":"dropzone/dropzone","owner":"dropzone","description":"Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.","archived":false,"fork":false,"pushed_at":"2024-07-15T15:20:29.000Z","size":7103,"stargazers_count":18245,"open_issues_count":157,"forks_count":3294,"subscribers_count":393,"default_branch":"main","last_synced_at":"2025-04-17T02:53:03.951Z","etag":null,"topics":["drag-and-drop","dropzone","file-upload","javascript","javascript-library"],"latest_commit_sha":null,"homepage":"http://www.dropzone.dev/js","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dropzone.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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,"zenodo":null},"funding":{"github":["enyo"]}},"created_at":"2012-02-12T16:19:18.000Z","updated_at":"2025-04-16T20:12:59.000Z","dependencies_parsed_at":"2023-07-05T18:01:25.533Z","dependency_job_id":"e6298a49-1772-4d93-bfde-ee711d86c419","html_url":"https://github.com/dropzone/dropzone","commit_stats":{"total_commits":897,"total_committers":90,"mean_commits":9.966666666666667,"dds":"0.13489409141583053","last_synced_commit":"f50d1828ab5df79a76be00d1306cc320e39a27f4"},"previous_names":["enyo/dropzone"],"tags_count":117,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dropzone%2Fdropzone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dropzone%2Fdropzone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dropzone%2Fdropzone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dropzone%2Fdropzone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dropzone","download_url":"https://codeload.github.com/dropzone/dropzone/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249305702,"owners_count":21248084,"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":["drag-and-drop","dropzone","file-upload","javascript","javascript-library"],"created_at":"2024-07-30T18:01:05.401Z","updated_at":"2025-04-17T02:56:31.231Z","avatar_url":"https://github.com/dropzone.png","language":"JavaScript","readme":"\u003cimg alt=\"Dropzone.js\" src=\"https://raw.githubusercontent.com/dropzone/dropzone/assets/github-logo.svg\" /\u003e\n\n[![Test and Release](https://github.com/dropzone/dropzone/actions/workflows/test-and-release.yml/badge.svg)](https://github.com/dropzone/dropzone/actions/workflows/test-and-release.yml)\n\nDropzone is a JavaScript library that turns any HTML element into a dropzone.\nThis means that a user can drag and drop a file onto it, and Dropzone will\ndisplay file previews and upload progress, and handle the upload for you via\nXHR.\n\nIt's fully configurable, can be styled according to your needs and is trusted by\nthousands.\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg width=\"674\" alt=\"Dropzone Screenshot\" src=\"https://user-images.githubusercontent.com/133277/138495095-b026cc5c-9458-4e0b-8066-d8a9d0f7e72a.png\"\u003e\n\u003c/div\u003e\n\n## Quickstart\n\nInstall:\n\n```bash\n$ npm install --save dropzone\n# or with yarn:\n$ yarn add dropzone\n```\n\nUse as **ES6 module** (recommended):\n\n```js\nimport { Dropzone } from \"dropzone\";\nconst dropzone = new Dropzone(\"div#myId\", { url: \"/file/post\" });\n```\n\nor use as **CommonJS module**:\n\n```js\nconst { Dropzone } = require(\"dropzone\");\nconst dropzone = new Dropzone(\"div#myId\", { url: \"/file/post\" });\n```\n\n[👉 Checkout our example implementations for different\nbundlers](https://github.com/dropzone/dropzone-examples)\n\n## Not using a package manager or bundler?\n\nUse the standalone files like this:\n\n```html\n\u003cscript src=\"https://unpkg.com/dropzone@5/dist/min/dropzone.min.js\"\u003e\u003c/script\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://unpkg.com/dropzone@5/dist/min/dropzone.min.css\"\n  type=\"text/css\"\n/\u003e\n\n\u003cdiv class=\"my-dropzone\"\u003e\u003c/div\u003e\n\n\u003cscript\u003e\n  // Dropzone has been added as a global variable.\n  const dropzone = new Dropzone(\"div.my-dropzone\", { url: \"/file/post\" });\n\u003c/script\u003e\n```\n\n---\n\n- [📚 Full documentation](https://docs.dropzone.dev)\n- [⚙️ `src/options.js`](https://github.com/dropzone/dropzone/blob/main/src/options.js)\n  for all available options\n\n---\n\n\u003e ⚠️ **NOTE**: We are currently moving away from IE support to make the library\n\u003e more lightweight. If you don't care about IE but about size, you can already\n\u003e opt into `6.0.0-beta.1`. Please make sure to pin the specific version since\n\u003e parts of the API might change slightly. You can always read about the changes\n\u003e in the [`CHANGELOG`](./CHANGELOG.md) file.\n\n## Community\n\nIf you need support please use the [discussions section][discussions] or\n[stackoverflow][so] with the `dropzone.js` tag and **not** the GitHub issues\ntracker. Only post an issue here if you think you discovered a bug.\n\nIf you have a feature request or want to discuss something, please use the\n[discussions][] as well.\n\n[discussions]: https://github.com/dropzone/dropzone/discussions\n[so]: https://stackoverflow.com/questions/tagged/dropzone.js\n\n\u003e ⚠️ **Please read the [contributing guidelines](CONTRIBUTING.md) before you\n\u003e start working on Dropzone!**\n\n## Main features ✅\n\n- Beautiful by default\n- Image thumbnail previews. Simply register the callback `thumbnail(file, data)`\n  and display the image wherever you like\n- High-DPI screen support\n- Multiple files and synchronous uploads\n- Progress updates\n- Support for large files\n  - Chunked uploads (upload large files in smaller chunks)\n- Support for Amazon S3 Multipart upload\n- Complete theming. The look and feel of Dropzone is just the default theme. You\n  can define everything yourself by overwriting the default event listeners.\n- Browser image resizing (resize the images before you upload them to your\n  server)\n- Well tested\n\n# MIT License\n\nSee the [LICENSE](https://github.com/dropzone/dropzone/blob/main/LICENSE) file\n","funding_links":["https://github.com/sponsors/enyo"],"categories":["Uncategorized","JavaScript","javascript","UI Components","Repository"],"sub_categories":["Uncategorized","Drag and Drop","Form"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdropzone%2Fdropzone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdropzone%2Fdropzone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdropzone%2Fdropzone/lists"}