Wednesday, August 28, 2013

Bootstrap Wordpress Themes Free Download

Bootstrap WordPress Theme are powerful in designs ,responsive,easy to modify and best for WordPress sites when it is developed with bootstrap framework.

Here are some features why you should use WordPress Bootstrap Themes:

1. Save Time

With Bootstrap, the first thing you do is cash in on a lot of time. The Bootstrap libraries offer ready made pieces of code that can pump life into a website. A web developer doesn’t have to spend time laboriously working out and writing code, but simply find the right piece and fit it into the structure they’re working on. In addition to this, a lot of the styling and design aspects are already taken care of, since the CSS is built with LESS.

2. Customizable

A great aspect of Bootstrap is that you can make it your own. You can sit down and rummage through the whole framework and keep what you need and ditch what you don’t. The whole point of Bootstrap is that it lets you factor in your own needs and tailor your development project accordingly. This is the main reason many developers feel some tools are completely useless on the Bootstrap while others revere the same.

3. Factor in the Design

The Grid Speaks

Creating page layouts requires a decent grid. Using the platform’s grid isn’t mandatory, but it does make your job a whole lot easier. On default mode the platform provides a 16 column grid which is 940px wide. A single column holds 40px with an additional 20px acting as the gutter. Rows and spans can be manipulated as needed. Styling is completed in auto mode and a developer can get the job done just by dropping content into the HTML they’re working with. Additionally, if you need to work through columns and nesting, then you’ve got the right grid to get the job done.

LESS is more

LESS has in reality gone ballistic within development circles. With its additions to the Bootstrap platform, you can use LESS mixins and CSS manipulations to customize the built-in grid. The fact that changes are automatically updated after each variable shift doesn’t hurt either. Bootstrap takes some of the most popular CSS3 utilities and brings them to life as a homogenous reaction on all browsers.

JavaScript

Bootstrap comes equipped with JavaScript libraries that go above and beyond basic structural and styling. JavaScript often becomes an integral part of a web design and developers have to pull in all elements together to see the final form flourish. With Bootstrap, a developer can easily manipulate modal windows alerts, tooltips, Scrollspy, Popover, Button, Typehead, etc. The best part, however, is that Bootstrap enables you to skip writing the script altogether.

4. Consistency

One of the main reasons this toolset was developed was because Twitter was seeing big inconsistencies between developers working on their projects. This caused some issues both on the development front and the end-user front. Since it works with a central set of development code, Bootstrap’s results are uniform across platforms. You’ll see the same thing on Internet Explorer, Chrome and Firefox.

5. Updates

Take JQuery UI as an example here: updates get to users twice a year. Bootstrap, on the other hand, is ever-evolving with updates coming out on a much more regular and constant basis. As soon as web developers find a problem, the Bootstrap team starts looking to fix it.

6. Integration

If you’re working on a site which is already live, but still trying to iron out the creases then Bootstrap can help. For instance, if you use table styling, all you need to do is take the styles you need and copy them to the CSS file you’re working with. Bootstrap will immediately kick in with its own style and all you need to do from there is link up the file you are working with or hotlink to Twitter (more or less). Integration is simple, fast and easy to accomplish and once you’re done you can play with your design to your heart’s content.

7. Responsiveness

Bootstrap is responsive. If you shift from a laptop to an iPad and from an iPad to a Mac you won’t have to fret over your work. Bootstrap adapts to the change in platforms with super speed and efficiency.

8. Future Compatibility

Bootstrap comes equipped with many elements that are being considered the future of design itself. For instance both HTML5 and CSS3 are things that are going to be big in the future. Since the framework takes into account the future of design and development, it has the potential to become a yardstick for web developers in the years to come.

9. Competitiveness

Bootstrap isn’t the only one of its kind. It has been pitted against JQuery UI and the HTML5 Boilerplate, but a more realistic competitor is the Zurb Foundation. Bootstrap 2 has a toolset that the Foundation will have a tough time matching up to.  Third party plugins, themes, a plethora of features, codes, etc. are already up for grabs with Bootstrap – which isn’t true for the Foundation at this point. Some of you might feel that Bootstrap has a bloated feel (which the Foundation doesn’t) but that can be easily done away with through the custom Bootstrap download builder.

10. The Docs Talk!

Bootstrap’s documentation is impressive. The case with most newer platforms is that they don’t have proper documentation, but Bootstrap gives you a head start because you don’t have to play with everything to learn and instead can find information on just about anything through the documentation.

11. For the Bosses

You don’t need to spend a lot of time learning to use Bootstrap as it has taken all modular approaches and good architecture and pulled them together. From the perspective of an employer, if you give a web developer the Bootstrap framework then they won’t need to spend as much time learning, as compared to HTML and CSS. Bootstrap allows for immediate quality work, which makes it great for facilitating efficient, outcome-oriented design communication.

For faster webdesign here are some awesome ready-made WordPress Bootstrap Themes collection :

1) Mestro - Animated Multipurpose Wordpress Bootstrap Theme : ( Demo | Download )


Mestro is a colorful, animated and multipurpose responsive WordPress Bootstrap theme. You can customize and create pages easily with powerful Visual Composer and Admin Panel. It is easy to install and contains demo content for you to edit with Drag and Drop Page Builder.

2) Fade - Responsive Bootstrap WordPress Theme : ( Demo | Download )


The Fade Theme is a responsive, bootstrap based, great looking, flat design template with stunning parallax sliders and headers. On top of that, this theme comes with tons of amazing features such as an options panel, page builder and 50+ short codes.

3) Capture - Responsive Bootstrap WordPress Theme : ( Demo | Download )


Capture is a WordPress theme built on the Theme Options framework with latest Bootstrap Version. The theme supports a vast array of features (please see below) as well as an easy to use admin panel. Almost everything within the theme is editable via the admin panel or page options.

4) Ocean Plaza Corporate WordPress Bootstrap Theme : ( Demo | Download )


This responsive bootstrap WordPress theme is perfect for companies who like the style and innovation! Theme is highly customizable, allowing you to apply the most incredible ideas and make your fantastic site.

5) Minx - Responsive Bootstrap WordPress Theme : ( Demo | Download )


Minx is a professional responsive creative HTML5 portfolio WordPress Theme which has been built using the Twitter Bootstrap framework.

6) Lecia The Responsive Bootstrap WordPress Theme : ( Demo | Download )


Lecia was developed using the very latest coding techniques, using Html5, Css3, Bootstrap 2.3.2

7) Fresh MultiPurpose Flat Responsive WordPress Bootstrap Theme : ( Demo | Download )


Fresh is an awesome Bootstrap WordPress theme which brings many useful and most popular functions with clean & unique design. It’s ideal for any personal or corporate portfolio. It’s very flexible and powered with Bootstrap that has advanced theme options to make your site very flexible and fully customizable.

8) Rule - Retina Responsive WordPress Theme : ( Demo | Download )



Rule is a clean, transparent, super flexible, retina-ready and fully responsive WordPress Bootstrap  Theme (try resizing your browser), best suited for magazine websites, blog websites, and users who want to showcase  their work on a neat portfolio site.

9) Concord - Retina Responsive Multi-Purpose WP Bootstrap Theme : ( Demo | Download )


Concord is so clean and has a fully responsive wordpress theme for Corporate, Business, Portfolio and Blog. Featuring a very professional design, Easy to Customize, Extensive Admin Panel, Unlimited Skins… Concord has everything you’ll want for your business website.

10) Suburbs - Multi-Purpose Responsive Theme : ( Demo | Download )


Suburbs is a responsive multipurpose WordPress bootstrap theme suitable for any business (corporate, agency, portfolio and blog websites). Suburbs is easy to customize through its amazing “Page Builder”: with this drag-and-drop feature you can structure the content on your pages without ever having to touch a line of code.

11) Haloe - Responsive WordPress Theme : ( Demo | Download )


Haloe is a responsive WordPress Theme with 12-column grid based on Twitter Bootstrap framework. This Theme has been designed as a pure corporate graphics solution suitable for business, non-profit organizations, website portfolio or product single sites with the support of responsive layout. This theme uses the latest HTML5 and CSS3 technologies.

12) ASURE - Multi Purpose Wordpress Theme : ( Demo | Download )


ASURE is a Wordpress Theme, ideal for all kind of Business and blog. hand written code. With a lots of design elements, multiple portfolio styles, multiple blog style option and other Features. packed with power full features and easy to use admin interface. This theme will be gifted choice for people who love modern and clean style. This theme will be suited for any type of Busincess, Portfolio, Photography and Personal website. Built on Bootstrap Platform

13) StarMag - News & Magazine WordPress Bootstrap Theme : ( Demo | Download )


StarMag is a feature-rich WordPress magazine theme. Great for magazine , review, news and blog sites, with integrated reviews, video, slideshows, galleries and ADS system in each post. StarMag theme is highly configurable, you can completely configure the homepage and posts using the very easy and powerful theme options. Using 26 custom widgets you can create your homepage very quickly and you can get it just as you want it.

14) Daphne - WordPress Responsive News Theme : ( Demo | Download )


Daphne is a WordPress theme with a fully responsive design. This theme is ideal for blogs, magazine and news website.

15) Breakout - Retina Responsive Multipurpose Bootstrap WP Theme : ( Demo | Download )


Breakout is so clean and has a fully responsive WordPress bootstrap theme for Corporate, Business, Portfolio and Blog. Featuring a very professional design, Easy to Customize, Extensive Admin Panel, Unlimited Skins… Breakout has everything you’ll want for your business website.

16) Klasik - Retina Responsive Wordpress Theme : ( Demo | Download )


Klasik is a clean, minimalist Bootstrap WordPress theme suitable for designers, artists, and other portfolio sites. It contains three types of homepages, light and dark skin together with color option. Responsive design for phones and tablets, responsive design etc. Compatible with the latest Wordpress 3+

17) Crafty - Responsive Retina-ready Bootstrap WordPress Theme : ( Dem0 | Download )


Crafty is a visually stunning and incredibly powerful HTML5/CSS3 WordPress Theme, combining a gorgeous design with rock-solid functionality. Built upon Bootstrap, it’s completely responsive and looks razor-sharp on any device. To compliment it’s responsive functionality, this theme is also completely retina-ready. The entire theme is image independent, all page elements have been created solely by using CSS and an icon font, making sure the page is rendered crystal-clear on any device. That also means this theme is lightning fast since no images have to be loaded for it’s layout. Included with this theme is a powerful Page Builder called Content Designer, to create and maintain your pages and posts with incredible ease of use.

18) Mantra - Portfolio Metro WordPress Theme : ( Demo | Download )


Mantra is beautiful metro design portfolio and completely responsive. Perfect to show your work in a creative way and stand out above the rest.

19) Alfie The Responsive Bootstrap WordPress Theme : ( Demo | Download )


Alfie was developed using the very latest coding techniques, using Html5, Css3, Bootstrap 2.3.2

20) Trek - Responsive Bootstrap WordPress Travel Theme : ( Demo | Download )


Introducing Trek, a new WordPress theme designed for Tour Operator Businesses or Charter Services!
Fully Responsive – Built on the rock solid Twitter Bootstrap platform.Customizer with Live Preview – Trek leverages WordPress capabilities to their fullest with a live preview customizer. Unlimited Colors – You can select any highlight from the theme customizer. Tour Page – A custom tour template to show off featured tour packages.
Accept Payments – Integrated PayPal payment option to collect deposits or payments. Supports 11 different currencies.

21) UltraFire - Retina Responsive WordPress Bootstrap  Blog Theme : ( Demo | Download )


UltraFire is a super-duper customizable, ultra responsive, retina-ready WordPress Bootstrap  Theme that everybody wants.

22) Flavor - Responsive/HD Magazine/Review AJAX  WordPress Bootstrap Theme : ( Demo | Download )


Bootstrap WordPress theme for review site with ratings and awesome design.

23) Reportage - Magazine & Blog WordPress Bootstrap Theme : ( Demo | Download )


Reportage is a versatile, unique, and responsive WordPress Bootstrap Theme for magazine, blogs, and news style websites. In theme a lot of settings, with which you can easily customize theme, as you need! Reportage is a layout that is compatible with devices such as phones and tablets. Perfect for news for all sorts of content. Contains blog posts with integrated ratings, videos and slideshow.

24) Peach Real Estate - Bootstrap WordPress Theme : ( Demo | Download )


Peach Realestate - Wordpress is an impressionistic, responsive Bootstrap theme. This CMS site is built to work across a wide range of medium including all major mobile browsers with ease and comfort of the user. With the combination of the automatic Google Map Plotter, LocalStorage based shortlist widget and responsive sliders, gallery and videos.

Sunday, August 18, 2013

Free Download Twitter Bootstrap Admin Themes

Free Download Twitter Bootstrap Admin and Dashboard Templates 2013 :

1) Metronic - Responsive Bootstrap Admin Dashboard Template : ( Demo | Download )


Metronic is a responsive and multipurpose admin and frontend theme powered with Twitter Bootstrap Framework. Metronic can be used for any type of web applications: custom admin panels, admin dashboards, CMS, CRM, SAAS and websites: business, corporate, portfolio, blog. Metronic has a sleek, clean and intuitive metro style design which makes your next project look awesome and yet user friendly. Metronic has a huge collection of plugins and UI components and works seamlessly on all major web browsers, tablets and phones.

2) Unicorn - Responsive Bootstrap Admin Template : ( Demo | Download )


Unicorn Admin is a fully responsive admin template that can be used for any backed applications. Doesn't matter where you open the template: on smartphone, tablet or desktop, Unicorn Admin perfectly suit for any device width.

3) Adminica Responsive Twitter Bootstrap Admin Template : ( Demo | Download )


Adminica is a cleanly coded, beautifully styled, easily customisable, cross-browser compatible Admin Template and Web Application Interface. Adminica is packed full of features, allowing you unlimited combinations of layouts, controls and styles to ensure you have a completely unique app. Adminica has a dark and white skin which can be combined with the 7 colour skins (easily tweaked to your company branding).
Based on a fluid 960.gs grid, Adminica can scale itself automatically to fit whatever screen resolution the user has. The interface works perfectly at iPad and iPhone resolutions.
Adminica provides a real web app experience, dynamically loading pages and avoiding browser reloads. This combined with Adminica’s responsive layout allows for a native app-like experience on smartphones and tablets.

4) Ace - Responsive Admin Template : ( Demo | Download )


Ace is a lightweight, feature-rich and easy to use admin template based on the latest stable version of Twitter Bootstrap.

5) Gebo Admin Responsive Bootstrap Template : ( Demo | Download )


Gebo Admin is full featured, two column responsive template based on Bootstrap Framework from Twitter. It has lots of js plugins: charts, filterable/searchable list, calendar, multiselect, location finder, file manager, gallery grid, datatables, sticky messages, WYSIWYG editor and many more.

6) Base Bootstrap Responsive Admin Template : ( Demo | Download )


Base is awesome clean , easy and responsive Twitter Bootstrap Theme.

7) Aquincum - Premium Responsive Admin Template : ( Demo | Download )


Aquincum – a new premium admin skin with lots of custom elements, 35+ plugins and very flexible content structure. It has 3 columns liquid structure with 3 level navigation and 2 level sidebar. Available 10 main backgrounds, compatible with Bootstrap 2.0.3 and latest jquery versions. Integrated bootstrap plugins add an extra easy to use components to custom stuff like buttons, dropdown menus, different button sizes and many other features. Aquincum is a responsive template, which means it is compatible with mobile devices such as iPhone and iPad. 12 columns grid for main content and widgets makes the whole template very flexible for different type of data and content.

8) ACME - Responsive Admin Template : ( Demo | Download )


If you looking for dashboard template for your application ACME is perfect solution for you. ACME contains many plugins and widgets ex. charts, chats, weekly Stats, last users, To-Do list, support tickets and many more, so your app will be look awesome.
ACME Admin Template contains example pages layouts: Dashboard, Inbox, Task Manager, Server Statistics
ACME Admin Template based on Bootstrap 2.3.1 (with LESS) from Twitter. It works on all major browsers and optimizes itself for tablets and mobile phones.

9) supr - Responsive Admin Template : ( Demo | Download )


Supr is a full admin skin based on popular Twitter Bootstrap framework. This template is designed to help you build the site administration without losing valuable time.Template contains all the important functions which must have one backend system. Template looks good in any device.

10) Core Admin Responsive Bootstrap Theme : ( Demo | Download )


Core admin is responsive,clean and flexible bootstrap admin template.

Friday, August 16, 2013

Free Download Premium Bootstrap Buttons , Skins And Components

 Twitter Bootstrap Buttons, Skins,Tables, Menus, Navigation,  Login screen, Forms .Free Download Premium Twitter Bootstrap Buttons , Skins And Components :

1)Button Essentials - Bootstrap Buttons Pack : ( Demo | Download )


100 sets and 500 distinct button styles best for twitter bootstrap! Often times the standard Bootstrap buttons just don't cut it. The limited array of colors to choose from can be frustrating, especially when you don't want to dig into the internals. This pack is based on the top 100 color themes of all time on Adobe Kuler.

2) Mega Pixel - Responsive Bootstrap Mega Menu : ( Demo | Download )


It is a custom bootstrap mega menu.
Features:
Header and navigation model new
Responsive mega menu
Responsive – From Desktop to Mobile
Font Awosome Ready
All Bootstrap Features Ready

3) Responsive Bootstrap Tabs Control & Tabbed Form : ( Demo | Download )


Three themes included: Light, Black, Grey
Responsive
Also works as a modal popup
Dropdowns in tabs
Works with any type of content
361 icons to choose from
Can be targeted from cross site (Track URL method)
Full documentation and Less files included

4) Responsive Pricing Table For Bootstrap : ( Demo | Download )


Features:
Responsive
Simple yet professional looking pricing table.
Comes in 5 different themes out of the box.
Easy to add / customize themes.
Fully Responsive. Works great on Desktop, Tablet and Mobile browsers.
Ability to add preferred plan to make them stand out.

5) Plan - Flat Bootstrap Skin : ( Demo | Download )


Plan is a skin for Bootstrap, which means that can be used with any site built with the Bootstrap framework. With easy installation and customization thanks to the LESS files included and the custom themes colors ready to use.
This skin is based on a flat desing and also extends the styles directly applied to Bootstrap files. There’s no overwritten rules or bloating CSS, making a lightweight skin as Boostrap is itself.
There is also included a new set of custom UI elements like toggles, buttons, select, radial progress bar, etc, all based on Bootstrap markup.
Features :
Bootstrap 2.3.x
Four theme colors ready to use
Retina Ready Icons by Font Awesome 3
Google Font Lato
Flat styled UI elements
Improved components with CSS3 transitions
Better checkbox & radio
New UI Elements (button, toggles, select, radial bar, etc.)
Responsive HTML5 Videos
Pure CSS components (no images)
Demo pages included
7 classics from Bootstrap
2 page for elements preview
1 Onepage site preview
LESS files included
Well documented
and all the Bootstrap’s great features

6) Aro Bootstrap Components : ( Demo | Download )


Collection of Bootstrap custom elements for your web app projects.
Features:
Various button styles
Custom dropdowns (dropdown + tabs, dropdown + accordion, dropdown + custom scrollbar)
Button Group + Button Dropdown
Right Align Progress Bars
Left Align Progress Bars
Vertical Progress Bars
Navbars (Grey, Dark, Blue, Green, Orange, Red)
Form elements (file upload, wysiwyg, etc)
Font icons: FontAwesome 3.0.2, IcoMoon, Pictonic
Dependancies:
jQuery
jQuery migrate 1.1.0
Bootstrap 2.3.0
jQuery Easy Pie Chart
jQuery Choosen
jQuery Uniform
Bootstrap Custom File Upload
Bootstrap Custom Progress Bars
Bootstrap Date Picker
Redactor (i bought the Developer License for you)
jQuery Custom ScrollBar

7) Clear Forms - Simple Form Bootstrap Themes : ( Demo | Download )


An easy and simple theme made with for you to create easy and usable forms. It's built with an easily understandable and sensible mark-up for you to customize.
Built on top of Bootstrap, the styles for the forms are in a separate CSS file from the default Bootstrap CSS files, making it easily pluggable. Just place it in to your page and it's ready to be used. Drop in the index.html and see how the styles instantly works for you.
Built with LESS, this theme can also be tweaked to your liking and preferences with a single change of a variable.
ClearForms has never made making simple forms this easy.
Contains
Simple Form with split controls
Simple Form with enclosed heading
Credit Card Forms
2 Column Forms
Facebook Blue Button
Google Dark Button
Paired Input Boxes
Mailing List Form
Simple Form with enclosed footer
Form without borders
2 Blurred backgrounds
Easily editable LESS files
Building the LESS files
variables.less - contains all the colors and font related declarations
simple-form.less and *credit-card-form.less - contains the styles for the forms
styles.less - this is the master file, build it to produce the styles.css file. The styles.css file contains all the markup for Clear Forms

8) Morning - Bootstrap Skin : ( Demo | Download )


Features :
Bootstrap 2.3.x
Font Awesome 3.2.1
Icon hover effects: slide, flip, and colored social icons (twitter, facebook, etc.)
Navbar mega dropdown menu
Navbar dropdown on hover
Sass & Compass
Example pages

9) Animated Bootstrap Pricing Table (Responsive) : ( Demo | Download )


Features :
Light, dark and grayscale versions available (View In Demo)
40+ Pregenerated Color Themes
CSS3 Static Effects And Hover Animations
Photoshop Style Css3 Shadows Included
Less File Is Included So Your Can Generate Your Color Theme
Can Be Build With Any Number Of Columns
Responsive, Retina Ready
Can Be Used In Any Color Layout
Fully Documented
Can Be Used With Any Framework Including Bootstrap

10) Bootstrap enhance with CSS3 animation : ( Demo | Download )


This script customize the animate.css and bootstrap.js, add CSS3 transition support with the Twitter Bootstrap, include the modal, popover and tab. You can enable this by change a little pice of your exist code.

11) Bootstrap Live Editor : ( Demo | Download )


WYSIWYG HTML5 Editor built for Bootstrap
Bootstrap Live Editor is a WYSIWYG HTML5 Editor built for Bootstrap. It offers a nice and elegant way to edit and beautify html content with Bootstrap ready UI elements.
Features:
Replace textarea or div into rich editor
Insert Bootstrap elements (Hero Units, Header, Well, Labels, Badges, Link Buttons, Icon glyphs, Alerts, Image Gallery)
Apply Grid Columns/Layout
Advanced Text Styling with Google Fonts support & CSS3 effects
Table Autoformat (Stripped, Bordered, Hover, Condensed)
HTML View/Edit with Code Formatting & Coloring
Insert Responsive Videos (Youtube, Vimeo)
Edit on Click (In-place editing)
Edit on Bootstrap Modal
Configurable Toolbar Buttons
And much more.. Plus easy basic example to get started quickly!

12) Bootstrap Plus Plus : ( Demo | Download )


A Collection of Missing Components From Bootstrap which can be used with any Bootstrap Skin and color. Its highly customizable with scripts that automatically reads your Bootstrap skin colors and make the components with the same color combination. Fully Documented with Samples.
To install Bootstrap++ just add plus.js and plus.css files in your head section (after jQuery and bootstrap css files) and start adding new components in your existing bootstrap skin.
Components
Comments and Replies.
Mega Menus.
Metro Menus.
Hover Menus.
Draggable Widgets.
Collapsible Widgets.
Plain Widgets.
Vertical Scrolling Menus.
Google Maps.
Pricing Tables.
Image Ribbons.
Features
Works with all Bootstrap Skins.
Convert any Menu to Hover Menu.
Components will automatically pick Bootstrap Colors.
2-Lines Google Map with adjustable Zoom.
Easy Integration.
Easy Customization.

13) Bootstrap Icons Animator : ( Demo | Download )


Bootstrap Icons Animator is solution coded for revive Your website icons.
Features :
18 hover effects
5 display modes
Works with all Twitter Bootstrap icons (glyphicons)
Major browsers support
Easy installation – include CSS file to use
CSS based solution, no JavaScript required
Intuitive integration
Works with all navigation bootstrap elements (not only buttons)

14) Sleeky - Bootstrap Skin : ( Demo | Download )


“Sleeky” is a clean and neat Twitter Bootstrap skin that changes framework appearance.

15) Twitter Boostrap Modal : ( Demo | Download )


Twitter Bootstrap modal is plugin of Twitter bootstrap. It easy to create modal functionality to the web application (example the modal form …) and to replace the basic functionality provided by the standard javascript alert(), confirm(), and prompt() functions.
Features :
Easy to use.
Plugin for twitter bootstrap .
open the modal after x milliseconds.
Support 2 effect and all type of easing.
Form elements.
Image support.
Button support.
CSS3 animate support.
3 callback function onStart | onShow | onClose

16) Bootstrap enhance with CSS3 animation : ( Demo | Download )


This script customize the animate.css and bootstrap.js, add CSS3 transition support with the Twitter Bootstrap, include the modal, popover and tab. You can enable this by change a little pice of your exist code.
Features :
CSS3 transition support.
Minimal change of the code, works fine with the exist code.
FAQ and source code are included in the package.