Awesome Demos Roundup #7

The seventh edition of our monthly demos roundup that will get your creative coding juices flowing.

So many awesome work has been done over the past month! There’s lots of demos and experiments that will make your jaw drop, that’s for sure. From procedurally generated CSS numbers to amazing CSS animations, there’s much to explore and wonder about.

We hope you enjoy this creative compilation!

Dandelion

Dandelion

Anime inspired self portrait

Anime-inspired-self-portrait

Walking Sprites Demo

Walking-Sprites-Demo

Ghibli Slider

Ghibli-Slider

∞ Loader animation

Loader-animation

Analog Clock in Three.js

Analog-Clock-in-Three

Toast Pop!

Toast-Pop

Wobbly underline

Wobbly-underline

Plasma

Plasma

Liquidfun

ShakeLiquidWindow

Kalli Hero

Kalli-Hero

Highway Race

Highway-Race

Cassie!

Cassie

anime.js grid staggering demo

AnimeJSStaggering

Distortion and Parallax Shader

DistortionParallaxShader

Fireworks

Fireworks

Grid Jr. (Web Audio API + Canvas visualizer)

Grid-Jr.-Web-Audio-API-+-Canvas-visualizer

Paint Drop Hover

Paint-Drop-Hover

Fishing Game

Fishing-Game

Clip Clop Clippity Clop

Clip-Clop-Clippity-Clop

Text by circles

Text-by-circles

Social Links Cube (PlayCanvas)

Social-Links-Cube-PlayCanvas

Color Search w/ React Hooks

Color-Search-wReact-Hooks

React Slider w/ Hover Effect

React-Slider-wHover-Effect

30 – 50 hogs

30—50-hogs

GLSL: 3D rotational spatial modification

GLSL-3D-rotational-spatial-modification

Procedurally Generated CSS Numbers

Procedurally-Generated-CSS-Numbers

Plibt

plibt

Glitched circles

glitched-circles

ThreeJS Hover Zoom Channel Displacement

ThreeJS-Hover-Zoom-Channel-Displacement

react-three-fiber: suspense + GLTF loader

threejs_PaulHenschel

Manoela Ilic

Manoela is the main tinkerer at Codrops. With a background in coding and passion for all things design, she creates web experiments and keeps frontend professionals informed about the latest trends.

Stay in the loop: Get your dose of frontend twice a week

Fresh news, inspo, code demos, and UI animations—zero fluff, all quality. Make your Mondays and Thursdays creative!