DefaultIcon is a repository of elegant, visually unified, minimal icons with crystal clear clarity, based on black color. It can be used for UI design on web, portable devices (iPhone, iPad, Android compatible devices, other smartphones etc) , desktop applications, and generally any kind of electronic or mechanic machinery interface.
The set is completely customizable as it is available in eps format. The package also includes a png format , in black color, and sizes 16×16, 32×32, 48×48, 64×64, 128×128, 256×256. The icons are free for redistribution, commercial and non-commercial, as long as the license is passed along unchanged and in whole, with credit to interactivemania.
![default-icons default-icons](http://www.webappers.com/img/2011/09/default-icons.png)
Requirements: –
Demo: http://www.defaulticon.com/
License: Creative Commons 3.0 License
The Heartcode CanvasLoader is a lightweight JavaScript UI library, which uses the HTML5 Canvas element to draw and animate circular preloaders. The Heartcode CanvasLoader runs in every ‘good’ browser which supports the HTML5 Canvas element.
To build your custom preloader, use the “CanvasLoader Builder” section. There is a bunch of parameters you can play with. If you are happy with your preloader, use the code snippet or download your custom HTML example file which contains your CanvasLoader instance and the embedding instructions.
![canvas-loader canvas-loader](http://www.webappers.com/img/2011/09/canvas-loader.png)
Requirements: HTML5 Canvas Support
Demo: http://heartcode.robertpataki.com/canvasloader/
License: License Free
Minible was a simple idea that Mark Kelso came up with while on placement,while working with clients he found the process of having to collect web copy for a specific website a pain. He wanted a way he could easily let them create the navigation hierarchy and all the content for the pages, he wanted it to be very easy for them to do and understand it quickly.
He also added a comments feature as well to let the user write notes on each page. Minible is designed to be used by everyone and is also created in a way to get a client used to using a content management system and the idea of inputting data and then saving it.
![minible minible](http://www.webappers.com/img/2011/09/minible.png)
Requirements: –
Demo: http://minible.com/
License: License Free
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more. With the help and feedback of many engineers at Twitter, Bootstrap has grown significantly to encompass not only basic styles, but more elegant and durable front-end design patterns.
Bootstrap is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox. Bootstrap comes complete with compiled CSS, uncompiled, and example templates.
![bootstrap-twitter bootstrap-twitter](http://www.webappers.com/img/2011/09/bootstrap-twitter.png)
Requirements: Safari, Google Chrome, Firefox 4+,IE 7+, Opera 11
Demo: http://twitter.github.com/bootstrap/
License: Apache License
Smashing Magazine has released a Facebook Fan Page GUI PSD. The PSD will speed up the process of creating previews, thus sparing you from drawing all the comps and letting you customize all the texts, buttons and data as you need.
All layers are vectorized, allowing you to scale up the GUI without loss of quality. The mock-up is 100% pixel-accurate, it has 4 viewing modes (default wall, wireframe wall, default tab, wireframe tab), all layers labeled and grouped. Smart guides are included. The PSD is compatible with Adobe Photoshop CS3+.
The main idea behind this PSD was to provide all designers and agencies with a useful tool that will improvs their daily workflow when it comes to preparing Facebook-related previews for their clients or internal presentations. And this is absolutely free to use in private and commercial projects.
![facebook-wireframe facebook-wireframe](http://www.webappers.com/img/2011/09/facebook-wireframe.png)
Requirements: –
Demo: http://www.smashingmagazine.com/2011/09/13/freebie-facebook…
License: License Free
Mercury Editor is a fully featured editor much like TinyMCE or CKEditor, but with a different usage paradigm. It expects that an entire page is something that can be editable, and allows different types of editable regions to be specified.
It displays a single toolbar for every region on the page, and uses the HTML5 contentEditable features on block elements, instead of iframes, which allows for CSS to be applied in ways that most other editors can’t handle. Mercury has been written using CoffeeScript and jQuery for the Javascript portions, and is written on top of Rails 3.1.
![mercury-editor mercury-editor](http://www.webappers.com/img/2011/09/mercury-editor.png)
Requirements: Chrome 10+, Safari 5+, Firefox 4+
Demo: http://jejacks0n.github.com/mercury/
License: MIT License
At Browserling, they are huge open-source fans and they have open-sourced 90 node.js modules! All written from scratch. You will find the complete list of all the modules together with their brief descriptions.
They have also published all the modules on GitHub, so that you can keep track of them easily. All of them are greatly documented so just click the ones you’re interested in to read more and see examples.
![node-modules node-modules](http://www.webappers.com/img/2011/09/node-modules.png)
Requirements: Node.js
Demo: http://www.catonmat.net/blog/browserling-open-sources…
License: License Free
Spur is a little app from ZURB that helps you critique your web designs, giving you that kick you need to make them better. Looking at your web design through Spur’s seven tools will give you new perspective to see things you might have missed.
Spur is a fun and easy way to critique web designs in ways you’ve never done before. Just paste a URL and you’ll be able to use seven different tools (Grayscale, Intersections, Contrast, Blur, Mirror, Rotate, 50% Zoom) to help you find what’s working.
![spur spur](http://www.webappers.com/img/2011/09/spur.png)
Requirements: –
Demo: http://www.spurapp.com/
License: License Free
PayPal is the most popular platform for receiving online payments today. The ease of opening a PayPal account and receiving payments compared to opening a merchant account with a traditional payment gateway is probably the number one reason for its popularity, with a close second being the comprehensive API that PayPal provides for its payment services.
SmashingMagazine has published a really useful article: Getting Started With The PayPal API for building E-Commerce sites or Web Applications. In the article, they will break down some of the techniques and approaches to working with the PayPal API, in order to make integration and troubleshooting simpler and easier.
![paypal-api paypal-api](http://www.webappers.com/img/2011/09/paypal-api.png)
Source: Getting Started With The PayPal API
BundleHunt has just begun its two weeklong software bundle sale with more great apps for Mac OS X and an awesome set of Design goodies. Featuring 11 popular Mac OS X applications and great quality design resources normally valued at over $450 for just $49.99 at a 89% discount.
There’re some great apps here that almost anyone should find tempting including: LaunchBar, ColorSchemer Studio 2, WriteRoom, Seamless Studio, Divvy, SmashingMagazine 4 new e-books, Tumult Hype, ThemeTrust 3 WordPress themes, Xslimmer, Geomicons Iconset and TN3 Gallery.
In all, there are 11 applications and products, all for an amazing price – $49.99. You can also join their new affiliate system in order to have a chance to win $500 in cash too.
![mac-app-design-goodies mac-app-design-goodies](http://www.webappers.com/img/2011/09/mac-app-design-goodies.png)
Source: BundleHunt 5