{"id":50772307,"url":"https://github.com/jo56/image-collage","last_synced_at":"2026-06-11T20:02:10.600Z","repository":{"id":317762422,"uuid":"1068237227","full_name":"jo56/image-collage","owner":"jo56","description":"Visual tool used to create collages out of multiple images, intended to simulate manipulations of physical photos","archived":false,"fork":false,"pushed_at":"2026-05-12T02:13:03.000Z","size":1205,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-12T04:20:10.925Z","etag":null,"topics":["collage-maker","pts","typescript"],"latest_commit_sha":null,"homepage":"https://jo56.github.io/image-collage/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jo56.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-02T04:14:55.000Z","updated_at":"2026-05-12T02:13:00.000Z","dependencies_parsed_at":"2025-10-02T22:29:09.768Z","dependency_job_id":"71f53db0-d430-4c21-9bc7-5549f45c0c05","html_url":"https://github.com/jo56/image-collage","commit_stats":null,"previous_names":["jo56/image-collage"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/jo56/image-collage","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jo56%2Fimage-collage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jo56%2Fimage-collage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jo56%2Fimage-collage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jo56%2Fimage-collage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jo56","download_url":"https://codeload.github.com/jo56/image-collage/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jo56%2Fimage-collage/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34215254,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-11T02:00:06.485Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["collage-maker","pts","typescript"],"created_at":"2026-06-11T20:02:09.942Z","updated_at":"2026-06-11T20:02:10.589Z","avatar_url":"https://github.com/jo56.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# image-collage\n\n  \u003cdiv align=\"center\"\u003e\n      \u003ca href=\"https://jo56.github.io/image-collage\" target=\"_blank\"\u003e\n          \u003cimg src=\"assets/collage-preview-1.png\" alt=\"collage preview\"\u003e\n      \u003c/a\u003e\n      \u003cbr\u003e\n      \u003ca href=\"https://jo56.github.io/image-collage\" target=\"_blank\"\u003e\n          \u003cb\u003ehttps://jo56.github.io/image-collage\u003c/b\u003e\n      \u003c/a\u003e\n  \u003c/div\u003e\n\n\u003cbr\u003e\n\nSimple tool for creating collages out of multiple images. The images can be manipulated and cut apart like regular photographs. Try to see what other kinds of images you can create.\n\n## Getting Started\n\n### Installation\n\n```bash\nnpm install\n```\n\n### Development\n\n```bash\nnpm run dev\n```\n\n### Build\n\n```bash\nnpm run build\n```\n\n## Usage\n\n1. **Upload Images**: Click \"Upload File\" to add images to your canvas\n2. **Move Images**: Select \"Move\" mode and drag images around. Click an image to bring it to the front\n3. **Resize Images**: Select \"Resize\" mode and drag to scale images\n4. **Cut Shapes**: Select \"Cut\" mode, click and drag to draw a shape across one or more images. When you release, a new cutout is created\n5. **Erase**: Select \"Erase\" mode and drag to remove parts of images\n6. **Pan Canvas**: Click and drag empty space to move the viewport\n7. **Zoom**: Use mouse wheel to zoom in/out\n\n## Technology Stack\n\n- **React** + **TypeScript** - UI framework\n- **Vite** - Build tool\n- **Pts.js** - Canvas rendering and interactions\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjo56%2Fimage-collage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjo56%2Fimage-collage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjo56%2Fimage-collage/lists"}