GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - likethemammal/css-visualizer: Visualizers made entirely from DOM elements and CSS3 Animations and Transforms.

BranchesTags
Open more actions menu

Latest commit

 

History

103 Commits
103 Commits

Folders and files

NameName
Last commit message
Last commit date
.storybook
.storybook
 
 
src
src
 
 
.gitignore
.gitignore
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 

Repository files navigation

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.

  • Soundcloud API
  • visualizer-micro

Todo:

  • Chromecast support (doesnt support mp3s)
  • Other visualizations

License

Licensed under Apache License 2.0.

@Likethemammal

About

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

likethemammal.github.io/css-visualizer/iframe.html?id=visualizer--default

Topics

audio-datacss3-animationsdom-manipulationmusic-visualizersoundcloud-apiwebaudio-api

Resources

Readme
Apache-2.0 license
Activity

Stars

159 stars

Watchers

14 watching

Forks

12 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.