Chico UI is an open source and free set of user interface components to ease developing with jQuery.
The components include auto-complete, blink, calendar, carousel, countdown, date-picker, dropdown, expando, form and more.
There is a CSS layout framework named Chico Mesh for accomplishing any type of web layouts and grids.
Also, a CSS library exists for styling HTML and UI elements like lists, tables, buttons, typography, pagination.etc..
Each Chico UI resource is well-documented + supported with demos and various tutorials exist for more details.
Requirements: jQuery
Compatibility: All Major Browsers
Wink Toolkit is a JavaScript framework for creating mobile web applications with less-hassle.
It comes in multiple parts where the "core" (which includes HTTP requests utilities, event management system or DOM extensions) is a must to use and every other feature is optional.
Such a structure helps keeping the filesize minimum which is pretty important when it is mobile.
The UI widgets of the framework is very rich and consists of 3D wall, accordion, sliding panels, flip page, coverflow, progress bar and much more.
There are also libraries for a slick user experience with drag 'n' drop, gesture recognizer or browser history.
Wink Toolkit is a project of Dojo Foundation and also expected to be a part of the Dojo Mobile.
Requirements: No Requirements
Compatibility: iPhone, iPad & Android
Ember, a service for sharing screenshots, illustrations, etc. with the world, has a well-categorized library of screenshots for getting inspired.
The categories include graphic, web and UI design with sub-categories like typography, web apps., iphone apps., sign-up forms and more.
It is not a pattern library and doesn't discuss the methodology of each category but shares beautiful, well-picked screenshots which is great when searching for inspiration on a specific subject/module.
Once logged in (there are free and paid plans), you can add designs to your favorites, comment to them or upload new ones.
Alloy UI is a JavaScript UI library, a CSS framework, a set of HTML recipes and a taglib library, all combined to empower developers across multi-skilled teams deliver rich and dynamic applications.
It is built by the developers of Liferay, has a lot of ready-to-use components & requires Yahoo! User Interface Library to run.
The components include:
- auto-complete
- charts
- color picker
- calendar
- tooltips
- forms
- treeview
- image gallery
- & much more..
The framework comes with full set of demos & not documented yet (currently in a preview release).
Requirements: YUI
Compatibility: All Major Browsers
Uki is a simple JavaScript user interface toolkit for creating desktop-like web applications with few lines of code.
The toolkit is fast. It uses progressive rendering, can render 30k+ lists & tables very quickly (which would normally take minutes in IE).
It doesn't offer a complete JavaScript framework. Rather, Uki is totally focused on the layout and, if wanted, can be used with any JS framework.
Uki comes with a rich view-component library ranging from slider to list and splitpane (more is on the way like tree, grid views).
The toolkit works cross-browser & presents a demo for creating the Google Wave interface with 100 lines of code.
Requirements: No Requirements
Compatibility: All Major Browsers
Konigi, a must-bookmark resource for UI designers, is sharing a handy "do-it yourself wireframe magnets kit" for easy whiteboard prototyping.
They are based on the Konigi wireframe stencils and includes 3 sheets of elements (form elements, HTML editor, etc.).
How To Create Them?
Simply download and print the PDFs on to magnet sheets, optionally laminate them if you intend to use with dry-erase markers, and finally cut them out.
2 Things You May Consider Buying (from Amazon.com):
(smt) is a free script, built with JavaScript & PHP, to create a simple mouse tracking system for webpages.
It enables you to watch how visitors interact with a webpage like:
- which areas they click
- what parts they highlight
- & more..
(smt) can work with both liquid & fixed layouts. For any user with "JavaScript disabled" it will gracefully degrade.
The script is very easy-to-install by simply uploading the project folder & including the JS files to the pages to be recorded (documentation).
With various options provided, it is possible to enable/disable viewing the mouse activity routes, distances, clicks & more.
Requirements: allow_url_fopen directive or cURL module to be enabled
Compatibility: All Major Browsers
Pattern App (previously UI Pattern Factory) is both an user interface design pattern library and UI gallery where it is possible to find the best practices, get inspired, and share your solutions with others.
The website is mostly focused on web-based business applications & shares patterns like:
Pattern App is also a place where you can ask & vote for new pattern ideas in their forum or add new images to the currently published ones via Flickr.
MochaUI is an user interface library built on the Mootools JavaScript framework.
The library does not use any images but canvas tags for gradients, rounded-corners or shadows.
It is very easy to create horizontally and vertically fluid layout modules with columns and panels. Columns and panels (panels can be tabbed) can be collapsed, expanded, and resized.
New windows can be created instantly and they can be:
- focused, dragged, resized
- collapsed/expanded
- maximized/restored
- minimized/restored and closed.
For an example with most of the features, click here.
Requirements: MooTools
Compatibility: All Major Browsers
INSPIRE is an online publication of Adobe Experience Design Team which will attract anyone into software, web & graphic design.
The team shares valuable, real-life experiences both written & via videos.
To give a better idea about the resource, here are some of the recent content published:
INSPIRE is updated regularly & you can find something new almost everyday.
