A simple slider without using any framework. It is done using pure javascript. Easy to create when you learn it, later you will not search for any sliders. You will love to write your own slider.

Fixed headers are fairly common nowadays with big name brands. More and more people are using mobile phones where screen real estate is a commodity. Even on desktops and tablets applications that get out of the way and let users focus on content feel better. There’s more room to breathe; your eyes don’t feel like squinting.

A minimalist and a futuristic login box for you. It looks simple and clean without using more spaces. You can reduce the width of the box if required. It is purely responsive.

A fancy navigation style based on the material design and animations.

Responsive smooth scrolling full width page. It is done with the help of fullpage jquery.

Halloween pumpkin made using box-shadows, clip paths and html shapes. The highlight thing is the candle effect which is done using CSS animations.

Ember.js is a framework for creating ambitious web applications. Ember.js is an open-source JavaScript application framework, based on the model-view-controller (MVC) pattern. It allows developers to create scalable single-page web applications.

A nice looking page loader that can be used for your website.

Menu items using CSS3 transition delay. This menu can be place any corners you want to with some slight changes in the code. On click of the menu the options gets visible one by one due to the transition delay that is taking place.

This is to showcase your team-mates. When the user hovers the container the social links of the person is shown. Here different styles have been shown. You can add some description if needed and change the styles.

Animated go to top icon SCSS. The icon is created using fontawesome.

Another experiment on animation keyframes using SCSS. A 3d cuboid bounces with shadow effect.

This is to showcase your team-mates. On hover of the image the card flips 180deg on Y-axis and the back view is displayed. It is done using CSS3 animations and is also responsive.

I where trying out to put my social plugins to a container and make it fixed at the bottom. But this is not a good user experience. So i figured out a way.

Glowing effect over the button. You can use a text instead of icons too or both. The effect alone brings beauty to the buttons.

Colorful and beautiful butterflies using CSS3.

Twelve different styles for social navs. Here i have used SCSS as a style sheet. The reason i am using SCSS is that it reduces the number lines and easily customizable.

Many will be seeing this if you have studied chemistry. This is a round bottomed flask. The bubble animation and the wave effect brings the loader an effect. The animation is done purely in CSS3.

Bouncing ball using CSS3 animations. You use different images instead of the ball image and have fun.

A fully responsive menu without any need of JavaScript. Fontawesome has been used for icons.

A responsive expanding column layout to present projects, articles, and more.

A CSS3 only solution that recreates the Material Design preloader without any JavaScript or jQuery. You should set aria-busy to false when your stuff is loaded.

Mouse shaped scroll down icon indicating scroll down for more.

Another CSS3 experiment. Its like the wings of the dragon fly which is colorful or its like a disco light or whatever.

A simple material design upload button showing a progress indicator. I have used fontawesome for the icons.

Another CSS3 experiment. Where the eye balls changes its view continuously by animation element present in CSS3. For each 5% of the keyframe the eye balls move top and left.

Various weather animated icons with no images. It's purely CSS. Just click the button and see the various animation effects. Weather animations like rain, sun, moon, storm, cloudy, snow, wind, tornado, fog, rainbow.

Two 3d cubes scoots around with shadow effect. This can be used as a page loader.

Monster eye using CSS3. There are 3 buttons to close or open eye, view right and left.

A single element heart with css3 animation. Here the heart gets fold on different direction still having the heart shape.

The canvas element is only a container for graphics. You must use a script to actually draw the graphics. The mosaic pattern is drawn into the HTML5 canvas element via scripting (usually JavaScript).

Here the ring rotates continuously. The rotation is done using CSS3 animations. The rotation stops when clicked on pause and starts playing when click on play. Each ring is of different colors.

Here the ring rotates continuously. The rotation is done using CSS3 animations. The rotation stops when clicked on pause and starts playing when click on play.

Cross stitch butterfly pattern using css and javascript.

Tic Tac Toe a game suitable for all ages is created using CSS and html alone without any javascript.

An amazing purple color minimalist calendar.

You need some JS to do scroll events. When scrolling goes to a certain point the header gets fixed.

Just wanted to create logos using CSS3 with no images. It's just simple. This is done using CSS3.

Done using CSS3 animation and animation-delay properties. No javascript or images used here.

Another page loader here using CSS3.

Another page loader here, using purely css and no images used.

Make Hippie piss off and you will be in trouble. Just open the demo and change over your browser tab. Each time when you change over your browser tab Hippie changes his expression. Try em out!

Another experiment with CSS3. CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals. Add animation and you've got something really neat.

Just another experiment by me using CSS and jQuery. Here when the user hovers on the search icon it changes to a search box whre the user can type in.

Just an experiment on text hover effects. The text effect is done by skew and rotate properties in CSS3. This is a full width page and responsive on all devices.

A nested circle on hover changes to squares nested inside each other. It is done by transition/animation properties in CSS3.

Amazing frog animation using CSS. You wont believe it there are no images used here. Each parts are drawn using CSS. The smile and eye lid close animation is done using CSS animations.

Experimenting animation with selectors in CSS. You can also combine pseudo selectors e.g: button:hover:after, which can be used to add a hover effect.

This is made by pure CSS3 and no JavaScript. Radio button is used to control the switch on and off. The swinging is done using CSS3 transform property. The light effect is done using CSS3 shadow property.

You can create E-greetings using this. This is done my CSS3 animations and JavaScript.