css-visualizer icon indicating copy to clipboard operation
css-visualizer copied to clipboard

Published 20 hours ago • verified publisher icon likethemammal
→

Metadata

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

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

← Metadata

156
Stars
14
Forks
Watchers

Owner

verified publisher icon likethemammal

Metadata

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

Back