In Tutorials, by Filip Zrnzevic
A music-driven visualizer where a glowing 3D orb pulses and spikes to the beat while GSAP-draggable panels drift around it with smooth, inertia-powered motion.
In Tutorials, by Tiago Canzian
Learn how to build a particles music visualizer in Three.js, with techniques covering audio synchronization and 3D visual effects, inspired by ARKx’s work for Coala Music’s website.
In Playground, by Yannis Yannakopoulos
Some experiments that show how to make audio-based distortion effects on images with p5.js and its sound library.
In Tutorials, by Ryota Takemoto
A tutorial on how to create a Three.js powered audio visualizer that takes input from the user’s webcam.
In Playground, by Yannis Yannakopoulos
An exploration of modern, line-style sound visualization powered by p5.js and its p5.sound library.
In Playground, by Manoela Ilic
Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content.
In Playground, by Manoela Ilic
A fun experiment with proof-of-concepts for various simple media pop ups on hover or touch. The idea is to show images, videos or other media in a pop up style with different effects.
In Playground, by Manoela Ilic
A landing page template with a featured content section and background sounds that change according to the view.
In Playground, by Manoela Ilic
An experimental template with an interactive old school record player powered by the Web Audio API.
In Tutorials, by Josh Ellis
A tutorial on how to create an animated and interactive SVG drum kit with GSAP and jQuery.
In Tutorials, by Stuart Memo
Get started with the Web Audio API by learning how to recreate the classic miniature synthesizer.
In Playground, by Osvaldas Valutis
A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used.
In Playground, by Manoela Ilic
Vintage format meets modern web tech: an HTML5 audio player with realistic controls. Today we want to share an audio player with you that looks like an old school music cassette.
In Playground, by Tyler Craft
Today we’ll share an audio slideshow with you, i.e. a slideshow that will be synced with some audio. We are using the open source audio framework jPlayer.
In Tutorials, by Jay Salvat
In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.
In Playground, by Manoela Ilic
Today we want to share a simple website template with you. The template will show some discography or music albums in a rounded fashion, rotating the albums when clicking on […]
In Playground, by Manoela Ilic
Today we want to share a music portfolio template with you. The idea is to create an artist portfolio with a discography line up and HTML5 audio player jPlayer. The […]
In Playground, by Manoela Ilic
This multimedia gallery for images, video and audio is a progression of our previous galleries. The idea for this new gallery is to integrate video and audio as exhibit pieces […]
