admin
Read Post
Here at DevKick we collect high-quality components, sort them into categories and present them on the site with regular updates. But once in a while, we flag our current state and present all components since the previous milestone in a handy blog post with direct links to each component’s home page, demo and downloads.
So here is Milestone 01 - a handy collection of hand-picked, quality components sorted in framework/programming categories with the most popular component presented first in each category. Note that these components have been selected and tested during the last three months times to make sure each meets a certain quality criteria. Enjoy!
Tables
Flexigrid / jQuery
Flexigrid is a lightweight but rich data grid written in jQuery with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.
TableHover / jQuery
TableHover is a jQuery plugin to highlight table rows and columns when hovering over them.
Tablesorter / jQuery
tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes.
TableKit / Prototype
TableKit is a collection of HTML table enhancements using the Prototype framework that implements row striping, column sorting, column resizing and cell editing using Ajax.
Calendars
Calendar / Mootools
Calendar is a MooTools Javascript class that adds accessible and unobtrusive date-pickers to your form elements.
Menus
Kwicks for jQuery / jQuery
Kwicks for jQuery is a plugin that simulates the insatiably attractive Mootools effect of the same name.
Sliding Dropdown Menu / Javascript
This lightweight drop down menu script allows you to easily add smooth transitioning dropdowns to your website. This can be used for navigation, dropdown lists, info panels, etc.
Horizontal Image Menu / Mootools
Phatfusion image menu is a horizontal image menu that reveals more of the image as you rollover it.
ddMenu / Mootools
ddMenu is a simple MooTools-based script to create your own context menus using right-click.
Accordion / Prototype
Accordion is a well-written accordion script using prototype and scriptaculous.
Digg-like Navigation Bar / CSS
This component demonstrates how to design a digg-like navigation bar using a liquid design with rounded corners for links.
List Expander / Javascript
Listexpander can be used for any type of content that needs to be organized in some sort of hierarchy and presented as an expandable list.
TreeView / jQuery
Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements.
Popups
FancyBox / jQuery
Inspired by many other lightbox-like tools, FancyBox is a image zooming script written in jQuery for those who want something fresh.
JavaScript Dialog Boxes / Javascript
Here is a small, lightweight, framework independent and ready-to-use JavaScript dialog box library that offers four dialog styles: alerts, warnings, prompts and success.
Window.Growl / Mootools
Window.Growl is a simple but handy MooTools component for creating translucent messages that are displayed over the contents of your screen.
TJPzoom / Javascript
TJPzoom is an image magnifier written in javascript. If you move your mouse over the picture, you can see a little zoom window with a magnified version of a part of the picture in it.
Facebox / jQuery
Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.
Shadowbox / Javascript
Using Shadowbox, website authors can display a wide assortment of media in all major browsers without navigating away from the linking page.
jqalert / jQuery
jqalert is a Javascript library that uses jQuery to create a compelling alternative to window.alert().
Modalbox / Prototype
ModalBox is a JavaScript technique for creating modern modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads.
photoViewer / YUI
photoViewer is an updated and upgraded version of a YUI Lightbox. This version offers a more robust API, better performance, greater stability and compatibility.
Tooltips
Prototip / Prototype
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.
Uploaders
FancyUpload / Mootools
Swf meets Ajax for beautiful uploads. FancyUpload is a MooTools upload widget thats allows queued multiple-file upload including progress bars.
Asynchronous File Upload / YUI
While many people are familiar with YUI Connection Manager’s Ajax capability, only a few know that Connection Manager can be used to simulate Ajax-like file upload.
Charts
amCharts Pie & Donut / Actionscript
Pie & Donut is a very universal and fully configurable Flash chart. Using it, you can easily have good-looking, animated pies or donuts on your website. You can also use it for creating elaborate navigation menus.
GoogChart / PHP
GoogChart is an easier way to create charts out of data using the Google Charts API and PHP.
fgCharting / jQuery
fgCharting is a jQuery script for visualizing HTML table data with the canvas element.
TableToChart / Mootools
TableToChart is a MooTools script that can take a HTML table source and automatically draw a graphic chart based on the table data.
Flot / jQuery
Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.
Ajax
History / jQuery
This useful jQuery plugin helps you make your Ajax-driven page available for “Go Back” button and “bookmark” of browser.
Drag and drop
EasyDrag / jQuery
EasyDrag is a jQuery plugin that adds the ability to drag and drop almost any DOM element without much effort.
Drag. Drop Lock. / Mootools
Drag Drop Lock is a MooTools example on how to create a user interface where you can drag a box and drop+lock it inside another box.
User Interface
Mocha UI / Mootools
Mocha is a web applications user interface library built on the Mootools javascript framework.
Tags
Tag Suggest / jQuery
If you’re familiar with del.icio.us you will be familiar with the tag suggesting as-you-type support.
Ratings
Starbox / Prototype
Starbox as a prototype component that allows you to easily create all kinds of rating boxes using just one PNG image.
Forms
MarkItUp! / jQuery
MarkItUp! is a JavaScript plugin built on the jQuery library that allows you to turn any textarea into a markup editor.
Auto-Growing Textarea / jQuery
This plugin was inspired by Facebook’s auto-expanding text areas and makes it easy to have auto-growing textareas.
Securimage PHP Captcha / PHP
Securimage is an open-source free PHP Captcha script for generating complex images and captcha codes to protect forms from spam and abuse.
TextboxList / Mootools
TextboxList is a MooTools component that can create an input field that resembles the famous Apple Mail to: textfield as seen on Facebook.
Styling File Inputs / CSS
File inputs are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire.
jQuery Validation / jQuery
The ultimate goal of this plugin is to make working with forms more fun for anyone. By improving the interaction, it is easier and less annoying for the user to fill out the form and submit it.
Easy Field Validation / Prototype
The basic method is to attach to the form’s onsubmit event, read out all the form elements’ classes and perform validation if required. If a field fails validation, reveal field validation advice and prevent the form from submitting.
Password Strength Meter / Javascript
Password Strength Meter is a javascript designed to assess the strength of password strings.
Textarea Resizer / jQuery
Textarea Resizer allows the user to extend the textarea element/area within the web page whenever they feel.
Effects
Reflection.js / Javascript
Reflection.js uses unobtrusive javascript to add reflections to images on your webpages.
ColorBlend / jQuery
ColorBlend is a robust jQuery plugin that can fade objects from one color to another.
Speech Bubbles / CSS
Speech Bubbles is a CSS technique to create dynamic speech bubbles using CSS. Works great for blog comments.
Asciify / Actionscript
Asciify is an actionscript class to render ascii art from pictures using AS3 in real time.
Color Pickers
mooRainbow / Mootools
mooRainbow is a Javascript color picker written in MooTools that allows you to visually choose and use colors from a HSL spectra.
ColorPicker / Prototype
This prototype color picker mimics Photoshop color picker by layering transparent images.
Utilities
jQuery File Tree / jQuery
jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.
Feedwriter / PHP
Feedwriter is a universal feed generator written in PHP that supports RSS 1.0, RSS 2.0 and ATOM.
PHP Mailer / PHP
PHP Mailer is a PHP email transport class featuring file attachments, SMTP servers, CCs, BCCs, HTML messages, word wrap, and more.
imgAreaSelect / jQuery
imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image.
MooCrop / Mootools
MooCrop is an Image Cropping utility using the mootools javascript framework. Alone it serves no practical purpose but used in conjuction with a server side script becomes a powerful image manipulation tool.
SyntaxHighlighter / Javascript
SyntaxHighlighter is a Javascript that makes it possible for web site authors to post code snippets and have it look pretty without preprocessing on the server.
EXIF Reader / Javascript
Javascript EXIF reader is a small library capable of reading EXIF data from JPEG images.
Feeds
Data
Taffy DB / Javascript
Taffy DB is a free and opensource JavaScript library that acts as thin data layer inside Web 2.0 and Ajax applications.
