Awesome Demos Roundup #2

The second edition of our collection of creative demos and experiments for your inspiration.
AwesomeDemosRoundup2_featured

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

In our second Awesome Demos Roundup we are featuring some great experiments including pure CSS goodness and WebGL wonders. Play evolution with Matthew Main’s “Kiss The Sky” or swing the racket in Jon Slater’s “CSS Only Tennis Game”. But above all, we hope you get inspired with this little selection.

Enjoy!

Morphed Sphere

Morphed-Sphere

Shooting Star

Shooting-Star

Bubbles (CodePen Circles Challenge)

bubbles

Randomly generated Pure CSS menu icons w/ markup and SCSS

Randomly-generated-Pure-CSS-menu-icons

Blob study

blobstudy

Loader turbulence

Loader-turbulence

Particles

Particles
Check out this tweet.

Blobby hill

blobby-hill

Portal

Portal

Our new land [SVG]

our-new-land-[SVG]

Polygon Surface

Polygon-Surface

WebGL Wonderland #5

WebGL-Wonderland-#5

Kiss The Sky

Kiss-The-Sky

WebGL Wonderland #7

WebGL-Wonderland-#7

Displacement Scroll

Displacement-Scroll

Trippy polygons

Trippy-polygons

CurveBall

CurveBall

CSS Scroll Snap: How Do I Look In This?

CSS-Scroll-Snap–How-Do-I-Look-In-This-

Waterfall

Waterfall

Physarum #5

physarum-#5

View the Github repo.

CSS Only Tennis Game

CSS-Only-Tennis-Game

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.