{"id":28904842,"url":"https://github.com/decker-dev/sprite-cutter","last_synced_at":"2026-05-03T18:32:03.709Z","repository":{"id":296795306,"uuid":"994396179","full_name":"decker-dev/sprite-cutter","owner":"decker-dev","description":"Free online tool for cutting sprites from images. Upload, mark areas, and download individual sprites - perfect for game developers and pixel artists.","archived":false,"fork":false,"pushed_at":"2025-06-10T22:31:44.000Z","size":435,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-10T23:28:55.456Z","etag":null,"topics":["canvas-api","image-processing","nextjs","pixel-art","react","sprite-cutter","sprite-sheet","typescript","vercel","web-tool"],"latest_commit_sha":null,"homepage":"https://sprite-cutter.vercel.app","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/decker-dev.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}},"created_at":"2025-06-01T21:02:25.000Z","updated_at":"2025-06-10T22:31:47.000Z","dependencies_parsed_at":"2025-06-02T13:05:03.432Z","dependency_job_id":"8b9ecc65-c294-494e-bd20-8e2fb06b6ec1","html_url":"https://github.com/decker-dev/sprite-cutter","commit_stats":null,"previous_names":["decker-dev/sprite-cutter"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/decker-dev/sprite-cutter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/decker-dev%2Fsprite-cutter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/decker-dev%2Fsprite-cutter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/decker-dev%2Fsprite-cutter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/decker-dev%2Fsprite-cutter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/decker-dev","download_url":"https://codeload.github.com/decker-dev/sprite-cutter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/decker-dev%2Fsprite-cutter/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261126449,"owners_count":23113312,"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":["canvas-api","image-processing","nextjs","pixel-art","react","sprite-cutter","sprite-sheet","typescript","vercel","web-tool"],"created_at":"2025-06-21T13:02:45.638Z","updated_at":"2026-05-03T18:32:03.697Z","avatar_url":"https://github.com/decker-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sprite Cutter\n\n[![Deployed on Vercel](https://img.shields.io/badge/Deployed%20on-Vercel-black?style=for-the-badge\u0026logo=vercel)](https://sprite-cutter.vercel.app)\n[![Built with Next.js](https://img.shields.io/badge/Built%20with-Next.js-black?style=for-the-badge\u0026logo=next.js)](https://nextjs.org)\n[![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)](https://www.typescriptlang.org/)\n\n## 🎮 Overview\n\n**Sprite Cutter** is a free, web-based tool designed for game developers and digital artists to easily extract individual sprites from sprite sheets. Upload your image, mark the areas you want to cut, preview your selections, and download all sprites as separate files.\n\nPerfect for:\n- Game developers working with sprite sheets\n- Digital artists organizing their artwork\n- Pixel art enthusiasts\n- Anyone needing to split images into smaller components\n\n## ✨ Features\n\n- **🖼️ Image Upload**: Support for PNG, JPG, JPEG, and GIF formats\n- **✂️ Interactive Cutting**: Click and drag to select sprite areas\n- **👁️ Live Preview**: See your selected areas in real-time\n- **📦 Batch Download**: Download all sprites as a ZIP file\n- **🎨 Visual Feedback**: Clear visual indicators for selected areas\n- **📱 Responsive Design**: Works on desktop and mobile devices\n- **🚀 Fast Performance**: Client-side processing for instant results\n- **🔒 Privacy First**: All processing happens in your browser\n\n## 🚀 Live Demo\n\nVisit the live application: **[https://sprite-cutter.vercel.app](https://sprite-cutter.vercel.app)**\n\n## 🛠️ Technology Stack\n\n- **Framework**: Next.js 15.2.4\n- **Language**: TypeScript\n- **Styling**: Tailwind CSS\n- **UI Components**: Custom React components\n- **Image Processing**: HTML5 Canvas API\n- **File Handling**: Browser File API\n- **Deployment**: Vercel\n- **Analytics**: Vercel Analytics\n\n## 🏃‍♂️ Getting Started\n\n### Prerequisites\n\n- Node.js 18+ or Bun\n- npm, yarn, pnpm, or bun\n\n### Installation\n\n1. Clone the repository:\n```bash\ngit clone https://github.com/yourusername/sprite-cutter.git\ncd sprite-cutter\n```\n\n2. Install dependencies:\n```bash\n# Using bun (recommended)\nbun install\n\n# Or using npm\nnpm install\n\n# Or using yarn\nyarn install\n\n# Or using pnpm\npnpm install\n```\n\n3. Run the development server:\n```bash\n# Using bun\nbun dev\n\n# Or using npm\nnpm run dev\n\n# Or using yarn\nyarn dev\n\n# Or using pnpm\npnpm dev\n```\n\n4. Open [http://localhost:3000](http://localhost:3000) in your browser.\n\n## 📖 How to Use\n\n1. **Upload an Image**: Click the upload area or drag and drop your sprite sheet\n2. **Select Areas**: Click and drag on the image to mark sprite boundaries\n3. **Preview Sprites**: View your selected areas in the preview section\n4. **Download**: Click \"Download All Sprites\" to get a ZIP file with all your sprites\n\n## 🏗️ Project Structure\n\n```\nsprite-cutter/\n├── app/\n│   ├── globals.css          # Global styles\n│   ├── layout.tsx           # Root layout with metadata\n│   └── page.tsx             # Main application page\n├── public/                  # Static assets\n├── package.json            # Dependencies and scripts\n└── README.md               # Project documentation\n```\n\n## 🔧 Available Scripts\n\n- `bun dev` - Start development server\n- `bun build` - Build for production\n- `bun start` - Start production server\n- `bun lint` - Run ESLint\n\n## 🤝 Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.\n\n1. Fork the project\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## 📝 License\n\nThis project is open source and available under the [MIT License](LICENSE).\n\n## 🙏 Acknowledgments\n\n- Built with [v0.dev](https://v0.dev) for rapid prototyping\n- Deployed on [Vercel](https://vercel.com) for seamless hosting\n- Icons and UI inspiration from modern design systems\n\n## 📞 Support\n\nIf you have any questions or need help, please:\n- Open an issue on GitHub\n- Visit the [live demo](https://sprite-cutter.vercel.app)\n- Check the documentation above\n\n---\n\nMade with ❤️ for the game development community","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdecker-dev%2Fsprite-cutter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdecker-dev%2Fsprite-cutter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdecker-dev%2Fsprite-cutter/lists"}