User Interface

86 articles

430 Free and Beautiful Icon Font: Ionicons

Ionicons is a free, open source icon font pack containing 430+ clean, minimally designed icons. It also comes with a ton of iOS 7-styled icons and social icons. The pack is licensed under MIT, and is free to use for both personal and commercial use. [rss]Special Downloads[/rss][rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss][rss]Free Creative Resume Template[/rss][rss]Open Source Icons[/rss][rss]Free Minimal Wordpress…

Make Forms on Grids with Ease – GridForms

Grid forms are dense forms designed for use in applications that require lots of data to be entered regularly. A tiny Javascript/CSS framework that helps you make forms on grids with ease. [rss]Special Downloads[/rss][rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss][rss]Free Creative Resume Template[/rss][rss]Open Source Icons[/rss][rss]Free Minimal Wordpress Theme[/rss]

Semantic UI – Free Front-end Framework

Writing front end code shouldn't require learning the naming or programming conventions of a particular developer. Instead of using short-hand, or codified naming conventions, semantic uses simple, common language for parts of interface elements and familiar rules used in natural languages for describing elements. Semantic is a set of specifications for sharing UI elements between developers. Semantic is also a…

Flat Shadow jQuery Plugin

With the flat design trend on the rise at the moment, one thing that stands out is the use of long flat shadows, particularly for small UI elements and icons. These shadows have a characteristic 45 angle below the horizontal axis and a gradient color close to the background shade can be applied. The Long shadow effect adds a great…

20+ Free Online Color Palette Generators/Tools

Colors can make or break your design by either making your audience want to stick around or look away. Well-chosen color combinations help designs catch attention more while the less planned ones do the opposite. In fact, there are colors that work so bad together that they could literally hurt the eyes when you stare or would hinder you from…

Build Responsive Web Page Layouts With Responsive Web CSS

Spending hours manually designing your pages for the responsive web? Layout your pages in minutes for beautifully responsive pages on desktops, tablets and smartphones. Responsive Web CSS is a tool for creating a responsive design just by adding the necessary parts with drag’n'drop. [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss] [rss]Free Creative Resume Template[/rss] [rss]Open Source Icons[/rss] [rss]Free…

Create Grid Patterns Easily — Modular Grid Pattern

Modular Grid Pattern is a web application for creating grid patterns for Phoshop, GIMP, Expression Design and other apps. The app features a number of options for customizing the grid; furthermore, it offers downloading the resulting pattern in three sorts of files: .pat, .png and the transparency mask format. This is a great tool for quickly creating an experimental grid…

Responsive Navigation Patterns – Adventures in Responsive Navigation

Navigation patterns in responsive web design can be tricky to tackle - especially while keeping a consistent look, feel, and experience on your site. Adventures in Responsive Navigation provides a little list of some popular methods of dealing with navigation on a responsive website. It comes with code samples of different navigation patterns discussed here. Grab the code and craft…

Free iOS7 Wireframing Kit For Illustrator

A very handy Illustrator kit to make your wireframing a breeze. This free iOS7 wireframing kit will surely help designers to rapidly wireframe in Illustrator, this kit contains the most common UI elements in iOS 7 Beta 3. [rss]Special Downloads[/rss] [rss]Design Freebies[/rss] [rss]Feedback Collection and Polling Widget[/rss] [rss]Free Creative Resume Template[/rss] [rss]Open Source Icons[/rss] [rss]Free Minimal Wordpress Theme[/rss]

20 Best Sites To Find & Download High Quality Free / Open Source Fonts

As a designer I am always looking for new fonts to use in my designs. Adding new fonts to my library helps inspire you, giving a fresh feel to the designs. Unfortunately it can be really hard to locate quality free fonts amidst the thousands of mediocre ones. There are tons of font sites that offers free fonts. The problem…