This is a plugin that allows users to easily create popup videos that appear after clicking an element on the page. This could be an image, link, or whatever you want! These videos can be youtube or vimeo videos.

Demo:

A fullscreen image gallery made with jQuery and CSS.

Demo:

Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll easing and adjustable scrollbar height/width.

Demo:

This pack includes 3 styles and 6 colors together with an istall file for easy usability.

Demo:

javascript plugin for creating mouse-driven motion animations. This plugin can be used to create site backgrounds, Under Construction pages and Sliders. jLayers binds mouse movement with layers that it control, where each layer receives its own offset depending on mouse position in document. Layer can contain any html element, like image, text or even video.

Demo:

Inspired by Envato site-switcher, here is what I came up with: stickr, a sticky side panel made with CSS and enhanced greatly with jQuery.

Demo:

Create and manage highly targeted mailing lists and campaigns.
Mailing list builder, newsletter editor, subscription forms, autoresponders, tracking, reports and more.
All in one place!

Building good-looking HTML forms which work well in every browser and applying client+server-side validation usually takes a serious development time.

Zebra_Form, a free PHP library, handles this process very well and enables us to create secure and chic forms with a few lines of PHP code.

The output can be generated either with the ready-to-use styles (with valid HTML) or with any new/custom ones.

Demo:

CSS tooltips are very popular in modern web design and contrary to popular belief it is really easy to create them, especially with one of the all so popular javascript frameworks. In that case, you have to use at least a plugin. However, Kriesi.at has shared us an article of “Create simple tooltips with CSS and jQuery” which teaches us how to get some basic tooltips with only about 10 lines of CSS and jQuery Code.

Demo:

Gridless is a boilerplate for creating responsive and cross-browser/platform websites with beautiful typography.

The framework has rules for CSS normalization (no CSS resets), print styles for optimized performance, an optimal caching and a well-organized folder structure that you may feel comfortable with.

Demo:

javascript Crossfader is nice script to fade between different divs. It fades in and out using different slides you provide to Crossfader. Crossfader has a very smooth animation effect.

Demo:

Mapeed.AddressChooser is a javascript script to create a nice address form for any websites that need to collect addresses. For example getting user’s address, place’s location or anything that can be localized on a map.

Demo:

AudioPlay is simple Freeware MP3 player based on Flash technology. It looks like play button.

The “play” button, once clicked, starts playing the mp3 file & turns into a “pause” button. That’s all AudioPlay does.

The images used can be easily changed by simply updating the current image files.

Demo:

5 uniquely designed and coded web form styles. Get these free contact form styles for your use. Nice and clean layouts using CSS. FIELDSET and LEGEND elements have been used for coding these beautiful forms.

Demo:

JAWStats is a free, open-source website statistics and analytics package. It runs in conjunction with AWStats and produces clear and informative charts, graphs and tables about your website visitors.

Demo:

Jeditable is a jQuery plugin to make changes in the browser right away. Just hit the right nerve and you are done!

Normal flow is this, User clicks text on web page… Block of text becomes a form. User edits contents and presses submit button… New text is sent to webserver and saved… Form becomes normal text again.

Demo:

Sigma Grid is written in pure javascript, which is an Ajax data grid for displaying and inline editing data in a scrollable and sortable table. Sigma grid appearance is controled via a stand-alone CSS(style sheet). Developer can change grid skin by defining themes in different CSS files.

Demo:

quickSearch is a jQuery plugin for filtering large sets of data. It supports Tables, Paragraphs and Lists. It’s very easy to use.

Demo:

Droparea is a HTML5 drag and drop image file uploader jQuery plug-in and a php script for server-side. Simply drag the image file into the specified area, the image will be automatically uploaded to your server. You can also see the progress of the upload too. It has been tested on Google Chrome and Mozilla Firefox.

Demo:

Primary is a small yet effective open source CSS framework for designers and developers in order to make using CSS as easy as possible. It comes with a collection of 22 ready to use CSS layouts to start your project today.

Demo:

Badger easily adds beautiful iOS style badges to your element without the need for images. The created iOS style badges are inspired by the badges found on the iPhone and iPad, Badger is an incredibly attractive way to notify your users in a manner that they may already be familiar with.

Demo:

CoolClock is an open source javascript based Analog Clock. Its easy to use and It can be easily customized according to your needs. It does not use Flash.

Demo:

A really handly and beautiful slider by Nikhil, while he was looking for a double pinned slider. Though , he did find a few well done double pinned slider in the mootools forum, the only problem was that all these sliders did not have the selected range marker.

Demo:

First thing first, we are going to talk about Parallax effect. If you are not familiar with Parallaxing already, it is a technique to move/animate elements and objects (such as background image) with respect to the mouse position. Rocket science? Just have a look at Nike website and experience cool graphical effects achieved via parallaxing.

Demo:

The missing administration framework for business critical Ruby on Rails applications. A beautiful interface designed for real people.

Active Admin is a Ruby on Rails plugin for generating administration style interfaces. It abstracts common business application patterns to make it simple for developers to implement beautiful and elegant interfaces with very little effort.

Demo:

Slider Evolution is a JQuery plugin that lets you easily create powerful javascript sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!

Create an unlimited number of sliders with customized settings for each one, and place them anywhere on your website with ease.

Demo:

This jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll. The plugin uses absolute positioning calculated from the original css and offset to either the closest positioned parent or to the document. The plugin has been tested in IE6-9 and all the other major browsers.

Demo:

You may want these for a presentation, a, blog post or for the site featuring your brand new awesome lightbox script (please no!). They are 32bit PNGs, each have their own official shadow treatment, and no background matte color.

Size: - 256 x 256 PNG - 128 x 128 PNG - 64 x 64 PNG - 32 x 32 PNG - 16 x 16 PNG

The download (PSD) includes a variety of colours and adding your own is a simple process. With this download all the hard work is done for you as the buttons include a normal, hover and active state. Nice!

This buttons-kit is created to provide ease in the web-development process for all designers and developers. The buttons and icons can be used by anyone on any website. You are welcomed to not only use this kit for your work but also encouraged to modify, customize and enhance this work so that it can help make the design community even more.

Demo: