{"id":15145823,"url":"https://github.com/arthurtent/shaderamp","last_synced_at":"2025-10-24T01:30:22.946Z","repository":{"id":191915810,"uuid":"679901171","full_name":"ArthurTent/ShaderAmp","owner":"ArthurTent","description":"Chrome extension to visualize music","archived":false,"fork":false,"pushed_at":"2024-09-09T17:48:40.000Z","size":56615,"stargazers_count":17,"open_issues_count":14,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-10-29T22:30:24.490Z","etag":null,"topics":["chrome","extension","glsl-shaders","music","music-visualizer","musicvisualization","soundcloud","spotify","visualization","youtube"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ArthurTent.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}},"created_at":"2023-08-17T22:05:57.000Z","updated_at":"2024-09-05T15:00:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"d1aaab17-c106-4b9d-b809-806ea5b9ade3","html_url":"https://github.com/ArthurTent/ShaderAmp","commit_stats":{"total_commits":113,"total_committers":5,"mean_commits":22.6,"dds":0.4513274336283186,"last_synced_commit":"908d936b90a39491ac5eed88a0589157f3483e00"},"previous_names":["arthurtent/shaderamp"],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArthurTent%2FShaderAmp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArthurTent%2FShaderAmp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArthurTent%2FShaderAmp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ArthurTent%2FShaderAmp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ArthurTent","download_url":"https://codeload.github.com/ArthurTent/ShaderAmp/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237896806,"owners_count":19383588,"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":["chrome","extension","glsl-shaders","music","music-visualizer","musicvisualization","soundcloud","spotify","visualization","youtube"],"created_at":"2024-09-26T11:43:06.987Z","updated_at":"2025-10-24T01:30:20.755Z","avatar_url":"https://github.com/ArthurTent.png","language":"TypeScript","funding_links":["https://www.patreon.com/shadertoy"],"categories":[],"sub_categories":[],"readme":"# ShaderAmp\n\nis a free browser plugin for visualizing music on any website. It works with YouTube, Spotify, Soundcloud and so on.\n\nIt started as a proof of concept project but with the help of Philipp and Eamon, we were able to create a reactified version of the original project.\n\n***Note***: We are not related to shadertoy.com and we're not the original authors of the shaders.\nWe simply adapted them to run with THREE.js and made some of them more aware of the music input.\n(The authors of the shaders might say that we've screwd them up 😅)\n\n## Example Visualization\n\n[![Example on YouTube](https://img.youtube.com/vi/5LPhK8k_xEI/0.jpg)](https://www.youtube.com/watch?v=5LPhK8k_xEI)\n\n\n## Installation\n\nIf you don't know how to install an unpacked browser extension then you might find [this link](https://developer.chrome.com/docs/extensions/mv3/getstarted/development-basics/#load-unpacked) usefull\n\nAfter installation, you will find a new extension icon which you can click to open ShaderAmp.\n\nThe latest version is now available on [Chrome Web Store](https://chromewebstore.google.com/detail/shaderamp/pbgkhemojiabmajgkcgjelgpnpoddcgl)!\n\n## Usage hints\n\n- **Use it at your own risk. We are not responsible for any damage to your hardware or data in the event of a browser crash.**\n\n- Some shaders require a **powerful** GPU in order to run smooth. If you don't have a powerful GPU, then you shouldn't run the extension in fullscreen. We recommend a 720p or max. 1080p resolution for fullscreen.\n\n- If you have multiple graphics cards, Windows/Linux/macOS always starts the browser by default on the integrated graphics card. We recommend configuring the browser to always render with the dedicated graphics card in the operating system settings.\n\n## Keys\n\nUse 'alt' + L to open ShaderAmp\n\nUse 'alt' + O to open ShaderAmp options\n\n## Development\n\n### Prerequisites\n- npm\n- node\n\n### Installing ShaderAmp dependencies\n\n```bash\nnpm install\n```\n\n### Compiling ShaderAmp\n\n```bash\nnpm run build\n```\n\n### Running the ShaderAmp in dev mode\n\n```bash\nnpm run dev\n```\n\n## Shader Credits\n\nYou will find the original shader authors in the shaders and in the [dist/shaders/README.md](dist/shaders/README.md) file.\n\n\n## How to change ShaderAmp Shortcuts\n\nShaderAmp binds per default the following shortcuts:\n- ALT + L: Open ShaderAmp\n- ALT + O: Open ShaderAmp Options\n- ALT + K: Activate the extension\n\n\nIf you want to change these shortcuts you can do so by opening\n\n`chrome://extensions/shortcuts`\n\nin your browser and change the shortcuts for ShaderAmp.\n\n![ ](screenshots/shortcuts.png)\n\n\n## Need help or got questions?\n\nJoin our Discord: https://discord.gg/yWdddj9Z5V\n\n\n## Like what you get?\n\nGive this project a ⭐ and consider becoming a [ShaderToy Patreon](https://www.patreon.com/shadertoy)\n\n\n## Thanks\n\n- Philipp and Eamon for the help with the reactification of the PoC project\n- react-three/fiber for the easy to use react-three-fiber library\n- Ricardo Cabello aka mrdoob for creating the amazing [three.js](https://threejs.org/) library and [glsl-sandbox](https://glslsandbox.com/) platform\n- Inigo Quilez and Pol Jeremias for creating the amazing [shadertoy](https://www.shadertoy.com/) platform\n- The [shadertoy](https://www.shadertoy.com/) community\n- To the original authors of the shaders \u003c3\n- To the creators of the two default videos included in the project\n- @nyancat (X/Twitter) for the permission to use NyanCat in the project (www.nyan.cat)\n- DemoScene for many years of visual inspiration\n- Nullsoft for creating [Winamp](https://www.winamp.com/)\n- And last but not least to MilkDrop for the first visualizer that really whipped the llama's ass.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\nHowever, the shaders are licensed under different licenses. Most of them are licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.\nSome are using Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License or MIT License.\nYou can find more information about the license in the [shaders](dist/shaders) folder.\nEach Shader file has a link to the original shader and the license. DO NOT REMOVE THIS INFORMATION.\n\nShaderAmp\n\u003csup\u003e\u003csup\u003eAll your BASS are belong to us!\u003csup\u003e\u003c/sup\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farthurtent%2Fshaderamp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farthurtent%2Fshaderamp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farthurtent%2Fshaderamp/lists"}