Greepit.com » User Interface

430 Free and Beautiful Icon Font: Ionicons

Saif — Wed, 30 Oct 2013 11:46:10 +0000

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.

Special DownloadsDesign Freebies Feedback Collection and Polling Widget Free Creative Resume Template Open Source Icons Free Minimal WordPress Theme

Make Forms on Grids with Ease – GridForms

Team Greepit — Tue, 01 Oct 2013 09:35:10 +0000

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.

Special DownloadsDesign Freebies Feedback Collection and Polling Widget Free Creative Resume Template Open Source Icons Free Minimal WordPress Theme

Semantic UI – Free Front-end Framework

Team Greepit — Thu, 19 Sep 2013 10:36:21 +0000

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 UI library to make front end development simpler and easier to learn.

Special DownloadsDesign Freebies Feedback Collection and Polling Widget

Free Creative Resume Template

Open Source Icons

Free Minimal WordPress Theme

Flat Shadow jQuery Plugin

Team Greepit — Tue, 10 Sep 2013 08:25:11 +0000

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 deal of depth while still retaining an essentially flat aesthetic.

jQuery Flat Shadow is a small jQuery plugin that will automatically cast a long flat shadow creating depth for your flat UI elements.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

20+ Free Online Color Palette Generators/Tools

Saif — Mon, 09 Sep 2013 10:57:07 +0000

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 understanding the accompanying texts or images. On the other hand, great color combinations don’t just help catch people’s attention; they help sustain interest as well.

If you’re designing a web site or blog theme, finding just the right color palette is nearly as important as writing good code, but it can be a challenge for those of us who don’t have any innate design skills.

Luckily, there are many color scheme generators that will help you to choose what colors to use. We have gathered 20+ free online color palette generators/ color scheme generator tools. Check them individually and share which tool helped you in specific design-related tasks.

Free Online Color Palette Generator: colllor

ColorWizard Color Scheme Generator Tool by ColorsOnTheWeb

Designspiration

Check My Colours

Kuler

Color Palette Generator

Color Jack

Pretty IP

Color Schemer Online

Color Scheme Designer

Color

ColoRotate

Colors on the Web

Contrast-A

Pictaculous

ColourGrab

Hex Color Scheme Generator

COPASO

Color Explorer

ColorZilla

Color Hunter

Colormunki

ColorBlender

Colorspire

COLRD

Build Responsive Web Page Layouts With Responsive Web CSS

Team Greepit — Wed, 28 Aug 2013 09:50:59 +0000

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.

Special Downloads
Design Freebies Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Create Grid Patterns Easily — Modular Grid Pattern

Team Greepit — Mon, 19 Aug 2013 07:24:40 +0000

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 to start designing things ASAP.

Special Downloads
Design Freebies Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Responsive Navigation Patterns – Adventures in Responsive Navigation

Team Greepit — Mon, 05 Aug 2013 09:05:29 +0000

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 your own navigation pattern.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Free iOS7 Wireframing Kit For Illustrator

Team Greepit — Thu, 01 Aug 2013 21:03:44 +0000

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.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

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

Team Greepit — Mon, 15 Jul 2013 06:16:24 +0000

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 is, most of them suck. Today we’ve put together a list of website that contains a collection of quality fonts from award winning font designers.

If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our Full RSS Feed, follow us on Twitter and Facebook.