40+ Responsive WordPress Plugins – Add mobile friendly features!

June 24, 2013 · 5 comments

by Lars

responsive-wordpress-plugins

With responsive WordPress plugins, you can safely add new features to your responsive WordPress website without breaking the layout on mobile devices.

Most new WordPress based websites build today have a mobile friendly design and a responsive layout. It is not a big deal to set up a cool responsive website and impress mobile surfers. All you need is a basic hosting account, a WordPress installation and a responsive WordPress theme (for inspiration on mobile ready themes check my previous post). Building websites that give mobile visitors a good experience makes good sense; however, once you decide to use a responsive layout you cut off a very large amount of useful WordPress plugins. You see unless a plugin have been specifically designed to be responsive, it may break your website design on small screens.

I have collected more than 40 WordPress plugins build for responsive layouts and hope you will be able to find the functionality you need. I have categorized the plugins into the following sections: Shortcodes and Page Builders, images and video, sliders, menus, forms and other. This will make it easy for you to navigate to the type of plugin you need. Keep in mind that even though the plugins support responsive layouts and will fit into most responsive websites, it is important to check their responsiveness on all devices you want to support.

Please take a minute to leave a comment and let us know if you have a favorite responsive plugin or theme. Also please help us by sharing the article on social media. 


ElegantThemes
ThemeForest

Advertisement
Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.

Responsive WordPress Shortcodes and Page Builder Plugins

The Elegant Themes Builder Plugin – MORE INFO

elegant-builder

The Elegant Themes Builder is a plugin that provides some incredible tools for structuring the content on your page. The plugin creates a visual drag-and-drop canvas where you can add, arrange and re-size advanced elements on your page. This builder appears below the normal text editor when you create a post or page, creating a unique canvas for each. The builder allows to you quickly create columns, sliders, tabs, buttons, toggles, boxes and so much more.

Visual Composer for WordPress – MORE INFO / DEMO

visual-composer

Visual Composer for WordPress will save you tons of time working on the site content. Now you’ll be able to create complex layouts within minutes! It’s build on top of the modern technologies – get the best for your lovely website!

Ether Content Builder WordPress Plugin – MORE INFO / DEMO

ether-wp

Ether Content Builder WordPress Plugin is a powerful tool for building custom content pages aided with innovative visual composer. It comes equipped with many commonly used widgets that can be laid out via interactive drag&drop interface. Ether Builder can use 3rd party widgets as well as custom crafted ones.

Styles with Shortcodes for WordPress – MORE INFO / DEMO

styles-with-shortcodes-for-wordpress

This plugin lets you customize content faster and easier than ever before by using Shortcodes. Choose from 100 built in Shortcodes like; jQuery Accordion, Tabs and Toogle, Tooltips, Column Shortcodes, Gallery and Image Shortcodes, Button Styles, Alert Box Styles, Pullquotes, Blockquotes, Twitter buttons, Retweet button, Facebook Like, Follow me on Twitter buttons, Linkedin, Google +1, Flattr  and many more!

GPP Shortcodes – MORE INFO / DEMO

gpp-shortcodes

Use the GPP Shortcodes plugin to create magazine-style page layouts using WordPress shortcode. Once you tame the shortcode markup style (it’s uber easy, don’t worry) you can set your inner designer free and create the landing pages you’ve always dreamed of.

Symple Shortcodes – MORE INFO

symple-shortcodes

Tired of using a theme with built-in shortcodes, switching themes and then losing all your awesome styles? No worries, this is why I’ve created the Symple Shortcodes plugin! Now you can add buttons, highlights, boxes, toggles, tabs, pricing tables…among other awesomeness and take them with you no matter what theme you decide to use.

Responsive WordPress Images and Video plugins

WP Fluid Images – MORE INFO

wp-fluid-image

WP Fluid Images replaces the fixed width and height attributes so your images resize in a fluid or responsive design.

Simple Responsive Images – MORE INFO

simple-responsive-images

This plugin generate images with attributes for the responsive images in your content. Choose the breakpoints and the sizes associated. The next images you will insert and the elements generated with the wp_attachement functions will begenerated with the right attributes.

FrameIt – Responsive WordPress Plugin – MORE INFO / DEMO

frame-it

Frame your favorites landscape, squares or portrait images and animate them! You can create as many frames as you want or use the +25 presets included. Use separate images for each frame and add a link to eachone.

PB Responsive Images – MORE INFO

pb-responsive-images

Adds support for the proposed responsive image format in post content, and helper functions for theme authors.

Advanced Responsive Video Embedder – MORE INFO

advance-responsive-video-embedder

Embed videos with a click of a button from many providers with full responsive sizes. Show videos as thumbnails and let them open in colorbox.

FitVids for WordPress – MORE INFO

fitvids

This plugin makes videos responsive using the FitVids jQuery plugin on WordPress.

Responsive Video Embeds – MORE INFO

responsive-video-embeds

Automatically resize WordPress auto-embeds, including video and other iframes, in a responsive fashion.

Style My Gallery – MORE INFO

style-my-gallery

Style galleries using popular scripts – currently only FlexSlider. Supports multiple galleries per page.

Vixy YouTube Embed and Download – MORE INFO

vixy-youtube-embed-and-download

A simple method of embedding YouTube videos (with download links) into your pages. Easy to use, but with powerful features for those that need them.

Respond.js – MORE INFO

respond.js

Respond.js is a fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).

Image and Content Sliders

Cute Slider WP – 3D & 2D HTML5 WordPress Slider – MORE INFO / DEMO

cute-slider

Cute Slider WP is a stunning premium CSS3 / HTML5 WordPress slider plugin which has been developed in a cooperation with Averta.

Responsive Slider – MORE INFO / DEMO

responsive-slider

The Responsive Slider plugin allows you to create slides that consist of linked (to any url) images and titles. The slider would then take those slides and present them as a jQuery-powered slideshow – at a chosen location within your theme, page, or post. In whatever order you want them.

LayerSlider Responsive WordPress Slider Plugin – MORE INFO / DEMO

layer-slide-responsive

Over 170 breathtaking 3D & 2D hardware accelerated transitions with transition gallery!

Meta Slider – MORE INFO

meta-slider

4 sliders in 1! Choose from Nivo Slider, Flex Slider, Coin Slider or Responsive Slides.

Meteor Slides – MORE INFO

meteor-slides

Meteor Slides makes it simple to create slideshows and publish them with a shortcode, widget, or template tag. The slideshows scale with responsive and fluid themes to fit any device and have touch support.

WP Parallax Content Slider – MORE INFO

parallax-content-slider

WP Parallax Content Slider is a plugin which adds automatically a content slider of your last posts where you want on your WordPress blog or website.

Slider Revolution Responsive WordPress Plugin – MORE INFO / DEMO

slider-revolution

Create a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with our convenient drag&drop backend to your very needs.

WOW Slider – MORE INFO

wow-slider

Add beautiful image slider to your WordPress blog! Awesome effects, fancy templates, point-and-click wizard. Fully responsive, pure CSS fallback.

Portfolio Slideshow – MORE INFO

portfolio-slideshow

Add a clean, responsive javascript slideshow to your site. The slideshow integrates well into any design, supports fluid-width themes, and offers lots

Slider PRO – WordPress Premium Slider Plugin – MORE INFO / DEMO

slider-pro

The slider is fully responsive and mobile-ready. It provides 150+ options, 100+ possible transition effects, from simple ‘fade’, ‘slide’ or ‘swipe’ effects to more complex ‘slice’ effects, 15+ skins and much more. Also, the slider’s administration area is very powerful and uses the default WordPress design, which WordPress users are already familiar with.

EasyRotator for WordPress – Slider Plugin – MORE INFO

easy-rotator

Add beautiful, responsive EasyRotator photo rotators and sliders to your WordPress site in seconds.

Thumbnail Scroller (WordPress Plugin) – MORE INFO / DEMO

thumbnail-scroller

This Plugin will help you to easily add a thumbnail scroller to your WordPress website or blog. The scroller is completely customizable, resizable and is compatible with all browsers and devices (iPhone, iPad and Android smartphones). You will be able to insert it in any page or post you want with an inbuilt short code generator.

Content Timeline – Responsive WordPress plugin – MORE INFO / DEMO

content-timeline

Content timeline is powerful and lightweight responsive WordPress plugin, best for displaying any organized content. It is fully customizable, and easily implementable with any js script, video, flash etc. Well structured code, and wide ranged API functions make it simple to get started and flexible for customization.

SUPER RESPONSIVE SLIDER – MORE INFO / DEMO

super-responsive-slider

Multiple configurations and image management simple. You can create multiple sliders and use them on your pages, posts, as a widget or inserting them directly as HTML code. Install the plugin, activate and admin in Settings -> Super Slider.

RoyalSlider – Touch Content Slider for WordPress – MORE INFO / DEMO

royal-slider

RoyalSlider is focused on performance, stability and providing best experience for user with any device. It doesn’t have thousands of fancy transitions, but the one that he has work as fast and as smooth as current day technology allows.

Smooth Slider – MORE INFO

smooth-slider

Smooth Slider adds a smooth content and image slideshow with customizable background and slide intervals to any location of your blog

Photospace Responsive Gallery – MORE INFO

photospace-responsive

Based on the Galleriffic gallery, Photospace takes advantage of the built in gallery features of WordPress. Then simply use the WordPress admin to create a gallery and insert it in the page. You may need to adjust the size of the gallery to suit your theme in the settings.

Responsive Menu Plugins

Responsive Select Menu – MORE INFO / DEMO

responsive-select-menu

The Responsive Select Menu plugin automatically turns any WordPress 3 Menu into a select box / dropdown on mobile devices.

UberMenu – WordPress Mega Menu Plugin – MORE INFO / DEMO

ubermenu-mega-menu

UberMenu is a user-friendly, highly customizable, responsive Mega Menu WordPress plugin. It works out of the box with the WordPress 3 Menu System, making it simple to get started but powerful enough to create highly customized and creative mega menu configurations.

UberMenu – Conditionals Extension – MORE INFO / DEMO

ubermenu-conditional-extensions

UberMenu Conditionals adds the option to conditionally display or hide any item in your UberMenu. It adds a new option to each menu item, where you can select which condition must be met via a select box.

UberMenu – Sticky Menu Extension – MORE INFO / DEMO

ubermenu-stick-menu-extensions

UberMenu Sticky Extension adds the ability to make your UberMenu “sticky”, meaning it’ll stick to the same spot in the viewport as your users scroll down your page.

Responsive Searchable 3 Level Accordion For WordPress – MORE INFO / DEMO

responsive-searchable-accordion

Just another accordion. Only better. Now for WordPress!

Juiz Smart Mobile Admin – MORE INFO

juiz-smart-mobile-admin

Used with the default administration theme, this plugin offers you a smartphone support for your dashboard. Some other plugins are already supported (part of WPML, Simple Image Sizes, Next Gen Gallery, etc.), but the diversity of the WordPress community can’t permit the Juiz SMA plugin to be perfect.

Responsive WordPress Form Plugins

Breezing Forms – MORE INFO

breezing-forms

Form builder for any kind of form you need in WordPress. Very powerful and flexible.

nForms – WordPress Form Builder – MORE INFO / DEMO

nForms

Other Responsive Plugins for WordPress

WP Mobile Detector – MORE INFO

mobile-detector

The WP Mobile Detector WordPress plugin automatically detects if the visitor is using a standard mobile phone or a smart phone and loads a compatible WordPress mobile theme for each.

WPtouch – MORE INFO

wptouch

WPtouch automatically transforms your WordPress website for mobile devices, complete with ajax loading articles and smooth effects when viewed from popular mobile web browsing devices like the iPhone, iPod touch, Android mobile phones, BlackBerry OS6+ mobile devices, and more!

WordPress Mobile Pack – MORE INFO

wordpress-mobile-pack

The WordPress Mobile Pack is a complete toolkit to help mobilize your WordPress site. It has a mobile switcher, themes, widgets, and mobile admin pane

Responsive Page Tester – MORE INFO

responsive-page-tester

Gives users with content creating permissions the ability to preview their site in a responsive testbed.

Author : Lars Vraa

Lars is passionate about web design, web development, SEO, social media and loves to look into new technologies, techniques, tools etc. and to write articles for tripwire magazine readers.

{ 5 comments… read them below or add one }

Jordan September 24, 2013 at 10:07 pm

Epic collection! The more responsive themes I can find the better. I am still trying to find a good one for a new website project for a client. Thanks for sharing!

Jordan.

Reply

Deana July 29, 2013 at 1:17 am

Hi there! This post couldn’t be written any better! Looking at this article reminds me of my previous roommate! He continually kept preaching about this. I’ll
forward this article to him. Pretty sure he will have
a good read. Thank you for sharing!

Reply

Kevin July 28, 2013 at 3:40 pm

Nice list. I’m using WP Mobile Detect the free version on several sites. Do you have any info on how to add a new devices on their list. Right now its not detecting the the new BLACKBERRY DEVICES.

Thanks.

Reply

Jason H June 26, 2013 at 9:12 pm

I was just looking for a way to make embedded videos responsive in my new responsive theme. I tried FitVids and didn’t have much luck. Thanks to your list, I have a few others to check out!

Reply

Robert June 19, 2013 at 2:53 pm

Hi Lars,

Great list. I just wanted to let you know though that the Elegant Builder from Elegant Themes is not responsive. They have plans to make it responsive but up til this point it still isn’t. Their Elegant Shortcodes plugin is responsive but the builder isn’t yet.

Nice list though! Thanks!

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post:

Next post:


Web Analytics