Squares Spinner

Elastic bouncing squares loader.

Made with: HTML (Pug),CSS (Sass)

View Code

Responsive Infographic

Responsive infographic with CSS variables, grid layout. Nosupport due to CSS variable + calc() bugs.

Made with: HTML (Pug),CSS (SCSS)

View Code

Responsive Infographic

Responsive infographic with CSS variables, flexbox and clip-path.

Made with: HTML (Pug),CSS (SCSS)

View Code

Infinity Loader

Made with: HTML,CSS (SCSS),JavaScript

View Code

Blockquote Styles

Different styles for showing quotes. Some have gentle animations.

Made with: HTML,CSS (SCSS)

View Code

Responsive Infographic

Responsive infographic with CSS variables, grid layout.

Made with: HTML (Pug),CSS (SCSS)

View Code

Masonry Gallery

Responsive CSS Grid masonry gallery.

Made with: HTML,CSS,JavaScript

View Code

Fire

Responsive CSS bonfire.

Made with: HTML,CSS (SCSS)

View Code

Background Rotating Squares

Made with: HTML (Pug),CSS (Stylus),JS (Babel)

View Code

Responsive Infographic

Responsive infographic with CSS variables, grid layout.

Made with: HTML (Pug),CSS (SCSS)

View Code

Responsive Infographic

Responsive infographic with CSS variables and grid layout.

Made with: HTML (Pug),CSS (SCSS)

View Code

Bootstrap Weather Widget

Made with: HTML,CSS (SCSS)

View Code

Responsive Infographic

Responsive infographic with CSS variables, grid, clipping and masking.

Made with: HTML (Pug),CSS (SCSS)

View Code

Fire

A pure CSS campfire.

Made with: HTML (Haml),CSS (SCSS)

View Code

Flat Loading Icon

A different take on the loading icon. HTML and CSS.

Made with: HTML,CSS

View Code

Catpacks: Combining Clip Path & Shape Outside

Use clip-path and shape-outside for wrapping your text round an image.

Made with: HTML,CSS (SCSS)

View Code

Css Info Cards

CSS info cards with hover effect.

Made with: HTML,CSS

View Code

Responsive Infographic

Responsive infographic with CSS variables, calc(), grid layout.

Made with: HTML (Pug),CSS (SCSS)

View Code

Responsive Infographic

Responsive infographic with CSS variables, grid.

Made with: HTML (Pug),CSS (SCSS)

View Code

Fancy Hover Animation

Made with: HTML (Pug),CSS (Sass)

View Code