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. [exec]$filestr = file_get_contents(‘http://www.tripwiremagazine.com/googleadsensebelowmoretag.inc’);echo $filestr;[/exec]
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
- Responsive Images and Video plugins
- Image and Content Sliders
- Responsive Menu Plugins
- Responsive WordPress Form Plugins
- Other Responsive Plugins for WordPress
Responsive WordPress Shortcodes and Page Builder Plugins
The Elegant Themes Builder Plugin – MORE INFO
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 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 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
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
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
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 Images replaces the fixed width and height attributes so your images resize in a fluid or responsive design.
Simple Responsive Images – MORE INFO
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 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
Adds support for the proposed responsive image format in post content, and helper functions for theme authors.
Advanced Responsive Video Embedder – MORE INFO
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
This plugin makes videos responsive using the FitVids jQuery plugin on WordPress.
Responsive Video Embeds – MORE INFO
Automatically resize WordPress auto-embeds, including video and other iframes, in a responsive fashion.
Style My Gallery – MORE INFO
Style galleries using popular scripts – currently only FlexSlider. Supports multiple galleries per page.
Vixy YouTube Embed and Download – MORE INFO
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 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 WP is a stunning premium CSS3 / HTML5 WordPress slider plugin which has been developed in a cooperation with Averta.
Responsive Slider – MORE INFO / DEMO
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
Over 170 breathtaking 3D & 2D hardware accelerated transitions with transition gallery!
Meta Slider – MORE INFO
4 sliders in 1! Choose from Nivo Slider, Flex Slider, Coin Slider or Responsive Slides.
Meteor Slides – MORE INFO
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
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
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
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
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
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
Add beautiful, responsive EasyRotator photo rotators and sliders to your WordPress site in seconds.
Thumbnail Scroller (WordPress Plugin) – MORE INFO / DEMO
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 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
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
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 adds a smooth content and image slideshow with customizable background and slide intervals to any location of your blog
Photospace Responsive Gallery – MORE INFO
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
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 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 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 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
Just another accordion. Only better. Now for WordPress!
Juiz Smart Mobile Admin – MORE INFO
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
Form builder for any kind of form you need in WordPress. Very powerful and flexible.
nForms – WordPress Form Builder – MORE INFO / DEMO
Other Responsive Plugins for WordPress
WP Mobile Detector – MORE INFO
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 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
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
Gives users with content creating permissions the ability to preview their site in a responsive testbed.
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.
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.
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!
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.
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!
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!