Spinbox

A loading animation I came across on bestwebsite.gallery, made using CSS3 keyframe animations.

Explore

Mail Input Autocomplete

Mail address input box (similar to Gmail/Outlook) with autocomplete and raw mail address input support. In short, it works exactly like Gmail's To/CC & BCC fields.

Explore

Jumpy Pillars

CSS3 Keyframe animation called "Jumpy Pillers" which can be used for your page loaders.

Explore

Styled Input Placeholder

HTML5-ish Input Placeholder that works IE8+ and can be styled by CSS. It uses pseudo element to render placeholder (with HTML5 fallback) and styles are applied on pseudo element itself.

Explore

Stepbar

A multi-step progress-bar called "Stepbar" that can be updated just by changing element attributes, using SASS.

Explore

CSS Breadcrumbs

Navigation breadcrumbs with clickable crumb items.

Explore

Mr. Border-Radius

A fictional happy face inspired from Lea Verou's CSSConf 2013 presentation.

Explore

CSS Filters

A CSS filters demo showing how image colors can be manipulated purely using CSS. Social icons on-hover grayscale effect with CSS3 filters applied and with no filter applied.

Explore

The Dark Knight

The Dark Knight logo with all-CSS circles and edges.

Explore

Animated Windows 8 Logo

A CSS3 animated Windows 8 logo, using CSS3's @keyframes animation and tranform, perspective properties

Explore

Threaded Chat

A Chat View design made purely in CSS, can be adopted for any chatting service for the web (recently WhatsApp for Web adopted similar design).

Explore

Retro Radio

A Retro Radio created using only CSS, a simple 2 hour experiment to know CodePen's demonstration abilities.

Explore