Jon Kantner | The Blog Pros

April 16, 2022

Awesome Demos Roundup #20

After a long time, we’re back with a new demos roundup! This is a hand-picked collection of the most fun, creative and impressive web experiments we found on the interwebs in the past times.

Hope you enjoy it and that you can draw some inspiration and ideas from this set!

Checkbox Animations With Indeterminate State

by Jon Kantner

High-performance Depth of Field

by Pixotronics

Super Mario Scrollable Timeline

by Adam Kuhn

Infinite scrollable and draggable (WebGL)grid

by Jesper Landberg

Audio-reactive visual with Three.js

by Francesco Michelini

Dan Flashes Complicated Shirt Generator

by Adam Kuhn

Akari 1A • Pure CSS • repeating-radial-gradient

by Aris Acoba

Crunk dancer

by Arno Di Nunzio

The post Awesome Demos Roundup #20 appeared first on Codrops.

October 28, 2020

Over the past few weeks we’ve collected some really fantastic web experiments that show that there’s simply no limit to creativity when it comes to playing with code. WebGL goodness, CSS magic and everything in between, there’s so much to explore!

I hope you enjoy this collection and that you can draw some juicy, creative inspiration from it!

Celestial Bodies

by Theo Gil

Sketches (67)

by Yi-Wen Lin

Ghost Card

by Yugam

Bongo Cat

by Eric Huber

ROYGBIV

by Oguz Eroglu

Particles Image Animation from Mathis Biabiany’s website

by Yuri Artiukh

3D CSS Letter Transition

by Adam Kuhn

Waveform Visualiser

by Yugam

Animated clip-path slider Concept

by Jake Whiteley

CSSometric

by Ryan Mulligan

Link hover animation

by Aaron Iker

Nowhere (a CSS 3D Scene)

by Jon Kantner

Pure CSS Product Card

by Adam Kuhn

Rainbow Hypercube

by Louis Hoebregts

Totem animals

by Anthony

Toggle Switch with a Hole Handle

by Jon Kantner

Hex Tunnel

by Marius Ballot

PureCSS Character

by Diana Smith

Real-time raytracing with WebGL

by Dre

WebGL Slider Interaction

by Sikriti Dakua

Galaxy Simulation

by Angela He

Dreaming of Jupiter

by isladjan

Metallic Fluid

by Scott Darby

Ceramic

by Fabio Ottaviani

Orion’s Galaxy

by Jhey Tompkins

3D Room (pure CSS)

by Ricardo Oliva Alonso

Arrow

by Fabio Ottaviani

100 divs – Dragon

by Cassie Evans

Noisy Blob

by Sikriti Dakua

Crystal planet

by Pavel Boytchev

Mirrors

by Marco Ludovico Perego

Three.js lines

by Yuri Artiukh

Voronoi Pebbles

by James Hancock

Sombras.app

by Javier Borquez

LED Switch

by Jon Kantner

CSS Only Room Escape Game

by Takane Ichinose

Responsive “Cool” Steps

by Jhey Tompkins

Alter

by Yuin Chien

Candy Ring Preloader

by Jon Kantner

3D Modern House

by Ricardo Oliva Alonso

Duo

by ycw

Wind chimes

by Emmanuel Durgoni

Space Knot

by Jameson Tucker

CSS Vintage VW Bug

by Shunya

Coder in the swamp

by Arno Di Nunzio

The post Awesome Demos Roundup #18 appeared first on Codrops.

January 8, 2020

Awesome Demos Roundup #12

From sound experiments to exquisite shapes, from Christmas themes to 3D dreams —our latest demos collection is nothing short of spectacular and glorious. Despite the past weeks being busy, full of end-of-year deadlines and packed schedules, creativity in the geeky coding web world has not suffered, to the contrary! So much amazing stuff was made!

We hope you enjoy this first awesome demos selection of 2020 and get inspired to create something fun.