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.

canvas×

canvas distortion glsl hover menu navigation pixi.js WebGL

How to Build an Underwater-Style Navigation Using PixiJS

6 years ago by Liam Egan

canvas simplex-noise.js

Ambient Canvas Backgrounds

7 years ago by Sean Free

button canvas particles

Particle Effects for Buttons

7 years ago by Luis Goncalves

audio canvas visualizer

Creative Audio Visualizers

7 years ago by Yannis Yannakopoulos

canvas slideshow

Animated Fragment Slideshow

7 years ago by Luis Goncalves

canvas map scroll svg

Animated Map Path for Interactive Storytelling

10 years ago by Lucas Bebber

From our sponsor

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

canvas rain WebGL

Rain & Water Effect Experiments

10 years ago by Lucas Bebber

canvas slider slideshow svg

Prism Effect Slider with Canvas

10 years ago by Claudio Calautti

canvas particles

Animated Background Headers

11 years ago by Rachel Smith

background-clip canvas svg texture typography

Techniques for Creating Textured Text

12 years ago by Sara Soueidan

InteractiveParticlesSlideshow

canvas slideshow

Interactive Particles Slideshow

12 years ago by Francesco Trillini