{"id":15028694,"url":"https://github.com/foliotek/croppie","last_synced_at":"2025-05-13T23:04:48.661Z","repository":{"id":22302360,"uuid":"25637311","full_name":"Foliotek/Croppie","owner":"Foliotek","description":"A Javascript Image Cropper","archived":false,"fork":false,"pushed_at":"2023-03-02T22:15:50.000Z","size":3773,"stargazers_count":2613,"open_issues_count":302,"forks_count":873,"subscribers_count":83,"default_branch":"master","last_synced_at":"2025-05-07T13:39:50.247Z","etag":null,"topics":["crop-image","croppie","image","image-cropper","javascript-image-cropper","jquery-plugin"],"latest_commit_sha":null,"homepage":"http://foliotek.github.io/Croppie","language":"JavaScript","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/Foliotek.png","metadata":{"files":{"readme":"README.md","changelog":null,"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}},"created_at":"2014-10-23T13:04:47.000Z","updated_at":"2025-04-28T05:56:29.000Z","dependencies_parsed_at":"2023-01-13T21:56:51.238Z","dependency_job_id":"5a774f74-1b6c-42d1-857e-4263a4f42883","html_url":"https://github.com/Foliotek/Croppie","commit_stats":{"total_commits":369,"total_committers":63,"mean_commits":5.857142857142857,"dds":"0.31165311653116534","last_synced_commit":"8998b1e35a79f5c8f920e7fa76f72523bffc8df5"},"previous_names":[],"tags_count":24,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Foliotek%2FCroppie","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Foliotek%2FCroppie/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Foliotek%2FCroppie/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Foliotek%2FCroppie/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Foliotek","download_url":"https://codeload.github.com/Foliotek/Croppie/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254040585,"owners_count":22004571,"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":["crop-image","croppie","image","image-cropper","javascript-image-cropper","jquery-plugin"],"created_at":"2024-09-24T20:08:54.429Z","updated_at":"2025-05-13T23:04:48.601Z","avatar_url":"https://github.com/Foliotek.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Croppie - A Javascript Image Cropper\r\n\r\n\r\n## To Install\r\nBower: `bower install croppie`\r\n\r\nNpm: `npm install croppie`\r\n\r\nDownload:\r\n[croppie.js](croppie.js) \u0026 [croppie.css](croppie.css)\r\n\r\n## Adding croppie to your site\r\n```html\r\n\u003clink rel=\"stylesheet\" href=\"croppie.css\" /\u003e\r\n\u003cscript src=\"croppie.js\"\u003e\u003c/script\u003e\r\n```\r\n\r\n## CDN\r\ncdnjs.com provides croppie via cdn https://cdnjs.com/libraries/croppie\r\n```\r\nhttps://cdnjs.cloudflare.com/ajax/libs/croppie/{version}/croppie.min.css\r\nhttps://cdnjs.cloudflare.com/ajax/libs/croppie/{version}/croppie.min.js\r\n```\r\n\r\n\r\n## Documentation\r\n[Documentation](http://foliotek.github.io/Croppie#documentation)\r\n\r\n## Related Libraries\r\n* [croppie-dart](https://gitlab.com/michel.werren/croppie-dart)\r\n* [ngCroppie](https://github.com/allenRoyston/ngCroppie)\r\n* [angular-croppie](https://github.com/lpsBetty/angular-croppie)\r\n* [django-croppie](https://github.com/dima-kov/django-croppie)\r\n* [vue-croppie](https://github.com/jofftiquez/vue-croppie)\r\n\r\n## Contributing\r\nFirst, thanks for contributing.  This project is difficult to maintain with one person.  Here's a \"checklist\" of things to remember when contributing to croppie.\r\n* Don't forget to update the documentation.\r\n* If you're adding a new option/event/method, try adding to an example on the documentation.  Or create a new example, if you feel the need.\r\n* We don't have tests for Croppie :( (if you want to create tests I'd be forever grateful), so please try to test the functionality you're changing on the demo page.  I've tried to add as many use-cases as I can think of on there.  Compare the functionality in your branch to the one on the official page.  If they all still work, then great!\r\n\r\nIf you're looking for a simple server to load the demo page, I use https://github.com/tapio/live-server.\r\n\r\n#### Minifying\r\n`uglifyjs croppie.js -c -m -r '$,require,exports' -o croppie.min.js`\r\n\r\n#### Releasing a new version\r\nFor the most part, you shouldn't worry about these steps unless you're the one handling the release.  Please don't bump the release and don't minify/uglify in a PR.  That just creates merge conflicts when merging.  Those steps will be performed when the release is created.\r\n1. Bump version in croppie.js\r\n2. Minify/Uglify\r\n3. Commit\r\n4. npm version [new version]\r\n5. `git push \u0026\u0026 git push --tags`\r\n6. `npm publish`\r\n7. Draft a new release with new tag on https://github.com/Foliotek/Croppie/releases\r\n8. Deploy to gh-pages `npm run deploy`\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffoliotek%2Fcroppie","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffoliotek%2Fcroppie","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffoliotek%2Fcroppie/lists"}