/css-visualizer

Visualizers made entirely from DOM elements and CSS3 Animations and Transforms.

Primary LanguageJavaScriptApache License 2.0Apache-2.0

CSS (Animated) Music Visualizer

A set of visualizers animated entirely using DOM elements and CSS3 Animations and Transforms. No SVG, Canvas, WebGL, or plug-in.

Everything is a <div>.

Live Demo

CSS Visualizer - Hexagon Mode

CSS Visualizer - Bars Mode

About

Uses the Web Audio API to decode audio data.

Todo:

  • Chromecast support (doesnt support mp3s)
  • Other visualizations

License

Licensed under Apache License 2.0.

@Likethemammal