Demos Hub

Our curated collection of 500+ free demos, prototypes, animations, templates, layouts, UI styles, and experimental design concepts. Download and use freely under MIT.

audio×

audio GSAP Three.js WebGL

Coding a 3D Audio Visualizer with Three.js, GSAP & Web Audio API

4 weeks ago by Filip Zrnzevic

Soundbasedimagedistortion_featured

audio distortion p5.js Sound WebGL

Audio-based Image Distortion Effects with WebGL

5 years ago by Yannis Yannakopoulos

audio Three.js visualizer webcam WebGL

How to Create a Webcam Audio Visualizer with Three.js

6 years ago by Ryota Takemoto

audio canvas visualizer

Creative Audio Visualizers

7 years ago by Yannis Yannakopoulos

audio instrument svg web audio api

Interactive Musical Instruments

9 years ago by Manoela Ilic

audio hover link video

Artsy Media Pop Up Effect

9 years ago by Manoela Ilic

From our sponsor

Codrops is hosted by Liquid Web — trusted dedicated servers built for speed and reliability. Get yours today.

audio page transition

Above & Beneath: Featured Content Layout Effect

9 years ago by Manoela Ilic

audio grid lp record player svg web audio api

Interactive Record Player

9 years ago by Manoela Ilic

audio GSAP instrument svg

How to Create an Interactive Animated SVG Drum Kit

9 years ago by Josh Ellis

Web Audio Stylophone

audio web audio api

Web Audio Stylophone

12 years ago by Stuart Memo

Audio Player: Responsive & Touch-Friendly

Responsive & Touch-Friendly Audio Player

13 years ago by Osvaldas Valutis

Old School Cassette Player with HTML5 Audio

audio cassette vintage

Old School Cassette Player with HTML5 Audio

13 years ago by Manoela Ilic