Best ui resources & Tutorials with Demo

Bootstrap 3 CDN starter templates

We have used Bootstrap's grid system to create some responsive HTML5 templates. They are completely free. You can Use this demos as a way to quickly start any new project. All you get is this text and a mostly bareb

#HTML 5 #Freebies #Bootstrap #UI #Jquery

bootstrap datepicker plugin

Bootstrap-datepicker provides a flexible datepicker widget in the Bootstrap style. A date picker, popup calendar, date and time picker, or time picker is a graphical user interface widget which allows the user to select

#HTML 5 #Plugins #UI #Bootstrap

Handpicked html5 login form Ready to Use for inspiration

In computer security, logging in is the process by which an individual gains access to a computer system by identifying and authenticating themselves. The user credentials are typically some form of "username" Interface

#UI #CSS2 / CSS3 #HTML 5 #Inspiration #Playground

Vinyl Cover Animation (Pure CSS)

Hi Guys, we take a PUNK :) album vinyl cover, a little HTML, and some CSS3 transitions and transforms Hover to create a  vinyl animation effect for showing off the music you love. index.html The Markup will c

#Pure CSS #Animation #UI #Playground

Responsive Slide Toggle Menu

Responsive Slide Toggle Menu, Click on the hamburger menu icon to slide down the navigation menu by  See the Pen Responsive Slide Toggle Menu by Philippe (@Philippe_Fercha) on CodePen.

#Animation #Menus #UI

HTML5 Circular Progress Button by Codrops

A tutorial on how to implement the circular progress button concept by Colin Garven. We are using the SVG line drawing animation technique as described by Jake Archibald to animate the circular progress and provide a suc

#UI #HTML 5 #CSS2 / CSS3 #Buttons #Loading

Simple Responsive Image Gallery

Hi..Today I share with you a responsive gallery that was design using the Magnific Popup  plugin and some CSS code which use in my projects. Plugin: Magnific Popup Pics: photostockeditor.com index.html

#HTML 5 #CSS2 / CSS3 #Gallery #UI

Pure CSS Simple Metro Station Map

Today we’d like to share some CSS3 experiments with you. The idea is to use some CSS3 selectors as ::after & ::before and transform property in different scenarios. In this post, we’ll give an overview of

#CSS2 / CSS3 #UI #HTML 5 #Pure CSS

The secret to designing website layouts without CSS floats

If you have been designing for the Web at all over the past decade you are undoubtedly familiar with the CSS float property. Since the industry (thankfully) adopted the principle of tableless layouts, floats ha

#CSS2 / CSS3 #UI

jquery.parallax Plugin

jQuery parallax provides a cool 3D panorama moving animation effect (simillar to what Android users experience on the start screen). With creative approach you may add a nice effect to your website (for example you may c

#Plugins #UI

Only CSS3 Animated Social Icons with Font Awesome

Hi guys, today we put together for you an indispensable resource on any website. They can use it on any part of your site by simply copying and pasting the code of our demo. Font Awesome gives you scalable vector icons

#CSS2 / CSS3 #Pure CSS #Buttons #UI