{"id":17683422,"url":"https://github.com/haixiangyan/guitar-tabs-editor","last_synced_at":"2025-08-20T08:31:51.984Z","repository":{"id":42117500,"uuid":"124813421","full_name":"haixiangyan/guitar-tabs-editor","owner":"haixiangyan","description":"🎸 A portable guitar tabs editor 🎼 based on react.js, inspired by Markdown and LaTex.","archived":false,"fork":false,"pushed_at":"2023-01-25T03:36:47.000Z","size":2509,"stargazers_count":173,"open_issues_count":22,"forks_count":31,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-07T12:21:47.397Z","etag":null,"topics":["guitar-component","guitar-editor","react","react-components"],"latest_commit_sha":null,"homepage":"https://github.yanhaixiang.com/guitar-tabs-editor/","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/haixiangyan.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}},"created_at":"2018-03-12T00:38:29.000Z","updated_at":"2025-03-24T02:52:33.000Z","dependencies_parsed_at":"2023-02-01T15:46:31.892Z","dependency_job_id":null,"html_url":"https://github.com/haixiangyan/guitar-tabs-editor","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/haixiangyan/guitar-tabs-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haixiangyan%2Fguitar-tabs-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haixiangyan%2Fguitar-tabs-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haixiangyan%2Fguitar-tabs-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haixiangyan%2Fguitar-tabs-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/haixiangyan","download_url":"https://codeload.github.com/haixiangyan/guitar-tabs-editor/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/haixiangyan%2Fguitar-tabs-editor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271287619,"owners_count":24733424,"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","status":"online","status_checked_at":"2025-08-20T02:00:09.606Z","response_time":69,"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":["guitar-component","guitar-editor","react","react-components"],"created_at":"2024-10-24T09:45:24.827Z","updated_at":"2025-08-20T08:31:51.632Z","avatar_url":"https://github.com/haixiangyan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Guitar-Editor\n\nA portable guitar editor is coded based on react.js, inspired by Markdown and LaTex.\n\nThe chords and tab paragraphs components are based on `\u003csvg/\u003e` tech.\n\nTwo components that related to this projects are published to npm. If you are interested in how to develop a guitar chord with React.js, please check them\n* [react-guitar-lyrics](https://github.com/Haixiang6123/react-guitar-lyrics)\n* [react-chord-generator](https://github.com/Haixiang6123/react-chord-generator)\n\n## Demo\n\n[Click here to see the demo](https://haixiang6123.github.io/guitar-tabs-editor/#/)\n\n## ScreenShot\n![Home page](./Screenshots/Home.png)\n\n![Preview page](./Screenshots/Preview.png)\n\n![Tips pop](./Screenshots/Tips.png)\n\n## Directory\n\n```tree\n├── README.md\n├── Screenshots         # Screen shots\n├── package-lock.json\n├── package.json\n├── public\n├── src                 # Source codes\n└── yarn.lock\n```\n\n## How to run\n\n```bash\n$ npm install\n\n$ npm start\n```\n\n```$xslt\n$ npm run build         # To build this project\n```\n\n## Future\n\nThis project is written in the period of my final week, so there are some parsing parts that are not the most optimized one.\nFor example, if you type really fast in the `\u003ctextarea/\u003e` element, the editor might have some 'stuck' behaviors.\n\nIf you are interested in this guitar editor, please help me to improve the parsing part.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaixiangyan%2Fguitar-tabs-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhaixiangyan%2Fguitar-tabs-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaixiangyan%2Fguitar-tabs-editor/lists"}