Best CSS Plugins – Most popular CSS plugins of 2012

CSS3 Mega Drop Down Menu - CSS Plugin
1. CSS3 Mega Drop Down Menu

Considered one of the best CSS plugins, the CSS3 Mega Drop Down Menu features a literal avalanche of useful features that are always welcome on just about any website. Easily customizable and responsive, this mega menu comes available in horizontal, vertical left and vertical right aligned versions with nine colors to choose from. Developers can organize and display contents in up to six columns. Other features include an AJAX contact form, cross browser support and a complete typography set for greater customization.

CSS3 Web Pricing Tables Plugin
2. CSS3 Web Pricing Tables Pack (Grids)

CSS3 Web Pricing Tables Pack features colorful and dynamic Web pricing tables created in pure CSS and HTML. There are two table styles available with 20 predefined color versions that offer a wide variety of unique features. Developers have the ability to add hover states, custom ribbons and table cell tooltips. There is also a version of the CSS3 Web Pricing Tables Pack available for WordPress blogs.

CSS Plugin - The Tooltip
3. The Tooltip

The Tooltip is a simple yet powerful CSS3 plugin that appears whenever users hover over a container or any other web element. There are six positions and 12 color schemes available, giving developers a wide berth when it comes to customization. This plug-in also degrades gracefully when viewed in older browsers. It even comes with a LESS file that allows you to create custom color schemes and even create a compact version of this plug-in. LESS users can even integrate the Tooltip into their stylesheets.

Pure CSS3 Sticky Footer Plugin
4. Pure CSS3 Sticky Footer

Sticky footers are a recent addition to the many elements used on the average website, giving viewers a convenient and unobtrusive way to view important information. Pure CSS3 Sticky Footer is exactly what it says on the tin, offering a sticky footer created purely from CSS. There is no JavaScript coding to worry about, making this plug-in spectacularly easy to integrate. CSS coding makes it just as easy to customize. Pure CSS3 Sticky Footer also features plenty of CSS3 enhancements for compatible browsers. This plug-in comes in “dark” and “glass” styles, with full width and centered variations featuring up to three columns in a grid-based layout.

CSS3 Form Pack Plugin
5. CSS3 Form Pack

Another useful plug-in that relies on CSS3 is the CSS3 Form Pack, providing developers with a wide array of form styles that offer plenty of visual appeal as well as plenty of functionality. This pack consists of several form styles that are commonly used in websites: login forms, search forms and contact forms, as well as other form styles. The styles are available in light and dark colored variations with focus and validation error styles defined within the CSS. The general form features styles for text boxes, text areas, radio buttons and checkboxes. The only images the CSS3 Form Pack uses are icons. The CSS3 Form Pack is compatible with all browsers that feature CSS3 functionality.

CSS Ultimate Menus
6. CSS Ultimate Menus

If you want sophisticated and slick menus created from pure Cascading Style Sheets (CSS), CSS Ultimate Menus may be exactly what you’ve been looking for. This powerful menu solution offers three different drop-down styles: multicolumn view, product view and single column view. It also features different classes for different levels, making for a wide range of customization possibilities. Not only does it offer support for multiple browsers, but it even includes a PSD file for designers and developers.

CSS Menu Plugin with Notification Bubbles
7. Menu with CSS3 Effects and Notification Bubbles

Menu with CSS3 Effects and Notification Bubbles provides exactly what developers need when fleshing out any website. This plug-in features several different components that come together to create a very powerful solution that offers a great amount of versatility and utility. At its core is a CSS menu that offers unlimited levels created in pure CSS code. Features include a fade and slide effect rendered in CSS3, animated notification bubbles and a mega menu. JQuery support is also available for older browsers. This plug-in is available in three different sizes with three different menu styles, along with plenty of documentation.

Responsive CSS Pricing Tables
8. Responsive CSS3 Pricing Tables

Responsive CSS3 Pricing Tables feature unique styles that offer plenty of variety along with sheer simplicity. Users get to interact with logically ordered and cleanly designed pricing tables that stand out whenever selected. These tables use pure CSS and HTML, which makes images unnecessary. There are 12 color variations available in both light and dark styles, giving developers the ability to choose a style that closely matches their website’s current color scheme. Although these pricing tables are meant to work with CSS3-enabled browsers, they degrade nicely in older browsers. Included are full layered PSD files that offer an infinite amount of customization.

CSS Notification Boxes
9. Notification Boxes

Notification boxes provide useful alerts, warnings and other information to users. This plug-in provides five templates (error, success, warning, tip and neutral) that can be used on virtually any website, from online shopping stores to backend interfaces and other areas where having notification is especially important. The vivid colors make these notifications stand out while the soft gradients lends a professional, yet soft touch that is appreciated by both users and developers alike. Making these notifications closeable solely by click is as simple as adding a CSS class. This plug-in also uses jQuery enhancements to provide animations and cookie support for closed boxes.

Amp Forms
10. Amp Forms

Amp Forms are yet another practical plug-in that not only offers exceptional overall design, but also plenty of straightforward functionality. This holds especially true for older browsers such as IE7 and IE8. With this plug-in, users can quickly and safely enter a wide range of information required for search and website functions, mailing lists and other tasks. Included are plenty of CSS3 enhancements for compatible browsers, error styling, custom focus styles and unique layouts for radio and check boxes.

Clean CSS Pricing Tables
11. Basic Clean Pricing Tables – Easy To Modify!

Pricing tables gives your customers an opportunity to quickly view, compare and choose the right options for their needs and budget. This clean and effective plug-in gives your website a great looking price table that is easily customizable according to your needs. This plug-in uses CSS3 and Sprites to deliver exceptionally quick load times, and it comes with an amazing array of customization features. Included are five folders containing CSS stylesheets and HTML demos for each of the five available colors. PSD files for all five colors are also included. This plug-in also works in IE6, IE7 and IE8, although the rounded corners featured on these price tables will revert to straight corners for browsers without CSS3 compatibility.

CSS3 Shadow Pack
12. CSS3 Shadow Pack

Shadows can add a level of depth to any element, but the regular CSS3 box-shadow property can be a pain when it comes to producing the type of shadows you want. Instead of spending excess amounts of time wrestling with the CSS3 box-shadow property or re-creating complex shadows in Photoshop, you can use this plug-in to apply shadows to any container. The CSS3 Shadow Pack offers 11 attractive shadow styles, each featuring three shadow projection lengths and intensity variations, giving you a wide range of shadow variations to play with. The CSS3 Shadow Pack works best with CSS3-compatible browsers.

Button Pro - CSS3 Buttons
13. Button Pro – CSS3 Buttons

Whether you need large buttons, small buttons, rounded or rectangular buttons, Button Pro has them all in an easy-to-use set rendered in pure CSS3. This plug-in offers 11 different color variations in three available sizes that are spectacularly easy to implement on any webpage. You won’t need any images to make it work, but you can also add an icon to the buttons if you want to get your users’ attention. It also degrades nicely on older browsers. Button Pro also features a set of buttons used by Google, Twitter, Facebook and other well-known Web services, all faithfully re-created in CSS3.

Utopian CSS Dropdown Menu
14. Utopian CSS3 Dropdown Menus

Developers searching for a classy and cleanly designed drop-down menu will appreciate this one. Utopian CSS3 Dropdown Menus are available in horizontal and vertical layouts, in black, white and Utopian color styles. This plug-in is based purely on CSS that follows XHTML Strict 1.0 semantic code for maximum quality and compliance. What you have here is a highly customizable and easy to implement drop-down menu system that doesn’t rely on JavaScript or similar code to operate. This plug-in also features CSS3 enhancements that can be seen when using compatible browsers.

CSS Login Panel Menu
15. Easy to use HTML5 & CSS3 Login Panel

Easy to use HTML5 & CSS3 Login Panel is a highly customizable and powerful plug-in that combines the power of HTML5 with the versatility of CSS3. This one-of-a-kind plug-in features an easy to use and highly customizable interface that is relatively simple to implement. Features include error styling and custom focus files. This plug-in even includes shadows and rounded corners for browsers capable of supporting CSS3. Included are three folders with separate CSS and HTML demos as well as a layered PSD file with three colors.