20 of Most Popular Google Chrome Extensions

All these Chrome Extensions are taken from the Chrome gallery and I am sure that these ones will offer anyways something unique to make you even more productive.

You might not be agree with us if we missed your favorite extension, if so then tell us about that really great one, we will surely update our list. The best part about Google Chrome’s extensions is that they are quite simple to both install and uninstall if they don’t suits your requirement.

1. Google Chrome Backup Extension

google-chrome-backup

Google Chrome backup add-on creates, backups, restores and manages Chrome profiles. All history, bookmarks and related stuff are maintained very easily with this add-on. So in case there is a system crash or accidental deletion, you can easily restore or get back the lost settings in Google Chrome.

Download Google Chrome Backup add-on

2. Google Chrome Dual View

google-chrome-dual-view

This Google Chrome extension enables you to view two different web pages in a single tab. A single tab will split into from the middle such that in each half you can see two different sites side by side. Particularly useful if multitasking or undertaking some research.

Download Dual View plugin for Google Chrome

3. XChrome

Download XChrome add-on for Google Chrome

xchrome-extension

This is a theme manager for Google Chrome browser. Now you can change the theme to suit your mood just with a click of a button. A must add-on if you are a fan of customization!

4. Adsweep (Adblock)

This is a popular Google Chrome extension that will clean all the ads present in web page such that you can view web pages ad free. It even helps to remove all the ads from Youtube videos or webpages and present you clean ad free page.

Download Adsweep ad-blocker for Google Chrome

5. Gmail This

It is basically a bookmarklet which lets you to mail the content of a web page through Gmail. Just select the content that you want to mail and press this bookmarklet Gmail composer window will open with the selected content now you can directly type in the email address to whom you want to send it and click send just like you do to send mails using Gmail.

Download GMail This extension

6. GMail Checker

gmail-checker

This tiny extension embeds a little notification icon in your toolstripwhich will alert you when you receive a new email! A click on the alert take you directly to the GMail window.

Download Gmail Checker extension

7. Google Talk From Your Browser

This little script allows you to add a GTalk icon to your launcher which, when run, opens up a window that simply requires your login and password to get you chatting.

Download GTalk plugin for Google Chrome

8. Session Saver – Session Management tool

session-saver-chrome

Session Saver is a session manager that lets you save and manage multiple sessions. It will help you to you save, manage and reload multiple sessions.

Download Session Saver extension for Google Chrome

9. Google Page Rank/ Alexa Rank Checker

page-rank-alexa-rank-checker

This clean and simple extension will display the current page rank of the opened website in the Google Chrome Status Bar.

Download Google Page rank / Alexa Rank checker

10. Cleeki

cleeki-addon-chrome

Cleeki is a perfect pal if you need to launch search/share/publish tasks based on any content in your browser. Just select some text, and Cleeki can search/share/publish the content and preview the results immediately. Cleeki can also preview a hyperlink without open a new window/tab.

Download Cleeki for Google Chrome

11. ChromeMailer

chrome-mailer

ChormeMailer is an application to send emails via Gmail, either directly or when you click on the links mailto: instead of opening another mail client.

Download Chrome Mailer Extension for Google Chrome

12. ChromePass

chromepass-extension

ChromePass add-on recovers usernames and passwords that are stored on Google Chrome browser. Simply install this add-on plugin and retrieve all the details.

Download ChromePass extension for Google Chrome

13. TPGoogleReader

tpgooglereader-chrome

This extension reside in the toolstrip and alerts you as to how many feeds you have unread inside your Google Reader account. Besides doing this, it also adds an RSS icon to your address bar allowing you to subscribe to a sites RSS feed with your Google account.

Download TPGoogleReader extension for Chrome

14. Chrome Gestures

Chrome Gestures addon adds a number of mouse gestures to Chrome browser.

Download Chrome Gestures addon

15. Sticky Notes

Chrome Sticky Notes adds an inbuilt notepad to Chrome which can be launched by clicking on the little notepad icon on the toolstrip. You get the option to save your sticky note for future reference, and you can view it even if you restart your browser.

Download Sticky notes extension for Chrome

16. Chritter

Chritter is a Chrome Twitter notifier which shows recent tweets in the toolstrip, fetches new tweets every 5 minutes and linkifies http://links, @usernames and #hashtags

Download Chritter for Google Chrome

17. Chrome.fm

chrome-fm

Download Chrome.fm add-on

18. Greasemetal

Greasemetal Extension can be said as the Firefox Greasemonkey addon for Google Chrome. Greasemonkey addon is for firefox which let you to run userscripts (user defined javascripts to modify the webpages being displayed).

Download Greasemetal extension for Google Chrome

19. Drag n Go Plugin

With Drag n Go Plugin you dont need to right-click and then select “Open in New Tab“ to open new links in background tab or foreground. All you need to do is to just drag the links to very small distance and drop it.

Download Drag-n-go plugin for Google Chrome

20. Facebook Notifications

It retrieves the number of notifications from your Facebook account. You have to be logged in to Facebook for this extension to work.

Download Facebook Notifications plugin for Google Chrome

21. Aniweather

aniweather-addon

Detailed weather report in the browser’s toolstrip. Also available as a Firefox addon.

Download Aniweather plugin for Google Chrome

22. Google Chrome Extension Manager

Now with all those amazing extensions installed onto your browser, you can enable, disable or delete the extensions from the application itself by installing this add-on!

Download Google Chrome Extension Manager

Best jQuery Lightbox Plugins

Lightbox is a fast growing way to present in a nice way an images or something else like inline html, video or an external site without opening a new window. In the old days most images(or other content) where presented in a new tab/window, which isn’t a pretty way to do this if you ask me.

Fancy Zoom (jQuery)

A few days ago John posted a rewritten version of Cabel Sasser’s FancyZoom to work with Prototype and Scriptaculous. I took it upon myself to port it to jQuery, while making a few usability improvements.
jQuery Lightbox

View Live Demo

Lightbox2

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers. 1

View Live Demo

jQuery Lightbox Plugin (balupton edition)

Font effect is a jQuery plugin that add some effect to html text.
The available effects are (for now) Outline, Shadow, Gradient and Mirror
jQuery Lightbox

View Live Demo

LightWindow v2.0

After researching every single modal window, lightbox, slimbox, etc out there nothing fit the bill. Granted some of them were very nice but only fit a specific purpose, others were a nightmare on the code end, and others were just hacks of another. None of them truly supported all of the features we needed and those that were close could not be easily adapted without a bottle of Prozac near by.
1

View Live Demo

Colorbox Lightbox Plugin

ColorBox is a light-weight, customizable lightbox plugin for jQuery 1.3 and 1.4
jQuery Lightbox

View Live Demo

FaceBox

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.
It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves. 1

View Live Demo

jQuery Lightbox

jQuery Lightbox is now being managed as a “Google Code” project, where anyone can make changes.1

View Live Demo

Milkbox

it will have new features like object gallery definition, flashvars, html files, and more!!! In the meantime, you can safely use it with mootools v1.3 in compatibility mode (both Core and More). Also, for those of you that still use mootools 1.2, Milkbox v2.3.2 now comes packaged with mootools 1.2.5, so it’s already good for IE9.1

View Live Demo

FancyBox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page. 1

View Live Demo

Visual jQuery LightBox

Visual jQuery LightBox is a free wizard program that helps you easily generate online photo galleries, web gallery website with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code. 1

View Live Demo

prettyPhoto

“prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes. It’s a full blown media lightbox.”
1

View Live Demo

PIROBOX

Hello and welcome, this is an advanced version of pirobox, I implemented a few things more than the previous version. One of the most important things is the ability to open any kind of files, from inLine content to the swf files, from simple images to pdf files. Other things are: automatic image resizing and drag and drop.
1

View Live Demo

Shadowbox

Shadowbox is a web-based media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.1

View Live Demo

Litebox jQuery Plugin

Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.

1

View Live Demo

ThickBox

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.1

View Live Demo

Slightly ThickerBox

Slightly ThickerBox is a modification of Cody Lindley’s Thickbox script. I modified it for use on my Jason’s Toolbox Redesign. The modifications allow the script to generate “Previous Image” and “Next Image” links. The result is that you can use Slightly ThickerBox to create image galleries. In addition, you can create groups of galleries by setting a “rel” attribute on the links. (I also moved the Caption and Close link to the top and made the script case insensitive.) 1

View Live Demo

Suckerfish HoverLightbox

My initial reaction was that I thought it looked pretty neat and would be a nice way to present sets of images. It then occured to me that it might be nice to include Lightbox JS written by Lokesh Dhakar in the mix. Putting these techniques written by these great developers together resulted in quite an expandable image gallery.1

View Live Demo

NyroModal

Designers seem to like using modal windows more and more, as they provide a quick way to show data without reloading the entire page. It’s easy to use and easy to design. 1

View Live Demo

Lightview

Lightview was built to change the way you overlay content on a website.1

View Live Demo

Interface Imagebox

Interface Imagebox is an Interface plugin for jQuery.1

View Live Demo

jQuery lightBox plugin

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.
1

View Live Demo

imgBox

So, a couple of weeks ago I started working on challenging project – imgBox. imgBox is a jQuery plugin that implements a smooth zoom effect on images. Download it, try it, let me know what you think.
1

View Live Demo

GreyBox jQuery Lightbox

GreyBox jQuery Lightbox can be used to display websites, images and other content in a beautiful way.
1

View Live Demo

Picbox

Picbox is a lightweight (around 5KB) javascript image viewer based on the excellent Slimbox by Christophe Beyls, and available using either the Mootools or jQuery frameworks. It features automatic resizing and zooming of large images, allowing them to fit in the browser or be viewed at full size.
1

View Live Demo

Lightbox Gone Wild

In user interface design, a modal window (sometimes referred to as a modal dialog) is a window that blocks input to other windows. It has to be closed before the user can continue to operate the application and are frequently an element of Multiple Document Interface (MDI) applications or desktop applications like Windows or OS X. One of their purposes is to prevent the software from being operated in an ambiguous state.
1

View Live Demo

SimpleModal

SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.
1

View Live Demo

boxy

1

View Live Demo

Highslide JS

Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages:
1

View Live Demo

Slimbox 2

Slimbox 2 is a 4 KB visual clone of the popular Lightbox 2 script by Lokesh Dhakar, written using the jQuery javascript library. It was designed to be very small, efficient, standards-friendly, fully customizable, more convenient and 100% compatible with the original Lightbox 2.
1

View Live Demo

Picasa LightBox

Picasa LightBox is a WordPress plugin that lets you easily add Picasa images to your WordPress posts and pages.
1

Top 10 Free Online Blogging Platforms

A blog is a great way to express your thoughts, create a web presence for your company and provide content to Internet users.

If you’re planning to create a blog, but don’t wish to get into the hassles of hosting, developing and deploying it yourself, consider creating a blog at any of the free blogging platforms mentioned below. Such services offer a plethora of features and generally come with both free as well as paid plans.

Let’s look at the top 10 most popular online blog-publishing services.

 

1. WordPress.com

WordPress.com

WordPress.com is perhaps the most feature-rich blogging service out there. It uses the popular open source web software WordPress, and offers many features in its free version — traffic stats, anti-spam filters, SEO, gorgeous themes and more.

If you choose to use WordPress.com, you’ll be in good company, as many popular blogs — including CNN’s Political TickerPeople Magazine’s Style Watch and Flickr — are on this platform.

If you need more than what the free version offers, you can opt for their premium features that include custom domains, upgraded web hosting resources and more.

Whether you’re an expert blogger or a beginner, this ultimate blogging platform is a safe bet.

2. Blog.com

Blog.com

Blog.com is another popular WordPress-powered blogging platform.

Just like other services, it has its own share of pros and cons. For a start, it offers many beautiful premium themes in its free accounts, as well as advanced plugins that one can expect only on a self-hosted blog. However, on the downside, the free service displays more ads as compared to WordPress.com. (But you can opt for paid upgrades to remove the advertisements.)

The free storage space offered on Blog.com is 2GB in the basic plan, which is less compared to 3GB that WordPress.com gives its users.

3. Blogger

Blogger

Google Blogger is a well-known blogging service that offers many features to its users. For example, Blogger comes with a Template Designer user interface that lets you tweak your blog’s appearance as much as you want. (However, the templates provided are, in my opinion, no match compared to WordPress themes.)

When it comes to ease of use, most beginners prefer Blogger as it offers a no-nonsense interface for administering your blog and top-notch integration with their Google account. Another great thing about Blogger is that it offers certain great features for free that you normally need to pay for in other blog-publishing services,  most noteworthy being the ability to set up custom domains without paying a cent.

4. TypePad Micro

TypePad Micro

TypePad Micro is another free blog-publishing service. The interface is easy to use, and you can import/export content from many other blogging platforms.

However, in terms of add-ons and themes offered, TypePad Micro won’t satisfy even the most basic blogger. The cheapest paid plan begins at $8.95 per month and comes with additional themes, custom domain mapping, as well as technical support.

In an age where almost all blogging services are offering numerous features in their free versions, TypePad Micro seems to be lagging behind.

5. Jux

Jux

Jux is an innovative service that lets you easily share content online. Conventionally speaking, it’s not a blogging service like the ones previously mentioned, however, it has a lot of the same functionalities. Rather, Jux lets you create your ownmicroblogging site for sharing your content.

By default, Jux templates don’t have the native sidebars and other widgets that are common to most blogs. Instead, Jux provides a clean (and beautiful) approach to blogging. Simply create an account, and then start sharing your content.

While Jux does seem amazing and has excellent support for mobile devices, it may not be everyone’s cup of tea. For instance, if you’re planning to create a more conventional blog, opting for WordPress might be a better option. On the other hand, if you’re leaning more towards visual content, such as photos and artwork, Jux may just amaze you with its features.

6. Tumblr

Tumblr

Tumblr is a popular and feature-packed microblogging platform. It comes with many outstanding and interesting features such as audio blogging (for sharing your music, for example), free custom domains, hundreds of amazing blogging themes and more.

Furthermore, you can sync your Tumblr account with Facebook and/or Twitter so that you can update your social media feeds in a single location. Yet another awesome feature is the ability to create community-powered group blogs. Tumblr also offers support for many third-party apps such as Google Analytics and Feedburner.

7. Posterous Spaces

Posterous Spaces

Posterous Spaces is an excellent online blog-publishing service that is similar to Tumblr.

Posterous Spaces has excellent privacy and viewing features so that you can easily control who can see what on your Posterous Spaces site. It’s designed to allow its users to post content quickly and as hassle-free as possible, so it has loads of features included to facilitate this, such as free mobile apps for iOS and Androidsmartphones so you can update your blog on the go and a simple, well-designed user interface.

Using Posterous Spaces means you’ll be in good company; popular tech startups likeMailChimpTweetDeck and Airbnb leverage Posterous as their company blog.

8. Blogetery

Blogetery

Blogetery is a WordPress-powered online blogging service that offers a modest set of features. Free accounts get nearly 140 themes, custom domain mapping and roughly 40 plugins to choose from.

On Blogetery, ads are displayed on all free blogs, but if you wish to upgrade, you can opt for the paid plan that will cost you $3.50 per month and will give you additional themes, plugins, email support, 5GB of additional storage space, the ability to remove ads, etc.

9. Weebly

Weebly

Weebly offers more than just blogging — it’s a fully featured website builder! Weebly’s blog manager features a drag-and-drop interface, support for image galleries,slideshows, video/audio, maps, etc. Additionally, you can opt for their Designer Platform that lets you build websites for your client, thereby effectively using Weebly as a content management system.

10. LiveJournal

LiveJournal

LiveJournal (often abbreviated as LJ) offers blogging with a touch of social networking to it. You can participate in polls, create networks and interact with other LJ users alongside your blog.

With that said, the features, compared to other similar blogging services, are nothing to brag about. Their collection of template is decent, and plugins/extensions are pretty basic in nature.

20+ of the Best CSS and HTML Frameworks

I have to tell you that I discovered my first CSS framework more than a year ago and I was fascinated at least. Hours of writing the same dull code and then solving the same silly bugs have been lost before it and I was almost mad about it but in the same time happy that I’ve at least found the bloody thing. Out of a personal curiosity I’ve searched all the possible CSS frameworks to see what they are bringing new and how they are helping the community and then selected the best of them for other unfortunate designers or developers out there who don’t have their hands on a CSS grid framework. I was surprised that people have already made mobile CSS/HTML frameworks but you won’t have to, cause you got them here and can use them free.

Blueprint

Blueprint CSS framework

Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

What does Blueprint have to offer?

  • A CSS reset that eliminates the discrepancies across browsers.
  • A solid grid that can support the most complex of layouts.
  • Typography based on expert principles that predate the web.
  • Form styles for great looking user interfaces.
  • Print styles for making any webpage ready for paper.
  • Plugins for buttons, tabs and sprites.
  • Tools, editors, and templates for every step in your workflow.

 

960 Grid System

960 Grid System CSS framework

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem

The 12-column grid is divided into portions that are 60 pixels wide. The 16-column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns

The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.

YAML

YAML CSS framework

“Yet Another Multicolumn Layout” (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.

The YAML framework is an open source project by Dirk Jesse and has been continuously enhanced since its first release in October 2005.

  • Focussed on web standards and accessibility
  • Slim framework core with numerous extensions
  • Robust, flexible layout concept (columns & grids)
  • Design patterns for typography, forms, mircoformats, rtl support ect.
  • Complete multilingual documentation

YUI 2

YUI 2 CSS framework

The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include:

  • Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
  • Supports easy customization of the width for fixed-width layouts.
  • Flexible in response to user initiated font-size adjustments.
  • Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
  • Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
  • Layouts less than 100% are automatically centered.
  • Accommodates IAB’s Ad Unit Guidelines for common ad dimensions.
  • Offers full A-grade browser support.

BlueTrip

BlueTrip CSS framework

A full featured and beautiful CSS framework which originally combined the best of Blueprint, Tripoli (hence the name), Hartija, 960.gs, and Elements, but has now found a life of its own.

BlueTrip gives you a sensible set of styles and a common way to build a website so that you can skip past the grunt work and get right to designing.

Download the package, include the images and stylesheets in your site structure, and get going!

Features:

  • 24-column grid
  • Sensible typography styles
  • Clean form styles
  • A print stylesheet
  • An empty starter stylesheet
  • Sexy buttons
  • Status message styles

Elements

Elements CSS framework

Elements is a down to earth CSS framework. It was built to help designers write CSS faster and more efficient. Elements goes beyond being just a framework, it’s its own project workflow.It has everything you need to complete your project, which makes you and your clients happy. Read the Overview for more information.

Some of the awesome features:

  • Easy to use
  • Lightweight
  • Collection of preset classes
  • Lightbox included
  • An awesome mass reset
  • Adds style and usablity to external links with icons
  • Can be easily uploaded to your website hosting server
  • Free of course

52framework

52framework CSS framework

With HTML5 support coming so fast, with the tiniest of hacks we are able to use it today in virtually al browsers. Using HTML5 makes for much cleaner mark up. This framework fully uses all the great advantages of HTML5.

CSS3 is one of the coolest thing in the web designer world and has been a long time coming. With CSS3 you can save time designing and slicing fancy layouts. CSS3 has features like text/box shadow, rounded corners,and animations. These just a few of the many CSS3 features has to offer you

Brief Feature List:

  • rounded corners
  • text-shadow
  • box-shadow
  • html5 markup
  • grid system
  • css reset
  • and much more

elastiCSS

elastiCSS CSS framework

A simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily.

All frameworks are the consequence of repeated patterns, they help developers get faster, repeatable and predictable results. CSS frameworks are no different. By using them you can predict the results you will obtain, and you don’t have to write over and over the same classes or CSS rules to accomplish certain results.

The people against CSS frameworks argument that because they can accomplish the same results by themselves, frameworks have no benefit. But Modularity is the first benefit, going with the DRY principle of programming.

So do you need a CSS Framework?, We would say you do. The problem here is to decide if currently available frameworks provide the features you need. Or going and develop a framework yourself..

Elastic provides a declarative syntax language to define the layout structure and behavior. It’s like having a conversation with your code.

This way you don’t have to remember cryptic class names, just express what you want.
Make two, three, four, or auto-columns.
Let Elastic get the width of fixed width columns.
Call for same-height or full-height.

Boilerplate

boilerplate CSS framework

Boilerplate: noun standardized pieces of text for use as clauses in contracts or as part of a computer program.

As one of the original authors of Blueprint CSS I’ve decided to re-factor my ideas into a stripped down framework which provides the bare essentials to begin any project. This framework will be lite and strive not to suggest un-semantic naming conventions. You’re the designer and your craft is important.

Typogridphy

Typogridphy CSS framework

Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts.

Based on the popular 960 Grid System, Typogridphy allows you to create grid layouts which are versatile and great looking. Typogridphy is made of fully validate, semantic and strict xHTML, and validate CSS.

It also uses a typographical method know as ‘creating vertical rhythm’, whereby all adjacent lines of text line up horizontally, regardless of line breaks and new paragraphs. This method in itself isn’t that difficult to accomplish — using pixels. I have created Typogridphy using ems, meaning the layout is zoomable — try holding your Ctrl key and scrolling your mouse wheel.

Emastic

emastic CSS framework

Emastic is a CSS Framework, it’s continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before.

Why should you use emastic? 
It’s:

  • Lightweight (compressed weight less then 4kb)
  • Personalized width of the page in (em,px,%)
  • Use of fixed and fluid columns in the grid.
  • Elastic Layout with “em”s
  • Baseline Grid Typography

Malo

Malo CSS framework

Malo is ultra small css library for building web sites. It is meant to be structural base for small or medium web sites. Malo derives from it’s bigger brother Emastic CSS Framework.

Why should you use Malo?

Because it’s:

  • Ultra small (compressed is 0,25 kb or 8 lines of CSS! )
  • Personalized width of the page in (%, px, em)
  • Super flexible.
  • Easy to use.
  • How Malo works?

Malo is based on the principle that every column can be divided into two, three, four and five parts.
– 100% = 50% + 50%
– 100% =~ 33,33% + 33,33% + 33,33%
– 100% = 25% + 25% + 25% + 25%
– 100% = 20% + 20% + 20% + 20% + 20%

Also you can use nested columns

100% = 50% + 50% ( and inside 25% + 25% + 25% + 25%)

I think that with this system you can cover 85% of every grid you can imagine.

The Golden Grid

The Golden Grid CSS framework

The Golden Grid is a web grid system. It ‘s a product of the search for the perfect modern grid system. It ‘s meant to be a CSS tool for grid based web sites.

Main features:

  • 970px main width
  • 6/12 grid system
  • Super lightweight((compressed weight less then 1kb)
  • Easy to learn.

1kb grid

1kb grid CSS framework

Other CSS frameworks try to do everything—grid system, style reset, basic typography, form styles. But complex systems are, well, complex. Looking for a simple, lightweight approach that doesn’t require a PhD? Meet The 1KB CSS Grid

When server-side options for templating and sub-templating are limited, the grid can be used as an alternative page templating engine. The 1KB CSS Grid’s convenient row and column syntax provide all the necessary scaffolding

Though simple, The 1KB CSS Grid packs the punch of a heavyweight. Nested rows? Piece of cake! A fluid grid rather than a fixed one? No problem! Explores some of the finer details of implementing the grid

Tripoli

tripoli CSS framework

Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects.

Tripoli completly resets all default browser standards and rebuilds them quietly with modern web development in mind.

Tripoli is not a CSS framework. It doesn’t tell you how to code your web site. Instead, it forms a solid HTML rendering engine and a base for creating dynamic layouts without interfering with typographic measurements.

Fluid 960 Grid System

Fluid 960 Grid System CSS framework

The Fluid 960 Grid System templates have been built upon the work of Nathan Smith and his 960 Grid System using effects from the MooTools and jQuery JavaScript libraries. The idea for building these templates was inspired by Andy Clarke, author of Transcending CSS, who advocates a content-out approach to rapid interactive prototyping, crediting Jason Santa Maria with the grey box method.

Baseline

Baseline CSS framework

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as its foundation.

Lovely CSS Framework

Lovely CSS Framework

The Lovely CSS Framework is a simple and straight forward way to easily deploy an XHTML/CSS site.

Based on a simple 960px wide grid system, featuring multiple column layouts, and various pluggable add-ons.

Easy framework

Easy CSS Framework

Easy is a CSS/HTML/JavaScript framework started as a personal project and then grew into something more. The idea behind it is to reduce the amount of time spent on setting up the basic master HTML template by reusing the same coding techniques.

Framework includes all 3 layers of front-end: structural, presentational and interactive what makes it the true all-in-one solution for your next front-end project.

Main features include:

– Rock-solid base HTML structure and predefined basic CSS styles for both screen and print.
– Built-in set of interactive functions, no need for a single line of JavaScript.
– Library of HTML content blocks that can be easily used and reused.
– Basic file organization and possibility of expanding the library with your own code.

The Fluid Grid System

The Fluid Grid System CSS Framework

A web grid system designed by Joseph Silvashy and New Gold Leaf that allows designers to use the screen real estate on large monitors and retain great design on smaller ones. The Fluid Grid System combines the principals of the typographic grid and a baseline grid into one resolution-independent framework.

Web developers have only recently started to show a real interest in grid systems. Why it has taken so many years for web developers to become interested in something that has been essential to the written medium in general since the 30s, is hard to say.

The Fluid Grid System is great for rapid prototyping as well as final production layouts because designers can quickly design layouts and make changes to complex pages which have the ability to maintain well-planned horizontal and vertical rhythm. Download (28 KB) the latest version of the Fluid Grid System, the .zip contains all the XHTML/CSS files you need to get started designing.

xCSS

xCSS Framework

xCSS bases on CSS and empowers a straightforward and object-oriented workflow when developing complex style cascades. Using xCSS means a dramatic cut down to your development time by: having a intuitive overview of the overall CSS structure, using variables, re-using existing style cascades and many other handy features. But, most frameworks are bulky and inflexible, aren’t they? Not xCSS! It’s lightweight and seamlessly integrates into any existing workflow. Aside from that the CSS overhead is getting reduced while your (X)HTML attributes remain semantic.

jQuery Masonry

jQuery Masonry Framework
(I know this isn’t a CSS framework, but a jQuery plugin but it is related and bloody useful).

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

FEM CSS Framework

FEM CSS Framework

FEM CSS Framework is a 960px width + 12 column grid system + CSS common styles, to easy and fast develop web layouts.

It is based in the 960 Grid System, but with a twist in the philosophy to make it more flexible and faster to play with boxes.

Unobtrusive CSS Framework

Unobtrusive CSS Framework

Yeah, this is a joke. I’m testing your humor and so are they 😀

Less Framework

Less CSS Framework

Less Framework is a cross-device CSS grid system based on using inline media queries.

The idea is to first create a default layout normally, and then additional layouts using inline media queries. Any browsers incompatible with media queries will simply ignore all the additional layouts, and will only use the default one. The additional layouts will inherit any styles given to the default layout, so coding them is a breeze.

All four of the layouts included in Less Framework share a common column-width and gutter-width, which makes it easy to design them consistently. Also included are two sets of typography presets, composed around a baseline grid of 24 px.

Sencha Touch 1.0

Sencha Touch 1.0 CSS Framework

Sencha Touch, the first HTML5 mobile JavaScript framework that allows you to develop mobile web apps that look and feel native on iPhone and Android touchscreen devices, has just hit the big 1.0.

Since its initial launch, Sencha Touch has quickly become the gold standard for developing rich mobile web applications with HTML5. And now, we’re making it available free of charge for commercial or use under the GPL.

Jo HTML5 Mobile App Framework

Jo HTML5 Mobile App Framework

jo is a lightweight JavaScript framework designed for HTML5 apps.

jo does:

  • Embrace JavaScript’s object model and loosely typed nature
  • Leverage CSS3 to handle as much of the pretty presentation and animation as possible
  • Provide a consistent and modular event model between objects
  • Wrap DOM and device-specific events into a cohesive gesture system
  • Insulate developers from different persistent storage solutions
  • Play nicely with other libraries like PhoneGap

jo doesn’t:

  • Use a lot of resources
  • Depend on other frameworks
  • Have a lot of browser dependent code
  • Require detailed knowledge of the DOM
  • Force you to deeper into its framework than you want to go
  • Use $ and other arcane looking symbols in place of proper identifiers

New HTML5 Websites for Designer’s Inspiration

New technologies like HTML5 or CSS3 help the design world to take the game to a whole new level, making the sites look like they made a huge leap in evolution. The designers who use these two, HTML5 and CSS3, if they use them properly get results like the ones below and that is well designed sites, more appealing and which are loading (usually) faster.

theverge.com

theverge.com

divups.com

divups.com

agenziatecnodue.com

agenziatecnodue.com

williamcsete.com

williamcsete.com

miltonbayer.com

miltonbayer.com

mixforms.com

mixforms.com

johnsardine.com

johnsardine.com

markdearman.com

markdearman.com

bostonglobe.com

bostonglobe.com

gphonda.co.uk

gphonda.co.uk

disconnesso.com

disconnesso.com

thefoakhouse.com

thefoakhouse.com

philipandrews.org

philipandrews.org

beta.theexpressiveweb.com

beta.theexpressiveweb.com

andrewshanley.co.uk

andrewshanley.co.uk

rockstarworking.com

rockstarworking.com

wearemanic.com

wearemanic.com

blocklevel.nl

blocklevel.nl

marshallheadphones.com

marshallheadphones.com

enixel.com

enixel.com

alan-horne.com

alan-horne.com

plastical.com

plastical.com

concrete5.org

concrete5.org

webstandardssherpa.com

webstandardssherpa.com

wecreative.com.br

wecreative.com.br

visitesaopaulo.com/blog

visitesaopaulo.com/blog

digitalhands.net

digitalhands.net

mktvirtual.com.br

mktvirtual.com.br

lvgraphic.it

lvgraphic.it

pushhere.com

pushhere.com

zenithdelille.com

zenithdelille.com

johnkavanagh.co.uk

johnkavanagh.co.uk

s5-style.com

s5-style.com

breadandpepper.com

breadandpepper.com

hellocarbon.ca

hellocarbon.ca

ngenworks.com

ngenworks.com

mademyday.de

mademyday.de

thewp.co

thewp.co

bigbitecreative.com

bigbitecreative.com

johnjacob.eu

johnjacob.eu

Resources that web designers could use – 30+ tools

I have gathered 30+ more tools and resources for you, new ones, of course, that could help you with your work. There are a lot of neat stuff in here, or like I like to say, a little something for everyone. Enjoy the resources, bookmark them and use them wisely.

Camera slideshow

Camera slideshow

Camera slideshow is tested on new browsers, but I tried to make it compatible with the old versions of Internet Explorer too (8 and 7). But I don’t think I will spend many hours to improve this feature, sorry.

978.gs

978.gs

The 978 grid system uses 12 columns at 54px, with extra roomy 30px gutters. This comes out to a total of 978px, which uses up most of the space on a 1024×768 monitor. Almost every computer and tablet in the world today is capable of displaying designs built on this grid.

Ajaxplorer

ajaxplorer

A modern browser is all that’s needed to access AjaXplorer : the interface is very similar to OS-native file explorers, and all users can find their way in it. Users can easily share files or folders over the Internet, preview and edit most common file formats directly online, without having to download/upload the files to/from their local computer.

AjaXplorer is another “brick” that you can install on your web server : you may know WordPress, Joomla! or other “web-based” softwares. It’s the same technology (PHP), and AjaXplorer is normally accessed via an URL such as http://yoursite.com/ajaxplorer/.

AjaXplorer comes fully equiped with a complete users management system, securing the whole installation at once. It can also be interfaced with existing authentication mechanisms, to implement a “Single-Sign On” system and make users life easier.

TYPEDJS

TYPEDJS

Harness the power of type annotations and program specifications to make your code robust. It’s easy to get started.

Sequence: The jQuery Slider Plugin with Infinite Style

Sequence: The jQuery Slider Plugin with Infinite Style

Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 — no jQuery knowledge required!

PageScroller

PageScroller

Page Scroller is a simple and elegant navigation plugin that adds smooth scroll functionality to your web page. The plugin is so simple, you can animate any web site.

Glisse.js

Glisse.js

Glisse.js is a simple, responsive and fully customizable jQuery photo viewer. You’ll like the transitions between two pictures entirely assumed by CSS3.

Curtain.js

Curtain.js

This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises.

To navigate, you can use your keyboard instead the scrollbar or your mousewheel to navigate into the document. But that’s not all, there is more features! For example, you can easily add a fixed element or multiple “steps” element into a pannel.

jQuery tubular

jQuery tubular is a plugin that places a YouTube video of your choice into your page as a background.

Tinycon

Tinycon

Tinycon allows the addition of alert bubbles and changing the favicon image. Tinycon gracefully falls back to a number in title approach for browsers that don’t support canvas or dynamic favicons.

Alerts in the favicon allow users to pin a tab and easily see if their attention is needed.

turn.js

turn.js

turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.

Intype

Intype

Get spoiled by well-balanced behavior. Enjoy smart select & edit, snippet insertion and management, auto-paired characters, fast syntax highlighting and code-coloring themes.

Centurion

Centurion

Centurion is an open-source CMS delivered as a flexible PHP5 Content Management Framework.

Flotr2

flotr2

Flotr2 is a library for drawing HTML5 charts and graphs. It is a branch of flotr which removes the Prototype dependency and includes many improvements.

UIKit: Modern UI components for the modern web

UIKit is a small collection of flexible, decoupled jQuery JavaScript components for the modern web. With an emphasis on structure-only styling it’s easy to style UIKit to match your application, no preprocessor variables, just raw CSS structure! As a result most of the styling you see in this document is for demonstration only.

CodeMirror

CodeMirror

CodeMirror is a JavaScript library that can be used to create a relatively pleasant editor interface for code-like content ― computer programs, HTML markup, and similar. If a mode has been written for the language you are editing, the code will be coloured, and the editor will optionally help you with indentation.

Auto-detecting Credit Card Type

Auto-detecting Credit Card Type

There was a time when people thought the internet required a completely different payment method than the real world. After a very short period of time, everyone came to realize that credit cards were actually quite well-suited to the web, and so the credit card form was born.

Backstretch

Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized background image to any page.

Adipoli jQuery Image Hover Plugin

Adipoli jQuery Image Hover Plugin

Adipoli is a simple jQuery plugin used to bring stylish image hover effects.

The jQuery HTML5 Audio / Video Library

The jQuery HTML5 Audio / Video Library

jPlayer is the completely free and open source (GPL/MIT) media library written in JavaScript. A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer’s comprehensive API allows you to create innovative media solutions while support and encouragement is provided by jPlayer’s active and growing community.

Kartograph

Kartograph

A simple and lightweight framework for creating beautiful, interactive vector maps. The core concept of Kartograph is to separate the mapping process in the map generation and map rendering part. The client-side library kartograph.js renders pre-generated maps stored in SVG files. You can chose among hundrets of ready-to-use maps or simply generate your own using kartograph.py, the open source Python SVG map generator.

jQuery File Upload

jQuery File Upload

File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads.

audio.js

audio.js is a drop-in javascript library that allows HTML5’s < audio > tag to be used anywhere.

Morris.js

Morris.js

Making good-looking graphs shouldn’t be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy.

XDate

XDate is a thin wrapper around JavaScript’s native Date object that provides enhanced functionality for parsing, formatting, and manipulating dates. It implements the same methods as the native Date, so it should seem very familiar.

Also, it is non-destructive to the DOM, so it can safely be included in third party libraries without fear of side effects.

TodoMVC

TodoMVC

Developers these days are spoiled with choice when it comes to selecting an MV* framework for structuring and organizing JavaScript web apps. Backbone, Spine, Ember (SproutCore 2.0), JavaScriptMVC… the list of new and stable solutions goes on and on, but just how do you decide on which to use in a sea of so many options?

To help solve this problem, we created TodoMVC – a project which offers the same Todo application implemented using MV* concepts in most of the popular JavaScript MV* frameworks of today.

Solutions look and feel the same, have a common simple feature-set and make it easy for you to compare the syntax and structure of different frameworks so you can select the one you feel the most comfortable with.

cssFx

cssFx

cssFx is a standalone polyfill that inserts the vendor-specific CSS3 properties necessary for old and new browsers. This saves you tons of time, maintenance, and bandwidth!

string.js

string.js, or simply S is a lightweight (< 2k Gzipped) JavaScript library for the browser or for Node.js that provides extra String methods. Originally, it modified the String prototype. But I quickly learned that in JavaScript, this is considered poor practice.

jTable: A JQuery plugin to create AJAX based CRUD tables

jTable: A JQuery plugin to create AJAX based CRUD tables

jTable is a jQuery plugin that is used to create AJAX based CRUD tables without coding HTML or Javascript. It has several features including:
– Automatically creates HTML table and loads records from server using AJAX.
– Creates ‘create new record’ jQueryUI dialog form. When user creates a record, it sends data to server using AJAX and adds the same record to the table in the page.
– Creates ‘edit record’ jQueryUI dialog form. When user edits a record, it updates server using AJAX and updates all cells on the table in the page.
– Allow user to ‘delete a record’ by jQueryUI dialog based confirmation. When user deletes a record, it deletes the record from server using AJAX and deletes the – record from the table in the page.
– Shows animations for create/delete/edit operations on the table.
– Supports server side paging using AJAX.
– Supports server side sorting using AJAX.
– Supports master/child tables.
– Allows user to select rows.
– Exposes some events to enable validation with forms.
– It can be localized easily.
– All styling of table and forms are defined in a CSS file, so you can easily change style of everything to use plugin in your pages. CSS file is well defined and commented.
– It comes with pre-defined color themes.
– It is not depended on any server side technology.
– It is platform independed and works on all common browsers.

Juice UI

Juice UI

Juice UI is an open-source collection of WebForms components that brings jQuery UI Widgets to your project with ease. Start leveraging the power of the world’s most popular JavaScript UI library while working with familiar code in your ASP.NET projects.

Juice UI allows you to create flexible, interactive web applications quickly. Entice your users with behaviors such as drag & drop, resizing, sorting and selecting. Build first class apps with accordions, autocompletes, datepickers, sliders, and more. Juice UI provides the simplicity needed for prototyping and the robustness needed for enterprise class production applications.

DirtyMarkup

DirtyMarkup

DirtyMarkup combines the power of HTML Tidy, CSS Tidy, JS Beautify, and the Ace editor to effortlessly clean up your messy code. Just paste your code into the editor and press “clean”. Now supports HTML5!

Fontomas

Fontomas

This tool helps to combine iconic webfonts for your project. With fontomas you can:
– make a limited symbols subset, with reduced font size
– merge symbols from several fonts to single file
– access large collections of professional-grade open source icons

Now it’s trivial to customise fonts for your needs with 3 simple step. At first, you select needed symbols on source fonts. Then rearrange those on destination font. After that, you can download SVG font and make webpack via fontsquirrel generator or other services.

Chico UI

Chico UI

Chico UI is a free and open source collection of easy-to-use web tools for developers and designers.

KineticJS

KineticJS

You can draw your own shapes or images using the existing canvas API, add event listeners to them, move them, scale them, and rotate them independently from other shapes to support high performance animations, even if your application uses thousands of shapes. Served hot with a side of awesomeness.

130 + Free awesome website layouts in psd

Downloadable 130 + Free awesome website layouts in psd that can save a lot of time for designers. History of PSD:

The .PSD (Photoshop Document), Photoshop’s native format, stores an image with support for most imaging options available in Photoshop. These include layers with masks, color spaces, ICC profiles, transparency, text, alpha channels and spot colors, clipping paths, and duotone settings. This is in contrast to many other file formats (e.g. .EPS or .GIF) that restrict content to provide streamlined, predictable functionality. PSD format is limited to a maximum height and width of 30,000 pixels. .PSB (Photoshop Big) format, also known as “large document format” within Photoshop, is the extension of PSD format to images up to 300,000 pixels in width or height. That limit was apparently chosen somewhat arbitrarily by Adobe, not based on computer arithmetic constraints (it is not close to a significant power of two, as is 30,000) but for ease of software testing. PSD and PSB formats are documented.Photoshop’s popularity means that the .PSD format is widely used, and it is supported to some extent by most competing software. The .PSD file format can be exported to and from Adobe Illustrator, Adobe Premiere Pro, and After Effects, to make professional standard DVDs and provide non-linear editing and special effects services, such as backgrounds, textures, and so on, for television, film, and the Web. Photoshop’s primary strength is as a pixel-based image editor, unlike programs such as Macromedia FreeHand (now defunct), Adobe Illustrator, Inkscape or CorelDraw, which are vector-based image editors. However, Photoshop also enables the creation, incorporation, and manipulation of vector graphics through its Paths, Pen tools, Shape tools, Shape Layers, Type tools, Import command, and Smart object functions. Utilization of these tools and commands provides convenience when it is desirable to combine pixel-based and vector-based images in one Photoshop document because it can eliminate the necessity to visit more than one software program and transfer files between them. However, for the initial creation of very complex vector graphics that contain numerous shapes and numerous colors, it is much easier to use a software that was created primarily for that purpose, such as Adobe Illustrator or CorelDraw. If it is then necessary to import the complex vector object into Photoshop, it is possible to import it into Photoshop as a Smart Object. When the Smart Object is double-clicked on Photoshop’s layers palette, it is opened in its original software such as Adobe Illustrator where changes can be made, then after saving it, the Smart Object will be automatically updated in Photoshop.Photoshop uses color models RGB, lab, CMYK, grayscale, binary bitmap, and duotone. Photoshop has the ability to read and write raster and vector image formats such as .EPS, .PNG, .GIF, and .JPEG. – wiki

webappers.com

1) Design Studio PSD Template

2) Orange PSD Template

3) SanduneBiz PSD Template

4)Cambridge PSD Template


7) Audryhipburn PSD Template

8 ) MyTwoCents Property PSD Template

9) Old Victorian PSD Template

10) Bright Colors Radio PSD Template

11) Blackboard PSD Template

12) Colorful Video PSD Template

13) Shape PSD Template

14) DelliStore PSD Template

15) Midnight Sun PSD Template

16) Environmental PSD Template

17) Smashing Multimedia PSD Template

18 ) Slideshow PSD Template

19) Fresh PSD Template

20) 5 Webdesigns PSD Template

21) 3 Free PSD Template

22) Organic Conference PSD Template

23) Summer of Love PSD Template

24) Herbal Treats PSD Template

25) Solitude PSD Template

bestfreewebresources.com

 

Finding free PSD website template also not very difficult but it’s very hard to find the template which reflects fusion between creativity and design trends.
Below are 20 Brilliant And Free PSD Website Templates to help you through the learning curve or generate some new ideas.

FREE Template – FREE Download

140 20 Brilliant  And Free PSD Website Templates

Blue Business web template

230 20 Brilliant  And Free PSD Website Templates

Free Cinema Website Template – A New Monday Freebie

326 20 Brilliant  And Free PSD Website Templates

Nature Tour: Free PSD Website Template for Nature Enthusiast

419 20 Brilliant  And Free PSD Website Templates

New, Fresh and Free PSD Web Layout

510 20 Brilliant  And Free PSD Website Templates

Sleeko- Download single page website design

69 20 Brilliant  And Free PSD Website Templates

Free “PixelStudio” PSD by Keliah

710 20 Brilliant  And Free PSD Website Templates

Free premium PSD template – Exquisitee

89 20 Brilliant  And Free PSD Website Templates

Clean & Classy PSD Web Template

99 20 Brilliant  And Free PSD Website Templates

Elegant and Simple Blog Web Layout

109 20 Brilliant  And Free PSD Website Templates

Box & Cube

1114 20 Brilliant  And Free PSD Website Templates

Monte Cristo

1211 20 Brilliant  And Free PSD Website Templates

Free Clean and Professional Web Layout PSD: OpenMint

1311 20 Brilliant  And Free PSD Website Templates

Free High-Quality Layered PSD Modern Hosting Website Template

148 20 Brilliant  And Free PSD Website Templates

Fantastic Soccer Themed Blog Design

1511 20 Brilliant  And Free PSD Website Templates

Destroy Ubuntu Template

161 20 Brilliant  And Free PSD Website Templates

Solitude PSD Template

1710 20 Brilliant  And Free PSD Website Templates

Slideshow PSD Template

189 20 Brilliant  And Free PSD Website Templates

Free PSD Templates: vCard Personal Portfolio Minisite

1910 20 Brilliant  And Free PSD Website Templates

SanduneBiz PSD Template

209 20 Brilliant  And Free PSD Website Templates

 

dzineblog.com

1.) Shape

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

2.)
Fantastic Soccer Themed Blog Design

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

3.) Summer of love

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

4.) Smashing Multimedia

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

5.) Audryhipburn Psd Theme

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

6.) Trendy business & Finance layout

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

7.) A Stylish Portfolio Layout

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

8.) Web Design Professional Layout Tutorial

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

9.) Citrus square burst

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

10.) Avatar Pandora Themed PSD

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

11.) Organic conference

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

12.) OldVictorian Themed Awesome Design

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

13.) Herbal treats

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

14.) Fresh

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

15.) Projection

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

16.) DelliStore

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

17.) Orange

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

18.) Somara

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

19.) Create a Grunge Web Design Using Photoshop

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

20.) Blackboard Design Concept


High-Quality Free PSD Website Templates to Download

21.) Crisp presentation

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

22.) Web Layout with 3D Elements using Photoshop

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

23.) A Sleek, High-End Web Design

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

24.) Design an Online Template Shop Layout

High-Quality Free PSD Website Templates to Download

25.) One page Free Portfolio Design

High-Quality Free PSD Website Templates to Download
High-Quality

26.) Create a Game layout – Clan Layout

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

27.) Design an impressive web hosting layout

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

28.) Colorful Video Themed Web Design PSD

High-Quality Free PSD Website Templates to Download

29.) Design Studio

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

30.) Design a Band Website Layout in Photoshop

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

31.) Design a creative unusual layout

High-Quality Free PSD Website Templates to Download
High-Quality Free PSD Website Templates to Download

 

Instantshift.com

01. Shape

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

02. Sleek, High-End Web Design

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

03. Projection

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

04. Citrus square burst

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

05. Orange

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

06. Organic conference

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

07. 2 Breed

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

08. Colorful Video Theme (Registration Required)

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

09. Fresh template

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

10. MJackson Forever (Registration Required)

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

11. Hello

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

12. Business PSD

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

13. En construccion

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

14. One page Portfolio (Registration Required)

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

15. Crisp presentation

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

16. DelliStore

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

17. Herbal treats

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

18. Sunsite Book

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

19. Artificial Casting

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

20. FREE Template

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

21. Destroy Ubuntu

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

22. Solitude

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

23. Blackboard Design (Registration Required)

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

24. Midnight sun

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

25. Relivation

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

26. Somara

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

27. Summer of love

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

28. OldVictorian (Registration Required)

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

29. MyTwoCents Property (Registration Required)

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

30. Winnery

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

31. GrungeFolio 2

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

32. Personal Page

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

33. Grass’n’sky blog

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

34. TextLog

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

35. Template for a salon

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

36. Education template

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

37. Closing

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

38. Environmental Template

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

39. DOH TheMovie Texturemania (Registration Required)

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

40. Dusky

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

41. Grunge PSD Website

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

42. Radio Theme (Registration Required)

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

43. Vibrant Paints Template

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

44. OhNoes PressPlay Slideshow (Registration Required)

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

45. Green Leaves PSD

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

46. Webdesigns PSD Pack

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

PSD Files For WordPress Themes

 

47. Magazeen

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

48. WordPress Christmas

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

49. Smashing Multimedia

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

50. Design Pinkfloyd (Registration Required)

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

51. WordPress Vintage

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

52. Generation X

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

53. Notepad Chaos

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

54. Creative by Nature

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

55. Infinity

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

56. Fantastic Soccer (Registration Required)

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

57. WordPress Blues

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

58. MysticGrunge

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

59. WordPress Fun

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

60. FreeStyle WordPress Theme

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

61. Pixel

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

62. Transparency

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

63. Color Paper

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

64. Deskspace

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

65. PhotoView

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

66. Masinop

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

67. Agregado

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

68. CreativeArt

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

69. NewsTheme

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

70. SmartTouch

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

71. Seabreeze

instantShift - Ultimate Round-Up of Free PSD Website Templates

Features Download

230 + Creative single page websites

A single-page application (SPA), also known as single-page interface (SPI), is a web application or web site that fits on a single web page. In an SPA, either all necessary code – HTML, JavaScript, and CSS – is retrieved with a single page load , or partial changes are performed loading new code on demand from web servers, usually driven by user actions. The page does not automatically reload during user interaction with the application, nor does control transfer to another page. Necessary updates to the page display may or may not involve interaction with a server. The term single-page application was coined by Steve Yen in 2005, though the concept was discussed at least as early as 2003. Traditional web applications involve page changes, where the browser is required to fetch a new page from the server, in order to advance the interaction of the user with the application. But page changes in the browser disrupt the user experience, since there is a perceivable transition from one page, which has to be unloaded, to the next page, which has to be retrieved from the server and displayed from scratch. This can involve the unnecessary re-transmission and re-display of already existing unchanged page elements (e.g. a navigation bar, or results from a database query), and suffers from the fact that network latencies cannot be hidden from the user – wiki

artatm.com

Riot Industries

single_page_websites_52.jpg

Sage Media

single_page_websites_53.jpg

Simonfoster Design

single_page_websites_54.jpg

Beaver Lab

single_page_websites_55.jpg

Bitbots

single_page_websites_56.jpg

I am Jamie

single_page_websites_57.jpg

lillys table

single_page_websites_58.jpg

F 5

single_page_websites_59.jpg

C3 Media

single_page_websites_60.jpg

Balazs Koch

single_page_websites_61.jpg

Conway Anderson

single_page_websites_62.jpg

Crystal Eyes

single_page_websites_63.jpg

Edward Dark

single_page_websites_64.jpg

davidsalvatori

single_page_websites_65.jpg

Fab Media

single_page_websites_66.jpg

F T designer

single_page_websites_67.jpg

Goin Nutty

single_page_websites_68.jpg

Hire Me

single_page_websites_69.jpg

Its me asgar

single_page_websites_70.jpg

Josh Sender

single_page_websites_71.jpg

Komrade

single_page_websites_73.jpg

Mymcreative

single_page_websites_74.jpg

Mobily

single_page_websites_75.jpg
Pusula Web

single_page_websites_76.jpg

Rafael Vergani

single_page_websites_77.jpg

The Hope Design

single_page_websites_78.jpg

Dollar Dreadful

single_page_websites_79.jpg

The Beehive Market

single_page_websites_80.jpg

Twenty2Designs

single_page_websites_81.jpg

The Cybertouch

single_page_websites_82.jpg

Webtalents

single_page_websites_83.jpg

Edelwwweiss

single_page_websites_84.jpg

Serialcut

single_page_websites_85.jpg

Steve Mullen Creative

single_page_websites_86.jpg

Teoskaffa

single_page_websites_87.jpg

Siminki

single_page_websites_88.jpg

My Favorite thing

single_page_websites_89.jpg

Resn

single_page_websites_90.jpg

Dreamerlines

single_page_websites_91.jpg

Loukotka

single_page_websites_92.jpg

M1-Design

single_page_websites_93.jpg

Greydient

single_page_websites_94.jpg

IE Studio

single_page_websites_95.jpg

John Likens

single_page_websites_96.jpg

Go-on-Web

single_page_websites_97.jpg

Zupadupa

single_page_websites_98.jpg

Beakable

single_page_websites_99.jpg

Thetoke

single_page_websites_100.jpg

 

1stwebdesigner.com

50 Examples of Modern Single Page Website Designs

1. Barrel + BARC

Barrel   BARC

2. Help Us

Help Us

3. Catalytic Design

Santa Clarita

4. We Shoot Bottles

We Shoot Bottles

5. Mr. President: STOP THE LEAK

Mr

6. Natrashka

Natrashka

7. Third Culture Studios

Third Culture Studios

8. Riot Industries

Riot Industries

9. Sage Media

Sage Media

10. For The Record

For The Record

11. Beaver Lab

Beaver Lab

12. Bitbots Toys

Bitbots Toys

13. Iamjamie

iamjamie

14. Lilly’s Table

Lilly’s Table

15. F5

F5

16. Jon Renner

Jon Renner

17. C3 Media

C3 Media

18. Analog

Analog

19. Balazs Koch photographer

Balazs Koch

20. Carmilla Vampire

Carmilla Vampire

21. Christian Arth

Christian Arth

22. Conway Anderson

Conway Anderson

23. Dale Harris

Dale Harris

24. Crystaleyes

CRYSTALEYES

25. Danmoore

danmoore

26. Edward Dark

Edward Dark

27. DavidSalvatori

DavidSalvatori

28. Fabmedia Studios

Fabmedia Studios

29. Ftdesigner

ftdesigner

30. Goin Nutty

Goin Nutty

31. Helveticards

Helveticards

32. Hire me

Hire me

33. Itsmeasgar

Itsmeasgar

34. Josh Sender

Josh Sender

35. Komrade

Komrade

36. Make Photoshop Faster

Make Photoshop Faster

37. Make your Mark

Make your Mark

38. Mobily

mobily

39. MovieTweets

MovieTweets

40. Pusulaweb

Pusulaweb

41. Provenance Digital

Provenance Digital

42. Redesigning Claudiu Cioba

Redesigning

43. Rafael Vergani

Rafael Vergani

44. Tackle

Tackle

45. The Hope Design

The Hope Design

46. The Dollar Dreadful Family Library

The Dollar

47. The Beehive Market

The Beehive Market

48. Zitrusfrisch

zitrusfrisch

49. Twenty2designs

twenty2designs

50. TheCyberTouch

TheCyberTouch

webdesignledger.com

Single Page WordPress Theme

Sean Gaffney

Kevin Whitaker

Single Pages

Kevin M Heineman

Single Pages

Dreams Are Made by Pedaling

Single Pages

Osura

Single Pages

Bennett Feely

Single Pages

Riot

Single Pages

CoFinery

Single Pages

Nudge

Single Pages

Supereight Studio

Single Pages

TM Design

Single Pages

More Hazards More Heroes

Single Pages

Academy for Global Citizenship

The Drift

Single Pages

TypeMedia 2011

Single Pages

this is Marcela

Single Pages

Design Beast

Single Pages

Dentsu Network

Single Pages

Finely Sliced

Single Pages

Fabio Neural

Single Pages

Source:

One Page Love
The Best Designs

About the Author

Gisele Muller is someone that recently discovered a new career online. A person that really likes technology, design, photography and creativity. An eternal geek wannabe, tech fan and a communication lover! Current location: San Bruno, CA – USA. Twitter: @gismullr

Related Posts

Here’s some other articles that you will definitely find useful.

Fresh Examples of HTML5 Websites

Excellent Examples of Package Design

Arranging and Designing Synchronized User Interfaces

25 Examples of Footers in Web Design

HDR Photos by Trey Ratcliff

Think Green Meeting

singlepage01

KINO

singlepage02

The Great Bearded Reef

singlepage03

Fajne Chlopaki: Portfolio

singlepage04

Mogulista

singlepage05

SocialSnack

singlepage06

BULLET PR

singlepage07

Zee

singlepage08

Legwork Studio

singlepage09

Art by Annis Naeem

singlepage10

Portfolio of Tyrale Bloomfield

singlepage11

We Shoot Bottles

singlepage12

Silverbackapp

singlepage13

Tim Van Damme

singlepage14

basil gloo

singlepage15

Charlie Gentle

singlepage16

Chiragj Solanki

singlepage17

Contrast

singlepage18

Brian Murchison

singlepage19

Visualbox

singlepage20

www.MelissaHie.com

singlepage21

Tyler Finck, Sursly

singlepage22

volll

singlepage23

SectionSeven Inc

singlepage24

Dan Tobolic

singlepage25

Work at Play

singlepage26

Black Estate Vineyard

singlepage27

Search Inside Video

singlepage28

Samir Tuladhar

singlepage29

f claire baxter

singlepage30

Nile Inside

singlepage31

rzmota.com

singlepage32

The Portfolio of Bryan Katzel

singlepage33

Carbon Aspect

singlepage34

smartcube.ie

singlepage35

GIANT Creative

singlepage36

Hello. My name is Myke Ambs

singlepage37

Fabiano Meneghetti

singlepage38

sebdesign.eu

singlepage39

NETWiSE Strategies

singlepage40

Instantshift

 

Deaxon

instantShift - Single Page Website Design Inspiration

Official Link

Melonfree

instantShift - Single Page Website Design Inspiration

Official Link

Visual Harbor

instantShift - Single Page Website Design Inspiration

Official Link

Contrast Rebellion

instantShift - Single Page Website Design Inspiration

Official Link

Ala.ch

instantShift - Single Page Website Design Inspiration

Official Link

Fat Man Collective

instantShift - Single Page Website Design Inspiration

Official Link

Denny’s

instantShift - Single Page Website Design Inspiration

Official Link

Yess BMX

instantShift - Single Page Website Design Inspiration

Official Link

Jan Ploch

instantShift - Single Page Website Design Inspiration

Official Link

Reverend Danger

instantShift - Single Page Website Design Inspiration

Official Link

Dentsu Network

instantShift - Single Page Website Design Inspiration

Official Link

Mball

instantShift - Single Page Website Design Inspiration

Official Link

Blink Calgary

instantShift - Single Page Website Design Inspiration

Official Link

Digital Hands

instantShift - Single Page Website Design Inspiration

Official Link

Colorful Visuals

instantShift - Single Page Website Design Inspiration

Official Link

Deda.me

instantShift - Single Page Website Design Inspiration

Official Link

Vertaa Verkkoja

instantShift - Single Page Website Design Inspiration

Official Link

Trifermed

instantShift - Single Page Website Design Inspiration

Official Link

Mark Lawrence Design

instantShift - Single Page Website Design Inspiration

Official Link

Born75

instantShift - Single Page Website Design Inspiration

Official Link

Pelanidea

instantShift - Single Page Website Design Inspiration

Official Link

the Bullittagency

instantShift - Single Page Website Design Inspiration

Official Link

Muziekpark

instantShift - Single Page Website Design Inspiration

Official Link

David e Maddalena

instantShift - Single Page Website Design Inspiration

Official Link

Zeropixel

instantShift - Single Page Website Design Inspiration

Official Link

Team Viget

instantShift - Single Page Website Design Inspiration

Official Link

Volunteer Louisiana

instantShift - Single Page Website Design Inspiration

Official Link

Incub

instantShift - Single Page Website Design Inspiration

Official Link

Fork

instantShift - Single Page Website Design Inspiration

Official Link

Jorge Rigabert

instantShift - Single Page Website Design Inspiration

Official Link

Irwin Mabini

instantShift - Single Page Website Design Inspiration

Official Link

Yogurteria Carioca

instantShift - Single Page Website Design Inspiration

Official Link

Adlucent

instantShift - Single Page Website Design Inspiration

Official Link

Tej Potter

instantShift - Single Page Website Design Inspiration

Official Link

Marco Barbosa

instantShift - Single Page Website Design Inspiration

Official Link

Low Geek

instantShift - Single Page Website Design Inspiration

Official Link

TME Solutions

instantShift - Single Page Website Design Inspiration

Official Link

Marco Rotoli

instantShift - Single Page Website Design Inspiration

Official Link

TruQua

instantShift - Single Page Website Design Inspiration

Official Link

We Are Empire

instantShift - Single Page Website Design Inspiration

Official Link

Made by Vadim

instantShift - Single Page Website Design Inspiration

Official Link

DesignBeast

instantShift - Single Page Website Design Inspiration

Official Link

Aimee Duplantis and Matthew Shwery

instantShift - Single Page Website Design Inspiration

Official Link

The New Albany Classic

instantShift - Single Page Website Design Inspiration

Official Link

Touchtech

instantShift - Single Page Website Design Inspiration

Official Link

Brock Kenzler

instantShift - Single Page Website Design Inspiration

Official Link

Leeuw Media

instantShift - Single Page Website Design Inspiration

Official Link

Webdesign Company24×7

instantShift - Single Page Website Design Inspiration

Official Link

Janette D. Council

instantShift - Single Page Website Design Inspiration

Official Link

Desamo

instantShift - Single Page Website Design Inspiration

Official Link

Biennale

instantShift - Single Page Website Design Inspiration

Official Link

Dairy Maniacs

instantShift - Single Page Website Design Inspiration

Official Link

Joey Lomanto

instantShift - Single Page Website Design Inspiration

Official Link

Piotr Kwiatkowski

instantShift - Single Page Website Design Inspiration

Official Link

Nikola Arežina Portfolio

instantShift - Single Page Website Design Inspiration

Official Link

Allan Yu

instantShift - Single Page Website Design Inspiration

Official Link

Animus

instantShift - Single Page Website Design Inspiration

Official Link

Resolutionim

instantShift - Single Page Website Design Inspiration

Official Link

Hello Carbon

instantShift - Single Page Website Design Inspiration

Official Link

We Came From Mars

instantShift - Single Page Website Design Inspiration

Official Link

Werbungrockt

instantShift - Single Page Website Design Inspiration

Official Link

Deeptime

instantShift - Single Page Website Design Inspiration

Official Link

Naomi Atkinson Design

instantShift - Single Page Website Design Inspiration

Official Link

Stonehenge Veterinary Hospital

instantShift - Single Page Website Design Inspiration

Official Link

Smorge

instantShift - Single Page Website Design Inspiration

Official Link

Balencic

instantShift - Single Page Website Design Inspiration

Official Link

Pixel Odyssey

instantShift - Single Page Website Design Inspiration

Official Link

Davide Colla

instantShift - Single Page Website Design Inspiration

Official Link

Wildcard Thinking

instantShift - Single Page Website Design Inspiration

Official Link

I Am Tiago

instantShift - Single Page Website Design Inspiration

Official Link

This is Marcela

instantShift - Single Page Website Design Inspiration

Official Link

Awesome Concept Cars

instantShift - Single Page Website Design Inspiration

Official Link

Dave and Dusanka

instantShift - Single Page Website Design Inspiration

Official Link

140 + Free social media icon packs

Icons, the bridge between website and social media. Since the social media era most of the websites have facebook and twitter(and some have g+) accounts to boost popularity and keep in touch with the visitors. So we have collected awesome collections of 140 + Free social media icon packs from some of the best websites around the internet.

Collection from ezuca.com

Social Media Bookmark Icon +

Free Social Networking Icon Sets

Social Bookmark Icons for Your Blogs

Free Social Networking Icon Sets

Aquaticus Social

Free Social Networking Icon Sets

Social Icons in Black

Free Social Networking Icon Sets

Social Bookmark Icons

Free Social Networking Icon Sets

Web Social Icons

Free Social Networking Icon Sets

Social Bookmark Buttons

Free Social Networking Icon Sets

Social Bookmark Iconset

Free Social Networking Icon Sets

Social Bookmark Iconset: Part II

Free Social Networking Icon Sets

Circular Social Media Icons in 3 Sizes

Free Social Networking Icon Sets

Set of Social Grunge Icons

Free Social Networking Icon Sets

Extended Set of Social Icons

Free Social Networking Icon Sets

Leaves Fall Social Icon Set

Free Social Networking Icon Sets

Social Glasses Icon Set

Free Social Networking Icon Sets

Handycons 2 Icons

Free Social Networking Icon Sets

Free Social Icons

Free Social Networking Icon Sets

Social Bookmark Icons

Free Social Networking Icon Sets

Web 2 Icons

Free Social Networking Icon Sets

Circle Social Bookmark Icons

Free Social Networking Icon Sets

Free Hand Drawn Doodle Icon Set for Bloggers

Free Social Networking Icon Sets

Social Icons Hand Drawned

Free Social Networking Icon Sets

Web 2.0rigami

Free Social Networking Icon Sets

Social Icon Pack

Free Social Networking Icon Sets

Koidesign Social Icon Pack

Free Social Networking Icon Sets

Orange Grunge Stickers Social Bookmarking Icons

Free Social Networking Icon Sets

Set of Social Icons No.2

Free Social Networking Icon Sets

Glowing Neon Social Media

Free Social Networking Icon Sets

Set of Social Icons No.4

Free Social Networking Icon Sets

Dellifeed: A Free Icon Set

Free Social Networking Icon Sets

Glossy Orange Orb Social Media Icons

Free Social Networking Icon Sets

Social Icons Made of Wood

Free Social Networking Icon Sets

Wood Social Networking Icons

Free Social Networking Icon Sets

Crumpled Paper Social Networking Icons

Free Social Networking Icon Sets

Antique Glowing Copper Orbs Social Networking Icons

Free Social Networking Icon Sets

Nurture Social Icon Set

Free Social Networking Icon Sets

Green Jelly Social Media

Free Social Networking Icon Sets

Free Vector Social Bookmark Icons

Free Social Networking Icon Sets

Social Media Stars Icon Set

Free Social Networking Icon Sets

Social Web Buttons – Set 1

Free Social Networking Icon Sets

6 Free New Social Icons – Digg, Twitter, Stumble, RSS, Delicious & Reddit

Free Social Networking Icon Sets

Blue Chrome Rain Social Networking Icons

Free Social Networking Icon Sets

Blue Jelly Social Media Icons

Free Social Networking Icon Sets

3D Glossy Blue Orbs Social Media Icons

Free Social Networking Icon Sets

Free Set of Social Networking Coffee Stain Icons

Free Social Networking Icon Sets

Worn Cloth Social Networking Icons

Free Social Networking Icon Sets

Glossy Black Social Networking Icons

Free Social Networking Icon Sets

Glass Space Social Networking Icons

Free Social Networking Icon Sets

Glowing Pink Neon Social Networking Icons

Free Social Networking Icon Sets

Jeans Social Media Icon Pack

Free Social Networking Icon Sets

Matte Black Social Media

Free Social Networking Icon Sets

IconsETC Black Inlay on Steel Social Media Icons

Free Social Networking Icon Sets

3D Glossy Black Button Social Networking Icons

Free Social Networking Icon Sets

Crystal Clear Bubble Social Media Icons

Free Social Networking Icon Sets

Ultra Glossy Silver Button Social Media Icons

Free Social Networking Icon Sets

Silver Inlay Glowing Glass Orb Social Media Icons

Free Social Networking Icon Sets


Collection from caintechnews.wordpress.com

1. WHITE MAGIK – A Free Social Icon Pack

A clean set of icons from chethstudios.Re-distribution not allowed! White Magik is perfect for white minimalistic sites and can be used with image hover for excellent looks!. It includes 45 icons in .PNG format.

2. Elegant social media Icon Pack

Just another contribution from chethstudios. An elegant design icons. Well you’re free to use in your blog. But Please DON’T re-distribute.

3.3D Social media icons

This 3D Social Media Icon Pack comes with 20 icons which include your favorite social media websites such as Digg, StumbleUpon, Twitter and lot more from dawghouse design studio.Get the license details of usage from source.

4.Vintage post stamp icons

The set comes with 23 icons of your favorite social media sites, all in 200 x 200px and in transparent PNG formats. These icons would surely be a perfect fit for your vintage or grunge themed web designs!

5.Glowing social niche icons

Neat icon set.License usage :Creative Common license BY-ND

6.Social icons sticker set

Pretty nice icons. It’s a sticker type social icons.Available in .PNG, EPS and Ai format. Free for any use.

7.Social icons vector set

Consists of 16 popular social media icons, available in both vector and PNG (64×64 pixels) format. Free for any use.

8.Social icons pack by Sylwia Besz

Clear design icons.This work is licensed under a Creative Commons Attribution 3.0 License.

9.Social media icons pack from Blogperfume

Designed as a circular style. Available in 3 sizes (128*128, 64*64, 32*32).Please feel free to use Social Media Icons Pack on both personal and commercial projects. These icons are designed by Eli a south Australia web designer. They provided these icons in two parts.

10.Woven fabric social media icon set

This set contains 26 icons of your most favorite social media sites such as Digg, Delicious, StumbleUpon, Twitter, Facebook and lot more! These icons would be perfect for websites or blogs that uses textures or a grungy theme.

11.Social icons made of wood

Wood theme icons from webtoolkit4.me .The set consists of 11 icons in PNG format (64 x 64). It’s free for both personal and commercial projects.

12.Icon texto web 2.0 inside icon pack

Download this free Windows Vista icon pack for your Website or Application. 32 icons in .PNG format.It’s free! These icons are released under CC License Attribution-Noncommercial 3.0

13.Amazing 3d social icons

A brand new set that consists of 20 3D icons in PNG format (64×64 & 128×128pixels). It’s really an awesome icons.

14.Hand drawn social icons

Very cool and creative set of drawn, sketched social icons! Have fun with this one! Hope you enjoy them.

15.Worn out soda cans-social-icon-pack

The Worn-Out Soda Cans Social Media Icon Pack is free to use for both your personal and commercial projects.The icon pack once again features icons of our favorite social media sites in 200×200, transparent PNG formats.

16.Social media icons by plechi

Free vector social media icons.This work is licensed under a
Creative Commons Attribution-Share Alike 3.0 License. Designed by plechi.

17.Jeans-social-media-icon-pack

Great work and unique idea the designer.Free for personal and commercial use.the credit goes to nishad.

18.vector-social-media-icons

This free set includes 50 icons of the most popular social media networks on the internet. The icons are designed in 32px and 16px vector format. With the vector format. Now this icon pack is updated recently.This icon set is released under is licensed under Creative Commons Attribution-Share Alike 3.0 Unported License.

19.Minimum-icon-set

This  minimum social media icon set.includes deviantart, delicious, flickr, Gmail, twitter.This work is licensed under a Creative Commons Attribution-Share Alike 3.0 License.

20.Grunge peeling stickers social media icons

This Icon Pack is chuck full of 20 Grunge Peeling Social Media Stickers, This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed.

21.Iconshock’s free social icon pack

Smooth edge icons and a classy look.It’s a freebie from Iconshock.

22.Wooden badges icon pack

The icon pack contains web and social media icons such as StumbleUpon, Digg, Twitter and several others!.This icon pack is free to use for both your personal and commercial projects but may not be sold or redistributed in any way.

22.Icon pack with PSD

A full set of icons ready for use with mac and pc. Attached with PSD.

23.Social grunge icons

Grunge effect in social icons made in a elegant way.available in PNG format.Designed By: tydlinka

24.Networking and Bookmarking icon set

There are a total of 36 icons with 9 different Social Media – Networking  & Bookmarking sites.Of course this pack is going to be regularly updated and reorganized .License/Usage : Free for personal and Commercial work

25.Icons made with the type tool and helvetica

Helvetica social Icons that are 99% made with the type tool in Photoshop.
Everything is made with the type tool in Photoshop and variations of the Helvetica font.There aren’t really any typographical icons around the web like this icons.Free to download and use.

26.Social web button sets

There are 20 social web buttons in two sizes and two colors. Download is free.

27.Old bottle crowns icon set

The icon set consists of 20 very unique and never before created bottle crown icons such as Digg, Stumble Upon, Twitter, Delicious, Technorati and a whole lot more.These icons are free to use for both your personal and commercial projects but may not be redistributed or sold in any way.

28.Gummy-social-icon-set

29.Social trucks icon set

Social Truck Icon set consists of 10 social network icons; These cute icons are designed by Andrea Austoni . Andrea is an Italian freelance designer currently living in Krakow, Poland. He specializes in icon design and illustration.these icons are absolutely free and you are allowed to use them in personal or commercial project. Just don’t redistribute

30.32 Pixel Social Media Icons

Free for personal and commercial use.Cute design.

31.Web 2.0 Gift Icons by IconsPedia

This icon pack contains 14 icons, including popular social bookmarking services and our favourite browser  Firefox etc… The icons are available in PNG, ICO and ICNS format. They are free to use for both personal and commercial projects, including websites, templates & software. You are not allowed to sell or redistribute the icons anywhere else.

A Big treat from webtreat

In this below lists  you are going to view a massive contribution of webtreats.mysitemyway.com in social media icons.They have done a great work in social media icons! and these are high quality designs.

32.Glowing Neon Social Networking Icons

108 free high-resolution Glowing Neon Social Networking Icons. 2,000 more icons of this style will soon be released on ETC format.

33.Crystal clear bubble icons

It’s an updated set of icons including Drupal,Deviant art icons etc… They are free to download and use. 154 icons available.

34.Blue Chrome Rain icons

2000 more icons are available in this style in webtreats.

35.Orange grunge stickers

Wonderful orange social media icons in grunge style with some pop out effect.

36.Black paint splatter icons

No attribution necessary for these icon packs.Splatter effect in social media icons it’s a creative and unique concept from the designers.

37.Red and white pearl icons

38.Glossy black glass icons

20 web icons in .png format made with these styles, and a layered psd of the image below, which has editable text should you want to use this as a text effect.

39.Blue Jelly Social Media Icons

40.In-focus simple white icons

This matching set is designed to be put in the sidebar of your theme so you can link to your social media profiles.There are 10 more color variations for icon set is available.

41.Glossy waxed wood icons

42.Retro Grunge Stripes Social Media Icons

A classy look and these icons meet international standars.Retro Grunge Stripes Social Media Icons.

43.Crumpled paper social icons

A creative look for social media icons by this way.It’s suitable anything like grunge or crumpled themes.

44.Glassy space social icons

Just another beautiful glassy style icons.

45.Grunge-warning-stripes

46.Vibrant pattern icons

This vibrant pattern icons social media logos set includes the most popular social bookmarking and networking icons (Digg, Delicious, StumbleUpon  and Yahoo logos etc…

47.Twitter icons

Free set of unique twitter graphics.There really is no limit to what you can do with this brilliant set, lovingly designed by Pasquale D’Silva.The set includes 40 Files in total, all in transparent .png format.

48.Twitter icons by sibusinho

Really a cute twitter icon for your blogs or websites.Also only noncommercial use is allowed.

49.Twitter icons promo set

This breaks down to roughly 1,800 icons added to each existing set and 20 brand new sets! Here’s a little twitter promo pack with 53 twitter icons, one from each set!.

50.RSS cheese icon style

The set contains 4 high resolution RSS icons that come in four sizes: 512×512, 256×256, 128×128 and 64×64. Icons are completely free and can be used without any restrictions in any type of project including commercial projects.

 

Collection from naldzgraphics.net

 

Social Media Bubbles: Icon Pack

social media bubbles

The pack include 8 icons for some of the most popular social media/networking sites including Twitter, Facebook, and StumbleUponin the web.

Download Source

SocialClean- Free Social Network Icons

socialclean free social

The set covers 12 icons delivered as PNGs in 4 different sizes: 16×16, 32×32, 48×48 and 128×128 tjat presents various social networks like Digg, Delicious and Facebook.
Download Source

Free Social Media Icon Set

media icon set

The package includes 42 64×64 icons in both PNG and PSD form that you can use however you like.
Download Source

Freestyle and Square, Two Free Social Media Icon Sets

two free social

The icon sets contain 28 icons that cover all of the major social media services and applications in .PNG format and comes in three sizes: 24x24px, 48x48px and 60x60px.
Download Source

Freebies Released: Yammy Social Media Icons Set

yammy social media

In this set, various popular social media icons, available in two different sizes – 64 x 64px and 128 x 128px is given.
Download Source

PC Social Media Icons

pc social media

Here is a free social media icon set which comes with 10 icons.
Download Source

DarkSocial: A Free and High-Quality Social Media Icon Set

quality social media

This free icon set, brings you 10 high quality social media icons: Blogger, Digg, Yelp, Picasa, MySpace, Yahoo! and many more where each icon comes in 4 sizes (512px, 256px ,128px and 64px) in PNG format.
Download Source

Free Icon Pack: Vector 3D Social Icons

vector 3d social

The icon pack includes vector source files (AI) of each icon for easy editing and scaling to all users with no loss in quality. It also comes with PNG files with sizes at 256x256px.
Download Source

Neon Social Media Buttons

Neon Social Media

Based on “Slash & Flash” Buttons of Eric Fortier. The set composed of 18 social media icons to download for free.
Download Source

Free and Exclusive Icons: Brown Social Icon Pack

brown social icon

You will find 12 glossy polished icons in different size variations: 32x32px, 64x64px and 128x128px for maximum flexibility. The icons are available in .PNG format.
Download Source

Social Trucks Icons

social trucks icons

The set includes 10 colorful, spacious and unstoppable social trucks at a whopping 512×512 px resolution that are ready to download.
Download Source

12 Creative Wooden Social Networking Icons

wooden social networking

This icon pack includes 12 creative and professional social networking icons in wood style and in four different sizes: 16px, 32px, 64px and 256px.
Download Source

Social Media Icons – Volume 2

Social Media Icons Volume

The set includes .png and .zip filetype and 18 icons.
Download Source

“Buddycons” – Vector Social Media Icons

buddycons vector social

Here is an icon set that includes 126 vector social media icons with PNG versions of all icons in both circular and rounded variations as well as a vector source file for easy resizing.
Download Source

Picasso: A Free Social Media Icon Set

picasso media icon

In this set, several icons for social media with sizes ranging from 512px to 16px.
Download Source

Free Grass Textured Social Bookmarking Icon Set

grass textured social bookmarking

The icons are packaged with 3 different sizes: 256px, 128px and 64px.
Download Source

Latte Art Social Icons

latte art social icons

Four social icons for Facebook, RSS, StumbleUpon and Twitter available in sizes of 128×128, 64×64 and 48×48 PNGs are available in thsi set.
Download Source

28 Social Media Icon Badges

Social Media Icon Badges

Here is a fun set of 28 social media icons done in a hand stitched vintage badge style that includes Bing, Blogger, Delicious, Designer Float, deviantART, Digg, Facebook, Feedburner and many more.
Download Source

Social Media Circles Icon Set

social media circles

The set includes 1 zip file containing 222 png icons in sizes of 32×32, 64×64, 128×128 and 2 styles.
Download Source

Social Media Bubblicons: Icon Pack

social media bubblicons

Here is a free set of social media icons which includes Twitter, Facebook, and StumbleUpon. The icons has dimensions of 48×48px in PNG format.
Download Source

Social MEdia Icons

social media icons

The set contains 10 social media icons in Psd and .Png files in 64×64 & 128×128 sizes.
Download Source

Bulb Social Media Iconsk

Social Media Icons

In this set, 9 icons are included.
Download Source

More Social Media Balloons

social media balloons

Sixty-four (64) icons is included in this set with different sizes (from 32px to 128px) and are in 32-bit transparent PNG format.
Download Source

Furry Cushions Social Icons

furry cushions social icons

The set includes several icons, available in 4 sizes: 256px, 128px, 64px and 48px.
Download Source

Free Robotic Social Media Icons Set Released

robotic social media icons

In this set, various popular social media icons is included and are available in three different resolutions – 64 x 64px, 96 x 96px, and 128 x 128px.
Download Source

Derelict-Free Social Media Icons

grunge social media

Here are several social media icons in 256 x 256 px and 64 x 64 px sizes.
Download Source

Isometrica (Volume 1): A Free Social Media Icon Set

isometrica volume

There are 18 “normal” sized icons at an overweight 105x67px (.PNG) included in this set.
Download Source

Orb Social Media: Icon Pack

orb social media icon

Thirty-two (32) icons are included in this set with a size of 256x256px in PNG file format
Download Source

Green Thumb: A Free Social Media Icon Set

green thumb

Here is a set of several socila media icons. The icons are available in four sizes: 256×256, 128×128, 64×64 and 32×32 pixels.
Download Source

17 Free Social Media Icons

Social Media Icons two

This set contains 17 free social media icons in 16×16 and 32×32 sizes and in both transparent PNG and GIF.
Download Source

“SocialShift” Icon Set: 246 Free Social Networking Icons

socialshift icon

In this icon set, a total of 246 social networking/media icons in PNG versions is included and are ready to download.
Download Source

Blacksmith – 14 exclusive free Social Network / Media icons

blacksmith social media

Here are 14 social media icons where the download comes in .PNG and fully layered .PSD formats.
Download Source

inFocus Ad
Simple Glossy Silver Social Media Icons

(glossy silver social media icons

The set includes 154 social media icons for popular social media sites.
Download Source

Freebie: Social Media And Blogging Icon Set

blogging icon set

The icons included in this set comes in 32x32px, grouped in PSD files for easy editing. The zip file contains all 65 icon in 32×32 transparent PNG format.
Download Source

Social media icons

free social media

The set includes several social media icons.
Download Source

Jive: 10 Social Media Icons

jive social media

Here is a set of 10 social media icons which represent various cartoon illustrations.
Download Source

OLED social icons

OLED social icons

The icons included here is in 16x16px OLED display.
Download Source

Red Blops Social Media Icons

Red Blops Social Media

This set contains 15 different icons for social media websites
Download Source

Social Media Sleek Icons: Icon Pack

sleek icons icon

The icons in this set comes in 2 sizes: 32×32px and 16×16px for Twitter, Facebook, StumbleUpon, and Digg.
Download Source

Burnt Wood: A Social Media Icon Set

burnt wood

The pack contains 12 icons for some of the popular social sharing sites in 420x420px PNG file that can be scaled down to any size needed.
Download Source

High detail social icons

high detail social icons

Here are several free high detailed icons for social media.
Download Source

Social Media Discs

social media discs

This set contains 11 social media icons in 4 sizes: 256 x 256, 128 x 128, 64 x 64 and 48 x 48.
Download Source

1,540 inFocus Simple White Social Media Icons – Sidebar Edition

white sidebar social media icons

Several icons for social media is included in this package.
Download Source

Social Media Icons

Social Media Icons art

Seventeen (17) high-resoultion social media icons are included in this set
Download Source

Using attractive Social Media Icons can help drive more traffic to a website or blog in a way that visitors can share the content if they like. But, of course, make sure that your content has a quality so it’s worth the share. So which of these free icons are your favorite??? have you tried using a social media icons before??? Feel free to leave your comment below…