{"id":26276513,"url":"https://github.com/danferns/svelte-piano","last_synced_at":"2025-07-30T09:41:38.869Z","repository":{"id":40653806,"uuid":"451348257","full_name":"danferns/svelte-piano","owner":"danferns","description":"A minimal piano interface built with Svelte","archived":false,"fork":false,"pushed_at":"2023-02-08T11:30:40.000Z","size":155,"stargazers_count":6,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-31T02:34:42.907Z","etag":null,"topics":["piano-keyboard","svelte","svelte-component","svelte-piano"],"latest_commit_sha":null,"homepage":"https://svelte.dev/repl/d0db1849a7f24d22a8dcc5b5a1a2b1bf?version=3.46.2","language":"Svelte","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/danferns.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":"2022-01-24T06:48:38.000Z","updated_at":"2024-08-24T15:16:34.000Z","dependencies_parsed_at":"2022-07-15T22:00:46.328Z","dependency_job_id":null,"html_url":"https://github.com/danferns/svelte-piano","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danferns%2Fsvelte-piano","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danferns%2Fsvelte-piano/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danferns%2Fsvelte-piano/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danferns%2Fsvelte-piano/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/danferns","download_url":"https://codeload.github.com/danferns/svelte-piano/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252761801,"owners_count":21800213,"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":["piano-keyboard","svelte","svelte-component","svelte-piano"],"created_at":"2025-03-14T11:18:18.510Z","updated_at":"2025-05-06T20:22:23.306Z","avatar_url":"https://github.com/danferns.png","language":"Svelte","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Svelte Piano\n\nThis is a minimal piano interface built with Svelte.\n\n![Screenshot of piano](./screenshot.png)\n\n## Demo\n\nYou can play around with the code on the [Svelte REPL](https://svelte.dev/repl/d0db1849a7f24d22a8dcc5b5a1a2b1bf?version=3.46.2). \n\nFor a more complete demo, you can also check out [@oscarhermoso](https://github.com/oscarhermoso)'s fork featuring support for external MIDI devices [here](https://github.com/oscarhermoso/svelte-piano).\n\n## Features\n\n-   The black keys are slightly shifted like in a real piano!\n-   Supports both mouse and touch devices.\n-   Uses standardized MIDI note numbers\n\n## Documentation\n\nTo generate the UI, just import the [`Keyboard`](./src/components/Keyboard.svelte) component, and optionally specify the number of `octaves` you want, and the MIDI note number of the `middleC` note.\n\nWhen a note is pressed, or released, it fires the `noteon` and `noteoff` events respectively. The `event.detail` property is the note number.\n\nYou can find a minimal example in [`App.svelte`](./src/App.svelte).\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanferns%2Fsvelte-piano","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanferns%2Fsvelte-piano","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanferns%2Fsvelte-piano/lists"}