Suggest a Snippet Login Register
  • LOG IN:

    Not a member? JOIN NOW!
     Username                   Password
    Remember me Recover password
DevSnippets Design Community & Snippets Gallery
  • Subscribe by RSS
>
  • Webdesign
    • Design
    • HTML5
    • lists
    • Menu
    • Navigation
    • Portfolio
    • Showcase
    • Template
    • Tooltip
    • Tutorial
    • webdesign
  • Web development
    • AJAX
    • CodeIgniter
    • CSS
    • CSS3
    • Database
    • Javascript
    • jQuery
    • Mootools
    • MySQL
    • PHP
    • PHP Framework
    • plugins
    • WordPress
    • WordPress Hacks
  • Inspiration
    • Fonts
    • Icons
    • Inspiration
    • Mac
    • Mac apps
    • Photography
    • Wallpapers
  • Snippets
In {Articles} -25th May- {34 Comments}

Getting Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins

What’s great about jQuery is how easily you can create impressive animations and interactions with a super lightweight size. WordPress awesomeness lies in its fact that it can be customized to power any type of site you like! Now, when we harness the power of WordPress with some sexy jquery magical effects, the possibilities are infinite.

Recently, a number jQuery plugins has been popping around facing huge admiration from users around the worlds. Nivo Slider, Coinslider, jQuery.popeye and others has a secret ingredient that made us say wow. Fortunately, now we can use them in our WordPress blogs without the need to code anything, we will just install them as WordPress Plugins.

In this article, we’ll explore 10 Most Wanted jQuery Plugins Now Ready For WordPress.

Don’t Forget to…

subscribe to our RSS-Feed for future updates.

1. Nivo Slider

jQuery Image Slider

Nivo Slider is a lightweight (7kb compressed) jQuery plugin for creating good-looking image sliders with 9 unique transition effects.

Nivo Slider

WordPress Version: WP Nivo Slider

This plugin creates a Slideshow/Slider with post thumbnails in your posts configured for a particular category of your wordpress. It is entirely written in jQuery (following the pattern of my other plugins).

2. The jFlip plugin

A flipping page gallery

jFlip builds an image gallery made as a book. You can flip the book pages to view the next or previous image clicking or dragging the animated corners shown when hovering on the gallery area.

The jFlip plugin

WordPress Version: DynamicWP Image Flipper

DynamicWP image flipper is an excellent way to show your image gallery in blogs. This plugin will builds and image gallery in your sidebar made as a book or magazine. You can flip the magazine pages to view the next or previous image clicking or dragging the animated corners shown when hovering on the gallery area. This plugin is a widget, so you can put it anywhere you like on your sidebar.

3. COIN SLIDER

jQuery Image Slider with Unique Effects

Coin Slider is another Lightweight (8kb only) jQuery Image Slider with Unique Effects. The slider has an optional auto-slide feature and navigation box for browsing images easily. You can add links to your images.

COIN SLIDER

WordPress Version: Coin Slider 4 WordPress

Coin Slider 4 WP is Wordpress plugin for creating image gallery with unique transition effects of featured posts. You can choose between three types of transition effects: random, swirl and rain. Also, you can set width, height, delay time, number of posts etc.

4. jQuery.popeye

Image Gallery Script

jQuery.popeye is an advanced image gallery script to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow. Though the script is quick and easy to setup, it offers great flexibility in both behaviour and styling.

jQuery.popeye

WordPress Version: wp-popeye

Popeye presents images from the Wordpress media library in a nice and elegant way within your posts and pages. Use it to save space when displaying a collection of images and offer your users a simple way to show a big version of your images without leaving the page flow.

5. SimpleModal

Modal dialog framework

SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.

jQuery SimpleModal Contact Form (SMCF)

WordPress Version: SimpleModal Contact Form (SMCF)

SimpleModal Contact Form (SMCF) is an Ajax powered modal contact form. SMCF has options to include certain contact form elements, like a Subject field and “Send me a copy” option for the sender.

6. Tweet

Put twitter on your website

Put twitter on your website with tweet!, an unobtrusive javascript plugin for jquery. What’s good about it is :

  • - will not slow down or pause your page while tweets are loading
  • display up to 100 tweets, as permitted by the twitter search api
  • display tweets from a twitter search, or from your own feed
  • optional verb tense matching, for human readable tweets
  • optionally display your avatar
  • optionally display tweets from multiple accounts!

tweet

WordPress Version: qTwit

qTwit isn’t the only Twitter widget out there, but it loads your Tweets on the client-side, meaning that it uses the jQuery plugin by Seaofclouds to load your tweets. Which means; Your tweets are always up-to-date and your server isn’t coughing up blood from exhaustion loading the tweets by itself all the time!

7. Page Peel Effect

Page Peel Effect with jQuery & CSS

You have probably seen these forms of advertising where you can peel a corner of a website and see a message underneath. It seems most are flash driven, but Soh Tanaka decided to try it out using some simple lines of jQuery.

Page Peel Effect

WordPress Version: jQuery Page Peel

Adds a page peel affect to the top right corner of the page using only jQuery.

8. SlideDeck

Slider widget or Slideshow

SlideDeck is a new way to display content on websites, mobile phones and kiosks. It delivers a better user experience by removing the information overload and providing a fun, quick and beautiful way to interact with digital devices.

SlideDeck

WordPress Version: Content Slider by SlideDeck

The SlideDeck WordPress plugin allows you to easily create a slider widget or slideshow on your WordPress blog without having to write any code. Just create a new slider with the SlideDeck control panel tool and insert the widget into your post via the WYSIWYG editor with the TinyMCE plugin SlideDeck picker.

9. sexyCycle

Making sliding image galleries

sexyCycle is a lightweight yet very sleek jQuery plugin for making sliding image galleries. One of the good things about sexyCycle is that you’re not forced to stick with a fixed width of all images. It’s actually quite nice to use different width on each image.

sexyCycle

WordPress Version: sexyCycle for WordPress

This WordPress plugin makes it possible to add this image sliding functionality to galleries in WP, you can simply just override the shortcode generated by WP or you can use it’s own [sexy-gallery] shortcode. Galleries are handled the same way as usual by the ‘Add an Image -> Gallery function’.

10. jCarousel

Making sliding image galleries

jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).

jCarousel

WordPress Version: jCarousel for WordPress

This plugin displays thumbnail images in a carousel using jQuery jCarousel. Clicking an image or scrolling fades in a large version of the image.

Category: Article | Leave a Comment | 34 Comments

Related Posts

  • Creating Slick Forms Using Ajax, jQuery & CSS: No More Ugly Forms Creating Slick Forms Using Ajax, jQuery & CSS: No More Ugly Forms
  • Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout
  • Slick Drop down Menu with Easing Effect Using jQuery & CSS Slick Drop down Menu with Easing Effect Using jQuery & CSS
  • DAY 2: Fading Background Color With jQuery .animate() DAY 2: Fading Background Color With jQuery .animate()

34 Comments, Add Comment or Ping

  1. Eko Setiawan says:
    May 25, 2010 at 6:54 am

    Great collection, thanks to include one of our plugin.
    :)

  2. saad irfan says:
    May 25, 2010 at 6:54 am

    nice collection =)

  3. Vinicius Almeida says:
    May 25, 2010 at 7:35 am

    Awesome collection!

    tnks!

  4. wespai says:
    May 25, 2010 at 7:46 pm

    nice collection

  5. sarah says:
    May 25, 2010 at 8:37 pm

    Hey really a great list..good job .. keep it up

  6. Michael Pehl says:
    May 25, 2010 at 10:23 pm

    Thanks for sharing this collection :)

  7. Kimi says:
    May 26, 2010 at 2:36 am

    Thanks for the awesome collections! I have been looking for this jQuery wordpress combination

  8. Beben says:
    May 26, 2010 at 2:51 am

    i like the slidedeck…cool

  9. Smashing Buzz says:
    May 26, 2010 at 4:29 am

    helping jquery plugins for bloggers and most helping for developers who working on various tasks.

  10. Web Design Maidstone says:
    May 26, 2010 at 5:23 am

    I think I’m getting over excited here. Almost spilt my coffee. Brilliant collection of Wordpress plugins, will have to try a few out I think.

  11. Freedom Themes says:
    May 26, 2010 at 5:50 am

    What a great collection of resources.
    Thank you for sharing these – they will come in handy.

  12. ricky says:
    May 26, 2010 at 7:47 am

    My favorite Jquery Slider Nivo. Information;
    http://www.ueuh.com/internet/for-eye-catching-slide-jquery-slider-nivo/

  13. Krzyho says:
    May 31, 2010 at 7:53 am

    Greate collection:) Im using COIN SLIDER in my site.

  14. Teresaswiger says:
    June 2, 2010 at 6:39 am

    Yeah, it’s good, very useful, thanks

Trackbacks/Pingbacks

  • designfloat.com
  • wp-popular.com » Blog Archive » Get Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins | DevSnippets
  • Getting Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins | DevSnippets « Netcrema – creme de la social news via digg + delicious + stumpleupon + reddit
  • Getting Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins | DevSnippets » Web Design
  • Getting Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins … | WordPressPlanet.com
  • Getting Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins | DevSnippets | WordPress News
  • Best jQuery Plugins - Appriweb
  • Getting Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins … » KHMER855.COM
  • Getting Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins | DevSnippets | WpMash - WordPress News
  • WordPressハッカーズ
  • Plugins de jQuery transformados em Plugins do Wordpress « Mateus Neves, Designer, Wordpress and more
  • Getting Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins … » WB Tips
  • Getting Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins | DevSnippets : Popular Links : eConsultant
  • Q&A: Wordpress.com blog, paid for custom CSS… please help? | The Blogging Expert
  • Getting Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins … | Wordpress Blog Hosting
  • Getting Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins | DevSnippets « just do something… anything
  • The Technology Blog: Getting Slim WordPressReady with Top 10 jQuery Plugins
  • 10 Super Plugin jQuery Per Wordpress | Fedeweb
  • My Life on May 27th « jeannieBeannie
  • WP Nivo Slider em Destaque no Devsnippets | Genius Developer

Sponsored Ads

ADVERTISE HERE

Sponsored Ads

DevSnippets Latest Articles

  • Using Illustrations in WebDesign: 30 Creative Examples
    Tags: Illustration, Inspiration, webdesign Jul/20/2010
  • Dark and Mysterious High Quality Desktop Wallpapers
    Tags: Dark, Wallpapers Jun/23/2010
  • 10+ Most Beautiful Island Photography on Earth
    Jun/16/2010
  • 35 High Definition iPad Wallpapers For A Great Experience
    Tags: Inpiration, Wallpapers Jun/09/2010
  • 30 Unique Logo Designs That Actually Say Something
    Tags: Branding, Inspiration, Logo Jun/02/2010
  • Creating 10 Most-Used Javascript Techniques Using Pure CSS Styling
    Tags: CSS, Tutorial May/31/2010
  • 40 Creative Advertisements With Unexpected Ideas
    Tags: Advertising, Inspiration May/27/2010
  • Getting Slim, Spicy, & WordPress-Ready with Top 10 jQuery Plugins
    Tags: jQuery, WordPress May/25/2010
  • Spicing Up Your Tumblr Experience: Beautiful Themes, Icons and Apps
    Tags: Templates, Tumblr May/19/2010
  • 20 NEW & FREE High Quality (X)HTML/CSS Templates
    Tags: CSS, Design, Template, Tutorial May/17/2010
More Articles →

Design Community News

  • Is It Worth Shifting To Photoshop CS5?

    SloDive
    Jul/04/2010
  • Free Wordpress Theme Vector Nature Template

    templates4all
    Jul/04/2010
  • Best jQuery plugins – June 2010

    Spider8411
    Jun/22/2010
  • Freebies: Vintage Mega Pack 10 Samples from Designious.com

    Doink
    Jun/22/2010
  • CSS3 Animations, the Power Back to CSS Part 1: Transitions

    Teylor Feliz
    Jun/22/2010
  • Create a Photo-Realistic Candle with Basic Photoshop Tools

    Frank
    Jun/22/2010
  • Credit cards and payment icon set

    icon sets
    Jun/22/2010
  • 40 Refreshing Nature Inspired Web Designs

    Brukhar
    Jun/22/2010
  • How to Create a Tumblr Theme (Code Structure)

    Dainis Graveris
    Jun/21/2010
  • The Simple Photoshop CS5 Cheat Sheet

    Frank
    Jun/21/2010
More News →

Our Friends

  • Graphic Design School

  • Designm.ag

Top ↑

Add a Snippet / Design News

© 2008-2010 DEVSNIPPETS | Made by Noura Yehia | Submit Snippet | About| Subscribe | Advertise
In partnership with (mt) Media Temple