Circular Navbar

Inspired by Google Material Design and Circles.

Made with: HTML,CSS,JS

View Code

Water Drop

Simple ripple animation.

Made with: HTML,CSS

View Code

Star Wars Bb-8

Pure CSS animation, single div, 8bit.

Made with: HTML,CSS (Less)

View Code

Radio Button Animation

Liquid checkbox/radio button in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Animating Search Box

An animating search box made with HTML & CSS

Made with: HTML,CSS (SCSS)

View Code

Css Perspective Example

A simple demo of CSS perspective.

Made with: HTML,CSS

View Code

Pure Css Tree

A folders tree view, without JS.

Made with: HTML,CSS (SCSS)

View Code

Image Hover Effect

Simple and very nice pulsing image hover effect.

Made with: HTML,CSS

View Code

Google Now - Weather Icons

Google Now weather icons CSS only, lots of pseudo-elements used, clip-path and transform properties with skew and rotate.

Made with: HTML,CSS (SCSS)

View Code

Animated React Tabs

Animated tabs built with React, animated using Velocity (for the springy tracker) and ReactCSSTransitionGroup for the tabs themselves.

Made with: HTML,CSS (SCSS),JS (Babel)

View Code

Web Audio Keyboard

C Major, 3 octaves, QWERTY because bumper-bowling is way more fun.

Made with: HTML,CSS,JS

View Code

Bootstrap List

Made with: HTML,CSS

View Code

Book Flip

CSS book flip with little jQuery.

Made with: HTML,CSS (less),JavaScript

View Code

React Tabs

Made with: HTML,CSS (SCSS),JS (Babel)

View Code

Logo Animation

Made with: HTML,CSS

View Code

Vue Progressbar

Made with:

View Code

Css Rating System

A CSS rating system that changes the facial expression based on how many stars are chosen.

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

View Code

Gradient Hover Animated Button

HTML and CSS gradient hover animated button.

Made with: HTML,CSS

View Code

Gradient Hover Animated Ghost Button

Made with: HTML,CSS

View Code

Flexbox Responsive Calendar

Made with: HTML,CSS,JS

View Code