{"id":28319524,"url":"https://github.com/gokulcodes/gamuts","last_synced_at":"2026-05-08T04:48:49.310Z","repository":{"id":294777348,"uuid":"988017796","full_name":"gokulcodes/gamuts","owner":"gokulcodes","description":"A simple tool that lets you sketch diagrams quickly with a hand-drawn feel and then transforms them into polished, professional-looking images perfect","archived":false,"fork":false,"pushed_at":"2025-05-29T06:31:26.000Z","size":1576,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-29T07:41:49.642Z","etag":null,"topics":["canvas","drawing-app","reactjs","vite"],"latest_commit_sha":null,"homepage":"https://gamuts.netlify.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/gokulcodes.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-05-21T23:53:08.000Z","updated_at":"2025-05-29T06:31:29.000Z","dependencies_parsed_at":"2025-05-26T02:03:54.098Z","dependency_job_id":null,"html_url":"https://github.com/gokulcodes/gamuts","commit_stats":null,"previous_names":["gokulcodes/gamuts"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gokulcodes/gamuts","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gokulcodes%2Fgamuts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gokulcodes%2Fgamuts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gokulcodes%2Fgamuts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gokulcodes%2Fgamuts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gokulcodes","download_url":"https://codeload.github.com/gokulcodes/gamuts/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gokulcodes%2Fgamuts/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261269984,"owners_count":23133466,"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","drawing-app","reactjs","vite"],"created_at":"2025-05-25T09:11:02.277Z","updated_at":"2026-05-08T04:48:49.289Z","avatar_url":"https://github.com/gokulcodes.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## gamuts\n\nA simple tool that lets you sketch diagrams quickly with a hand-drawn feel and then transforms them into polished, professional-looking images perfect.\n\n### Requirements:\n\n- Free hand drawing tool\n  - Edit options\n    - Drawing style\n    - Line width\n    - color / gradients\n- Shapes - Circle, Rectangle, Rounded Rectangle, Pentagon, Hexagon, Lines, Arrows\n  - Operations:\n    - Reshape\n    - Rotate\n    - Color change\n    - Connect multiple shapes\n    - Create shapes while connecting\n    - Highlight selected shape\n    - Insert text inside the shape\n  - Edit options\n    - Circle\n      - Background color\n      - Stroke Color\n      - Stroke Style\n      - Stroke Width\n    - Rectangle / Pentagon / Hexagon\n      - Backgorund color\n      - Border radius\n      - Border style\n      - Border width\n    - Lines\n      - Line color\n    - Arrows\n      - Arrow head types\n      - Color\n- Frames\n\n  - Export options - pdf, svg, jpg\n  - Group creation\n\n- Text\n  - Font style\n  - Font color\n  - Background color\n  - Font size\n  - Resize\n  - Rotate\n- Image\n  - Drop images\n  - Resize\n  - Radius\n  - Filters\n    - Blur\n    - HUE\n    - Brighen\n    - Invert\n    - Saturation\n    - Noise\n    - Contrast\n    - Grayscale\n  - Crop\n- Infinite Canvas\n- Erase\n- Delete shapes / selections\n- Group selections\n- Copy\n- Cut\n- Paste\n- Undo/Redo\n\n- Video editing mode\n  - Create a scene\n  - Timeline\n  - Frame on each time\n  - Export - Mp4\n\nArchitecture:\n\n- ToolBar\n\n  - Rectangle\n  - Circle\n  - Polygon\n  - Text\n  - Line\n  - Arrow\n  - Pen tool\n  - Image\n  - Eraser\n\n- Zoomer\n\n  - ZoomOut\n  - ZoomIn\n  - Percentage\n\n- Export\n\n  - Will be visible on any item selected\n  - PDF, SVG, PNG, JPG\n\n- OptionsBar - Visible when any shape is selected inside the canvas\n\n  - Connectors - Helps to create connections between shapes\n  - Position will be above the selected object\n  - Provides appropriate edit options for the selected item\n\n- Undo/Redo Bar\n\nData Modal:\n\n- Structures\n\nInterfaces:\n\nOptimization:\n\n### TODO:\n\n- Create shapes using drag - Done\n- Import images using drop - Done\n- Insert text view\n- Insert text inside rect, circle, triangle, shape\n- Select multiple object using mouse drag selection\n- customization for arrows, lines, pen tool, text\n- customize cursor with appropriate tool's image on cursor movement\n- implement zoom with react-konva itself. remove another package for infinite zoom\n- Shape specific options bar\n- keyboard shortcuts\n- context menu\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgokulcodes%2Fgamuts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgokulcodes%2Fgamuts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgokulcodes%2Fgamuts/lists"}