Awesome Demos Roundup #3

The third collection of beautiful, creative experiments that we’ve found around the web.

For this third Awesome Demos Roundup we’ve collected some mesmerizing animations and artful experiments. Among them are some great ideas that will get you thinking “how was it done?” and that will make you wanna tinker with the variables. Dive in and get some inspiration for your next side project.

Enjoy!

Magnet

magnet

Particles Field

Particles-Field

Art of Noise #6

Art-of-Noise-6

Potential Flow

Potential-Flow

The Cube

The-Cube

GLSL: Looping simplex noise

GLSL–Looping-simplex-noise

React App

React-App

CSS Grid: Floor Plan

CSS-Grid–Floor-Plan

Wolfenstein: Ray Tracing On using WebGL1

Wolfenstein

Bach SVG Music Animation

Bach-SVG-Music-Animation

Lumina

Lumina

Art of Noise #8

Art-of-Noise-8

The Plastic Ocean

The-Plastic-Ocean

Model transitions

Model-transitions

Multiscale Turing Patterns

Multiscale-Turing-Patterns

Magical Light Tunnel

Magical-Light-Tunnel

Naughts and Crosses 3

Naughts-and-Crosses-3

Alien Invasion by Gal Shir : Web Animation by Kono

Alien-Invasion-by-Gal-Shir

GRASS

GRASS

Unicode art gallery – Unicode art gallery

Unicode-art-gallery

Course Clear! (Splitting.js Demo)

Course-Clear!

Floating heart

Floating-heart

Nails

nails

Whirling

Whirling

GLSL: Blinn-phong shading

Blinn-phong-shading

Chasing

Chasing

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!