Most Recent
Fully Functional Instagram-like Rainbow progress bar

Fully Functional Instagram-like Rainbow progress bar

Load your web page Instagram style This is a random image. Please notice the progress bar effect above at the top of the document ^. The loading effect will diminish as soon as the page finishes loading.

A Simple JavaScript Modal Box in Action

A Simple JavaScript Modal Box in Action

Demonstrating a simple, lightweight, dynamic JavaScript-based Modal box—doesn’t require additional libraries, written in plain JavaScript.

CSS Wavy Preloader

CSS Wavy Preloader

Wavy Preloader with CSS

Animated Hamburger Icons with CSS

Animated Hamburger Icons with CSS

Animated Hamburger Icons Click on the icons to launch the transformation

Spritesheet Animation with CSS

Spritesheet Animation with CSS

The Animated CSS Cat Demonstrating the classical spritesheet Animation with CSS

A CSS-only Touch-friendly Navigation Menu

A CSS-only Touch-friendly Navigation Menu

Navigation ▾ Sample Dropdown ▾ ▾ Item 1.1 Item 1.2 Item 1.3 Item 1.4 2-level DD ▾ ▾ Item 2.1 Item 2.2 ▸ ▾ Item 2.2.1 Item 2.2.2 Item 2.2.3 Item 2.3 Multiple Levels ▾ ▾ 3.1 ▸ ▾ 3.1.1 3.1.2 3.1.3 3.1.4 3.2 ▸ ▾ 3.2.1 3.2.2 3.2.3 3.3 ▸ ▾ 3.3.1 3.3.2 3.2.2 […]

Animated Menu Icon with CSS

Animated Menu Icon with CSS

Animated Nav Menu icon with Pure CSS

YouTube-like Loading bar

YouTube-like Loading bar

YouTube-like Progress bar Made with nProgress With Intervals With Different Color Without Spinner Cool, easy-to-implement YouTube-like progress bar for your website. Requires jQuery.

CSS-only Responsive Image Slider

CSS-only Responsive Image Slider

Responsive, CSS-only Image Slider Image #1 Image #2 Image #3 Image #4 Image #5 1 2 3 4 5

Simple Responsive CSS3 HTML5 Navigation Menus

Simple Responsive CSS3 HTML5 Navigation Menus

Simple Responsive Navigation Menus Default  /  Red  /  Green  /  Blue  /  Navy Blue  /  Gray LoremNobisNostrumQuiaNonVoluptateMagni