collection | The Blog Pros

December 26, 2019

Inspirational Websites Roundup #11

Our last inspirational websites collection this year is packed with some truly astonishing designs that shine with their exquisite colors and typography and that make use of some delicate motion design, implemented to perfection.

We hope you enjoy this grand finale of this year’s website designs and move smoothly into 2020!

SOS Violence Conjugale

Alex Pierce

Limnia

Mouthwash

GIN NO MORI

CRRTT

LOOP

Allo Floride

DDD HOTEL

Longshot Features

Esperanto

Ólafur Arnalds

Yuto Takahashi

Trip in the dark

DMC2019

Mii Studio

Taro Yoshimura

Fuego Camina Conmigo

David William Baum

plink

CANALS

Sterling

Elena Saharova

Dmitry Zyuzin

Steer the Deer

toonami

Max Mara

FPP

Creative Studio Uniel

Maxilla

Makers & Dreamers 2019

Ultraviolet Way

Obys

Inspirational Websites Roundup #11 was written by Mary Lou and published on Codrops.

December 4, 2019

Awesome Demos Roundup #11

Some quite amazing web experiments were born in the past couple of weeks and we want to make sure that we collect them all for you so that you don’t miss any great demos out there. We hope this collection inspires you and gives you a pleasurable overview of the current creativity flow among developers. Enjoy!

Race Car Island

Perspective

nurbsTest

Image to Pin Point Impression

sheen

Pokéfolio

Geometric (2019)

Pure CSS Russian Bears

Frozen globe

Turn on your microphone to enjoy this experiment:

jiggles

Glitchy text w/ Splitting.js

Pattern Recognition 3

Unrailed

Skull

voxel disp by video

Meet Andre

Password Guide

Tetris + Snake

Dual Triangle Preloaders

Curve Typo

Plane Trails

Pure CSS CYBRTRK

blader runner

FREE DELAUNAY

Cool CSS Underline Effects

WebGL slideshow & ui navigation buttons with curtains.js

Fifth Avenue

Toggle Switch with Rolling Label

Realistic 3D Photo Cards (Hover Effect, Vue.Js)

spiral

Holiday CSSweater Generator

Interactive Hippo Button

Touch down at Berlin Tegel using the ArcGIS API for JavaScript and Anime.js

Awesome Demos Roundup #11 was written by Mary Lou and published on Codrops.

November 20, 2019

Inspirational Websites Roundup #10

Here’s a little collection to get you out of your creative slump. These lush new websites shine with their clean typography and their perfect balance of colors and shapes. Some are truly unique in the way of getting their message accross, be it with layout effects or fluid surprises. We hope to get you inspired and updated on the current trends! Enjoy!

Folio of Alex van Zijl

Francesco Michelini

Princeton University Press

The story of the white tower

Editorial New

Discovery Land Company

Martin Laxenaire

Spatzek Studio

Digital Design Days

Soletanche Bachy

Bruno Simon

Flavien Guilbaud

Wecargo

Universal Sans

Castor & Pollux

Keio University

CM-Tourisme

D.Potfer Studio

Myles Nguyen

Beauvoir

Born & Bred

Reform Collective

UT

Bruno Arizio

Jakub cech

HAJINSKY Magazine

Andstudio

Akaru

Inspirational Websites Roundup #10 was written by Mary Lou and published on Codrops.

November 12, 2019

Awesome Demos Roundup #10

It’s really hard for us to keep up with the incredible pace of web creatives who bring out fantastic demos and experiments. This collection is yet another attempt to showcase what we believe to be the most inspiring demos that were released in the past couple of weeks. With #codevember and the arrival of GSAP 3, there’s lots of wonderful demos we can indulge into. We hope you enjoy this little roundup and pamper the creative coder in you!

Mandelbrot in box-shadow

GSAP 3 ETC Variable Font Wave

CSS Whack-a-Mole

react-three-fiber untitled game

Bringing text to life v4

A matter of gravity

Web Graphics Experiments 32

Saturn

Credit Card Form

Synthwave

Web Graphics Experiments 33

2 de Noviembre – Día de Muertos

Generative Haunts

Wire Typo

rupee in threejs

circle packing

Voronoi Malonie

dune buggy

seastorm

Fast and Slow | Vintage Projector Animation

Inspect This Snake

react-three-fiber demo

PureCSS Lace

BenDover

light

Steam spooky house

OK

CSS Grid: Restaurant Website

Flocked

GLSL STUDY 7

Infinity Machine

#codevember AI snake!

DConstruct

Awesome Demos Roundup #10 was written by Mary Lou and published on Codrops.

October 17, 2019

Awesome Demos Roundup #9

This latest collection of awesome demos is full of creative surprises and amazing experiments. From innovative typography effects to neon lights and superb UI components; there’s lots of new things to explore and marvel at. So we invite you to delve into this demo collection and get inspired.

We hope you enjoy this roundup!

Pure CSS Cake 100×50 Game

Simple drag and drop example

Procedural Mountains

Corpses

Endless Shape Runner of Few Lines

Everything And Remember

3D Floating Typo

Bolt loader animation

upside down

Delaunay Stripes

Raindrop

HSL Slider w/ React + CSS vars

pinball like sparklers

rgbShiftSlider

80’s

Multi Step Bootstrap Form with animations

Paper Quilling Art

Pure CSS Book Loader

Animated Verbs III

WebGL Wavy Image Hover Reveal (TWGL)

Arrows Defense Game

Slinky Loader

Revelation

3D Boxes Loader CSS only

Rubber Slider

Sketches – 60

jonquil

Directionally blooming words

Download Button Animation

ctrlz

soothe

Interior Visualization

lights

Sketches – 61

CSS Rock-Paper-Scissors

Voronoi Slices

A LONG WAY

chaos-ink

Madness

MSDF Matcap metallic type

Balloon Slider

Bringing text to life

Awesome Demos Roundup #9 was written by Mary Lou and published on Codrops.

October 9, 2019

Inspirational Websites Roundup #9

Last month has been a very productive and creative one! So many wonderful web experiences were born and we are very happy to show you our latest picks. Some designs really stand out with their bold concept while others maintain a classic elegance with a twist. Either way we hope you enjoy this collection and get inspired!

Purple Rock Scissors

Design Embraced

Danilo De Marco

Pioneer – Corn. Revolutionized.

Web Design Conference Tokyo

Vladimir Gruev

Active Theory

Harvard Film Archive

Déplacé Maison

100,000 AI-Generated Faces

Helias Oils

Zhenya Rynzhuk

24HourAce

Our Mission – Dopper

Julio Cesar

Rogue Creative Studio

Chipsa

Rand

Marie Weber

Guide to Polish Design

Work Responsibly

OBSOLETE

Hello Monday

Voila

Waka Waka

2nd STREET USA

Pitch

Red Edition

Lafaurie Paris

Cobo

Lookbook 2019-2020 Kalenji

Inspirational Websites Roundup #9 was written by Mary Lou and published on Codrops.

September 11, 2019

Awesome Demos Roundup #8

The past month has been full of creative experimentation including WebGL goodness and lots of exciting animations, variable fonts playfulness and CSS layout magic. There’s much to discover and learn from.

We hope you enjoy this demo collection and get inspired!

Strandbeest walk

Blurry

Call to Action Hype Man

Sphere of Boxes

Rainbow Animation (RAF + Responsive)

Fork This Nav

Day/Night Ambient Light Animation

Mitosis

Tunnel

Animated Verbs

Tornado

Animated Portrait w/ GSAP 2.0

Color this sofa! – SVG + Blend Mode trick

Polygon Tree

Delaunay

Zdog Colour Tunnel

Sorry not Sorry

Sloping heart

Stencil

Calculating PI Using Raindrops

Color Collision

Sketchpad

3D Switch animation

Sunbeams

Exploding Points

Enigma machine

Energy

Animated Verbs II

CSS Grid: Magazine Layouts

Pixi Sprite Bubbles

burn

Shaded islands

Order confirm animation

Fix posture

Dissolve

Awesome Demos Roundup #8 was written by Mary Lou and published on Codrops.

September 5, 2019

Inspirational Websites Roundup #8

Over the past month we have collected some fresh websites for you, and what a breezy summer collection it is! Big, bold and full of character, these are the ideas behind the latest creations.

We’re happy to present you yet another roundup, please enjoy!

Veley / Ross

Pierre Mouchan

Dorian Lods

Binst Architects

BURO

Igor Mahr

Aristide Benoist

QI Catalog

Collate

Bahaa Samir

Thibaud Allie

Der Mast

Mynrd

Save whales

Denim

Blowfire

Bon Iver

Collage Crafting

Leon Sans

#VIOLENCEisnotmyculture

Autoneum Acoustic Garage

Decisive

Cahn Wilson

LIFULL DESIGN

Inspirational Websites Roundup #8 was written by Mary Lou and published on Codrops.

August 15, 2019

Awesome Demos Roundup #7

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

Anime inspired self portrait

Walking Sprites Demo

Ghibli Slider

∞ Loader animation

Analog Clock in Three.js

Toast Pop!

Wobbly underline

Plasma

Liquidfun

Kalli Hero

Highway Race

Cassie!

anime.js grid staggering demo

Distortion and Parallax Shader

Fireworks

Grid Jr. (Web Audio API + Canvas visualizer)

Paint Drop Hover

Fishing Game

Clip Clop Clippity Clop

Text by circles

Social Links Cube (PlayCanvas)

Color Search w/ React Hooks

React Slider w/ Hover Effect

30 – 50 hogs

GLSL: 3D rotational spatial modification

Procedurally Generated CSS Numbers

Plibt

Glitched circles

ThreeJS Hover Zoom Channel Displacement

react-three-fiber: suspense + GLTF loader

Awesome Demos Roundup #7 was written by Mary Lou and published on Codrops.

August 6, 2019

Inspirational Websites Roundup #7

We are thrilled to share yet another inspirational websites roundup with you! This past month has been pretty exciting design-wise: beautiful storytelling combined with unexpected shapes and a welcomed comeback of sans-serif goodness; these were the main mottos in our website picks of the month.

We hope you enjoy this fresh collection and get inspired!

David Kirschberg

vlnc studio

wild

Alfa Charlie

Prior Holdings

11 Mirrors Design Hotel

Kanarys

Zinacor

Stuuudio

violin-rio

&Walsh

Purple Rock Scissors

Cann Social Tonics

Once Upon a Time In Hollywood

Juraj Molnár

Poolside FM

MA True Cannabis

Al Safar

9elements

Cher Ami

Henry Desroches

stereo

Rick and Morty

Pontus Rudolfson

KIKK Festival 2019

Inspirational Websites Roundup #7 was written by Mary Lou and published on Codrops.

July 16, 2019

Awesome Demos Roundup #6

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

Agency website POC

Poster generator

Lasers

Uni

CSS-only Animated Lantern

Variable Fonts | Compressa

[wip] motion blur transition

Zdog and Goo

shape-outside

React World!

DOODLE-PLACE

Blood

Ocean

Six circles – bees & bombs

Web Camera 02

Reaction Tiles

Pure CSS Only Portrait – Isla

Accumulation

Rock God Pose

AI Assistant Blob

Falling City

Crystal

Variable font animation

Fluid Drive

CSS Grid: Coupons!

The Kabaa Project

Dots Loader

Drag & Drop

Pipes w/ Zdog + GSAP

Fluids Geometry

Galaxy

Upload Play & Pause animation

Space Shooter game

Musical Particles III

Only CSS: Infinite Wave ?

Popup Trombone

Atomize

Pure CSS Katy

3D Particle Tornado

Blurry cat and trees

Awesome Demos Roundup #6 was written by Mary Lou and published on Codrops.

July 9, 2019

Inspirational Websites Roundup #6

We’re very happy to share yet another creative website roundup with you! Many great designs were released this past month with unique interactions and warm colors as main theme. Smooth animations and unusual layouts are always present and designers reinvent 3D shapes to add some great depth and playfulness to web experiences.

We hope you enjoy this month’s collection and get inspired!

Haus

Elena Iv-skaya

Renaud ROHLINGER

Locomotive

FAT FAT FAT Festival

Romain Avalle

Stonewall Forever

Antonin Riviere

Kubikfoto

RappiPay

Safari Riot

Max Colt

Creative Nights

Aaron McGuire

Jomor Design

Yuen Ye

Rafal Bojar

USELESS

AKUFEN

Firstborn

KOLAPS

Thorne

Hochburg

Coulee Creative

aircord

getwearable

Jazz FM Romania

Crafted

Zef’s Website

NewDay Agency

Petr Urbanek

Inspirational Websites Roundup #6 was written by Mary Lou and published on Codrops.

June 6, 2019

Awesome Demos Roundup #5

Fascinating things have been made in this past month: magic cubes and glorious planets, beautiful flowers and delightful distortions. Dave DeSandro’s pseudo-3D engine for canvas and SVG, Zdog, gave birth to a new, performant way to create awesome 3D animations, a must-try!

We hope this collection inspires you!

WebGL Fluid Simulation

Purescript Experiments in Creative Coding and Generative Art

Symphony of death (CSS Only)

techno

Twisted Polygons

Face Button

THREE – Optimized Line Mess!

Colour Diver

Flower

A Cloud

glossy reflection

Breath – CSS Only

Scroll Based Animation

Day 023

Generative Planets

Microsoft Defrag (MSDOS) – Now on your browser!

CSS Tic-Tac-Toe… now with AI!

Grid Card Slider

Duality

Fireworks Three.js

metaball in room

Spatial Hash Canvas Particles

Rainbow Star Generator

Flamingo (ZDog + GSAP)

FUTURE IS NOW

Menja

Space Tourist

Spilled Paint (WebGL Shader)

Awesome Demos Roundup #5 was written by Mary Lou and published on Codrops.

June 4, 2019

Inspirational Websites Roundup #5

Another wonderful month has passed and the level of web design goodness leaves nothing to be desired: bold typography and artistic details are the expressive means of many. Creative uniqueness is wanted more than ever these days and its reflected in details like custom cursors and distinctive WebGL-powered distortion animations.

We hope you enjoy this month’s collection and get inspired!

Nesta

Lusion

Martin Ehrlich

PICTURESTART

marini

Stimmt

Eva García

Hôtel Particulier

PAM Studio

Union

Nike Circular Design Guide – https://www.nikecirculardesign.com/

Antler

nanameinc

Orkestra

The Avener

makespace

LARGO Inc.

Rise

Oropress

Kuwait Case Landing

1MD

Inspirational Websites Roundup #5 was written by Mary Lou and published on Codrops.

May 14, 2019

Awesome Demos Roundup #4

These past weeks have been filled with interesting experiments: code goodies from space, a distorted font generator and fantastic WebGL works are some of the highlights.

We hope you enjoy this compilation!

Solar CSSystem

ToneJS + canvas-sketch

Animated grid

Marine life

Woven sound

Only CSS: STARFOX Arwing Drone

Mouse grayscale WebGL displacement shader

Only CSS: 3D Scan

Direction aware hover effect

Melt

Offf

Rushing rapid in a forest by Three.js

Musical Bubble Sort (CPC Bubble Sort)

Line Drawing

Drag and Juuump!! and drop

Useless Machine

Mandala-3D

gl22

Motion detection with camera feed

Sun & Earth

enFont Terrible

Canvas Cloud

Rocket Through Space

Awesome Demos Roundup #4 was written by Mary Lou and published on Codrops.

May 6, 2019

Inspirational Websites Roundup #4

We’re happy to share yet another extravaganza of the web’s finest designs we’ve found during the previous month. Combining strong typography with delicate little elements are trendy, just like toned down colors and playful uses of outlined text. Refined WebGL goodness is giving a unique experimental character to some sites. It’s time to push boundaries and experiment!

We hope you enjoy this month’s roundup and get inspired!

Analogue Production

Home Société

Davide Perozzi

Atomo Management

Oui Will

cornea design

Greater Than Avatars

Ledger Investing

Ark Shelter

Burnish Creative

Fabio Fantolino

Nature Elixir

Lit Up

Anoukia Perrey

The Hook group

Mirrorball

Ocus

First Frame

HAUS

Children’s Collection SS19

Montreux Jazz Festival 2019

Ryo Kawada

Inspirational Websites Roundup #4 was written by Mary Lou and published on Codrops.

April 15, 2019

Awesome Demos Roundup #3

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

Particles Field

Art of Noise #6

Potential Flow

The Cube

GLSL: Looping simplex noise

React App

CSS Grid: Floor Plan

Wolfenstein: Ray Tracing On using WebGL1

Bach SVG Music Animation

Lumina

Art of Noise #8

The Plastic Ocean

Model transitions

Multiscale Turing Patterns

Magical Light Tunnel

Naughts and Crosses 3

Alien Invasion by Gal Shir : Web Animation by Kono

GRASS

Unicode art gallery – Unicode art gallery

Course Clear! (Splitting.js Demo)

Floating heart

Nails

Whirling

GLSL: Blinn-phong shading

Chasing

Previous Roundups

Awesome Demos Roundup #1

Awesome Demos Roundup #2

Awesome Demos Roundup #3 was written by Mary Lou and published on Codrops.

March 13, 2019

Awesome Demos Roundup #2

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!