Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; cronometro has a deprecated constructor in /home/wdrfree/public_html/model/admin/model.php on line 4
ui free resources | Web Design Resources

Best ui Web Design, UI Inspiration, resources & Tutorials with Demo

Pure CSS Shapes

CSS3 is great, check how you can create variated geometric shapes, with only CSS code. The most powerfull is by after and before selectors.

#Pure CSS #UI

What is Call to Action

A Call to Action or CTA (also called a call to action) is a button or link located on our site that seeks to attract potential customers and convert them into final customers, usually through a form on a landing page o

#HTML 5 #UI #Free Website Templates #Inspiration

CSS Forms Templates

CSS forms are an important part of any website, a good form will allow our website to have a high conversion rate. Today shared with you, this best CSS Forms templates for use in you site. Only press EDIT button to view


Material Design Web Form

Collection of free HTML and CSS Material Design form code examples: Great Examples of Lite Design, Contact Form, Login and Register UI for inspiration Material Design Form Inputs Responsive Material Design For

#UI #HTML 5 #CSS #Inspiration

Pure CSS Text Animation effects

Check this cool css3 text animations that you can use in your webs. HTML5 creative text animation that you can copy and paste from owr code editor. With Pure CSS and HTML you can create simil after effect text animation

#UI #HTML 5 #Pure CSS #CSS

Best Dafont Fonts Selection is Archive of freely downloadable fonts. Browse by alphabetical listing, by style, by author or by popularity. we want to show you a selection of the most used sources of this fabulous site dafont Top free f

#UI #Inspiration #Freebies

cursor css pointers examples

The CSS property: cursor specifies the type of cursor that will be displayed when it is on an DOM element. Cursor Use example  <p style="cursor:hand">ELEMENT</p> Values Look Example defaul


Responsive Device Switch Template

Hello Friend, Responsive design can improve user experience which will translate into a positive perception of your brand and business. If your customer can access your website easily on all platforms, they’re more

#Inspiration #Free Website Templates #UI #Mobile

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: 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