likethemammal/css-visualizer

Stars
152
Rank 244,685 (Top 5 %)
Language
JavaScript
License
Apache License 2.0
Created almost 11 years ago
Updated over 5 years ago

likethemammal/css-visualizer

likethemammal

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

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>.

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.

daisywheeljs

The Steam "Big Picture" Daisywheel ported to JS and CSS. Supports Gamepad API.

visualizer-micro

A JS micro library for just the getSpectrum and getWaveform methods from Dancer.js, using Web Audio API.

awesome-overwatch

A curated collection of official Overwatch links, community repos, Codepens, and extensions.

gamepad-micro

Micro library that interfaces with the Gamepad API and publishes gamepad update events.

scalablejs

Automatically scales any web app perfectly. For realzies, good dealzies.

electron-ffmpeg-example

Example of Electron quick start and ffmpeg setup

overwatch-table

A React component modeling the Overwatch custom game table element

overwatch-settings-select

A React component modeling the Overwatch Settings select/dropdown element

overwatch-side-nav

A React component modeling the official Overwatch website side-navigation

react-native-arcade-button

🕹️ Arcade button component for React Native

SockSingles

Sock exchange site made for Static Showdown using React.js

overwatch-settings-stepper

A React component modeling the Overwatch Settings the stepper and toggle UI elements

dva-heart-emote

A WebGL remake of the heart container animation from D.Va's emote

php-to-js_api

Boilerplate for setting up a simple API using AJAX and a PHP backend.

site

My personal site

SavePoint

Chrome extension that saves the page scroll and snaps it back when desired.

react-native-redux-webpack-example

Example of a react-native component rendered with react-native-web

osrc-widget

A widget version of the graphs that get generated from http://osrc.dfm.io/

top_stream_sc

dont worry bout it

top_stream

group-dev-blog

Group Dev Blog using Github Pages and Jekyll

overwatch-general

General elements needed in multiple Overwatch component projects

reacttalk

React, Flux, and a little Redux (Talk for GNV JS Meetup)

Leap-Boilerplate

Basic boilerplate for the leap.js library that visualizes when leap gestures fire.

sharkr

Bookmarklet that revealed the theme on Grooveshark profile pages

play-unity-test

vember

A set of experiments using canvas-sketch and Three.js

general-components

General components for projects

HELPeR

Utility of regularly used helper functions.

no

fabrica-challenge

Created with CodeSandbox

sunset-kdenlive-generate

ProjectNegative

First HTML5 game I ever made. No libraries or frameworks, just pure Javascript.