Awesome Demos Roundup #6

The sixth edition of our creative web experiments roundup that collects the most interesting demos from around the web.
DemosRoundup6

From our monthly sponsor: Automate manual QA and catch visual bugs with Percy’s all-in-one visual testing and review platform.

Amazing code has been crafted this past month: from pixel works to astonishing CSS art, to magnificent fluids and musical window resize fun. Posing like a rockstar or firing lasers, there’s something creative for everyone in this collection of original experiments from around the web.

We hope you enjoy this collection as much as we do!

Webcam Air Guitar

Airguitar

Agency website POC

AgencywebsitePOC

Poster generator

Pixelshapes

Lasers

Lasers

Uni

Uni

CSS-only Animated Lantern

CSS-onlyAnimatedLantern

Variable Fonts | Compressa

VariableFonts

[wip] motion blur transition

wipmotionblurtransition

Zdog and Goo

ZdogandGoo

shape-outside

shape-outside–Face

React World!

ReactWorld!

DOODLE-PLACE

DOODLE-PLACE

Blood

Blood

Ocean

Ocean

Six circles – bees & bombs

sixcircles-bees&bombs

Web Camera 02

Webcam

Reaction Tiles

ReactionTiles

Pure CSS Only Portrait – Isla

PureCSSOnlyPortrait-Isla

Accumulation

Accumulation

Rock God Pose

Rockgodepose

AI Assistant Blob

AIAssistantBlob

Falling City

FallingCity

Crystal

crystal

Variable font animation

Variablefontanimation

Fluid Drive

fluiddrive

CSS Grid: Coupons!

CSSGridCoupons

The Kabaa Project

TheKabaaProject

Dots Loader

DotsLoader

Drag & Drop

Drag&Drop

Pipes w/ Zdog + GSAP

PipeswZdogGSAP

Fluids Geometry

fluids

Galaxy

threejs_postprocessingGalaxy

Upload Play & Pause animation

UploadPlay&Pauseanimation

Space Shooter game

SpaceShootergame

Musical Particles III

MusicalParticlesIII

Only CSS: Infinite Wave ?

InfiniteWave

Popup Trombone

PopupTrombone

Atomize

Atomize

Pure CSS Katy

Katie

3D Particle Tornado

Tornado

Blurry cat and trees

cat

Previous Roundups

Tagged with:

ML is a freelance web designer and developer with a passion for interaction design. She studied Cognitive Science and Computational Logic and has a weakness for the smell of freshly ground peppercorns.

http://www.codrops.com

Receive our bi-weekly Collective or official newsletter right in your inbox.

CSS Reference

Learn about all important CSS properties from the basics with our extensive and easy-to-read CSS Reference.

It doesn't matter if you are a beginner or intermediate, start learning CSS now.