{"id":15146531,"url":"https://github.com/likethemammal/css-visualizer","last_synced_at":"2025-10-24T01:30:56.528Z","repository":{"id":13754279,"uuid":"16448899","full_name":"likethemammal/css-visualizer","owner":"likethemammal","description":"Visualizers made entirely from DOM elements and CSS3 Animations and Transforms.","archived":false,"fork":false,"pushed_at":"2019-04-10T02:55:58.000Z","size":81509,"stargazers_count":158,"open_issues_count":4,"forks_count":14,"subscribers_count":16,"default_branch":"master","last_synced_at":"2024-10-29T22:31:16.686Z","etag":null,"topics":["audio-data","css3-animations","dom-manipulation","music-visualizer","soundcloud-api","webaudio-api"],"latest_commit_sha":null,"homepage":"https://likethemammal.github.io/css-visualizer/iframe.html?id=visualizer--default","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"airbnb/javascript","license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/likethemammal.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":"2014-02-02T04:33:07.000Z","updated_at":"2024-10-19T18:45:42.000Z","dependencies_parsed_at":"2022-08-31T02:01:02.502Z","dependency_job_id":null,"html_url":"https://github.com/likethemammal/css-visualizer","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/likethemammal%2Fcss-visualizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/likethemammal%2Fcss-visualizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/likethemammal%2Fcss-visualizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/likethemammal%2Fcss-visualizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/likethemammal","download_url":"https://codeload.github.com/likethemammal/css-visualizer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237901410,"owners_count":19384384,"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":["audio-data","css3-animations","dom-manipulation","music-visualizer","soundcloud-api","webaudio-api"],"created_at":"2024-09-26T12:02:06.911Z","updated_at":"2025-10-24T01:30:51.015Z","avatar_url":"https://github.com/likethemammal.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CSS (Animated) Music Visualizer\n\nA set of visualizers animated entirely using DOM elements and CSS3 Animations and Transforms. **No SVG, Canvas, WebGL, or plug-in**.\n\nEverything is a `\u003cdiv\u003e`.\n\n[**Live Demo**](https://likethemammal.github.io/css-visualizer/iframe.html?id=visualizer--default)\n\n![CSS Visualizer - Hexagon Mode](https://raw.githubusercontent.com/likethemammal/css-visualizer/7214f9eb1b37496006896cd1083d74387e97a9ec/imgs/screenshot.png)\n\n![CSS Visualizer - Bars Mode](https://i.imgur.com/WkTcNR5.png)\n\n## About\n\nUses the Web Audio API to decode audio data.\n\n* [Soundcloud API](https://developers.soundcloud.com/)\n* [visualizer-micro](https://github.com/likethemammal/visualizer-micro)\n\n## Todo:\n\n* Chromecast support (doesnt support mp3s)\n* Other visualizations\n\n## License\nLicensed under Apache License 2.0.\n\n[@Likethemammal](https://twitter.com/likethemammal)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flikethemammal%2Fcss-visualizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flikethemammal%2Fcss-visualizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flikethemammal%2Fcss-visualizer/lists"}