{"id":26245222,"url":"https://github.com/sing1ee/svgviewer","last_synced_at":"2025-07-10T13:33:33.807Z","repository":{"id":281007732,"uuid":"941414741","full_name":"sing1ee/svgviewer","owner":"sing1ee","description":"open source SVG Viewer, Optimizer, Converter","archived":false,"fork":false,"pushed_at":"2025-06-15T11:17:27.000Z","size":2317,"stargazers_count":16,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-15T12:23:58.200Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://svgviewer.app","language":"TypeScript","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/sing1ee.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-03-02T08:27:00.000Z","updated_at":"2025-06-03T07:57:11.000Z","dependencies_parsed_at":"2025-04-24T14:36:42.586Z","dependency_job_id":"2b804fd0-7084-41e9-a78a-1acb923bc92c","html_url":"https://github.com/sing1ee/svgviewer","commit_stats":null,"previous_names":["sing1ee/svgviewer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sing1ee/svgviewer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sing1ee%2Fsvgviewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sing1ee%2Fsvgviewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sing1ee%2Fsvgviewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sing1ee%2Fsvgviewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sing1ee","download_url":"https://codeload.github.com/sing1ee/svgviewer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sing1ee%2Fsvgviewer/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264585372,"owners_count":23632646,"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":[],"created_at":"2025-03-13T12:32:27.400Z","updated_at":"2025-07-10T13:33:32.043Z","avatar_url":"https://github.com/sing1ee.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SVG Viewer\n\nA powerful SVG toolkit that helps developers and designers view, optimize, and convert SVG files.\n\n![SVG Viewer](public/og-image.png)\n\n## Features\n\n- **SVG Viewer**: Real-time preview and edit SVG code\n- **SVG Optimizer**: Reduce SVG file size, improve performance\n- **SVG Converter**: Convert SVG to other formats (such as PNG, JPG, etc.)\n- **Code Editor**: Built-in syntax highlighting SVG code editor\n- **Real-time Preview**: Instantly view SVG editing effects\n- **Zoom Control**: Adjust SVG preview size\n- **File Import/Export**: Upload SVG files and download optimized results\n- **Responsive Design**: Adapts to various device screens\n\n## Tech Stack\n\n- [Next.js](https://nextjs.org/) - React framework\n- [TypeScript](https://www.typescriptlang.org/) - Type-safe JavaScript\n- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework\n- [Radix UI](https://www.radix-ui.com/) - Accessible UI components\n- [Prism.js](https://prismjs.com/) - Code syntax highlighting\n- [Lucide React](https://lucide.dev/) - Icon library\n\n## Quick Start\n\n### Prerequisites\n\n- Node.js 18.x or higher\n- npm or yarn or pnpm\n\n### Installation\n\n1. Clone the repository\n\n```bash\ngit clone https://github.com/yourusername/svg-viewer.git\ncd svg-viewer\n```\n\n2. Install dependencies\n\n```bash\nnpm install\n# or\nyarn install\n# or\npnpm install\n```\n\n3. Start the development server\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n```\n\n4. Open your browser and visit [http://localhost:3000](http://localhost:3000)\n\n## Usage Guide\n\n### SVG Viewer\n\n1. Enter or paste SVG code in the code editor\n2. View the SVG in real-time in the preview window on the right\n3. Use the zoom slider to adjust the preview size\n4. Adjust the canvas size to accommodate different SVGs\n\n### SVG Optimizer\n\n1. Upload an SVG file or enter SVG code in the editor\n2. Click the \"Optimize\" button\n3. View the file size comparison before and after optimization\n4. Download the optimized SVG file\n\n### SVG Converter\n\n1. Upload an SVG file or enter SVG code in the editor\n2. Select the target format (PNG, JPG, etc.)\n3. Set output options (size, quality, etc.)\n4. Click the \"Convert\" button\n5. Download the converted file\n\n## Deployment\n\nThe project can be easily deployed to Vercel, Netlify, or other platforms that support Next.js:\n\n```bash\n# Build for production\nnpm run build\n# or\nyarn build\n# or\npnpm build\n\n# Start production server\nnpm start\n# or\nyarn start\n# or\npnpm start\n```\n\n## Contribution Guidelines\n\nContributions are welcome! Feel free to submit issues or pull requests.\n\n1. Fork the project\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n\n## Contact\n\nProject Maintainer - [@sing1ee](https://github.com/sing1ee)\n\nProject Link: [https://github.com/sing1ee/svg-viewer](https://github.com/sing1ee/svg-viewer) ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsing1ee%2Fsvgviewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsing1ee%2Fsvgviewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsing1ee%2Fsvgviewer/lists"}