Category Archives: Interface Elements

Touchy: A WordPress mobile menu plugin

Psst! Looking for an entire mobile theme, not just a menu?
We have the highest-rated mobile themes on ThemeForest!

You may also be interested in our TapTap mobile menu plugin:

About Touchy: A mobile menu for WordPress

Hello there and thank you or having a look at Touchy, a mobile-first menu plugin for WordPress. While fast, reactive and primarily meant for touch devices, Touchy can also be used on a full-blown desktop site as it’s been tested in a variety of browsers to ensure it works the same everywhere.

Featuring quickly-accessible call and email buttons, as well as a back button(when not on the front page) and a 2-level drop-down accordion menu, Touchy can serve as a complete menu solution for any WordPress theme.

It is also extremely customizable, allowing you to color it how it however you see fit (please find more details on that below). With literally just a few clicks, you can alsooptionally and individually hide the Back, Call and/or Email buttons.

The detailed documentation that’s included with the download will assist you with step-by-step instructions on any questions might have. And if you need that extra helping hand.. we’ll just let our customers do the talking here:

Triple-A support

Should you need a little help or some custom work done, you can rest easy in knowing we’ll be here to assist in a speedy manner. Here’s what a few customers who’ve already purchased Touchy have to say about us:

And here are a few words from some of our other clients:

  • “I’ve never had a customer service experience as great as I had with Bonfire Themes…”
  • “… extreme fast response!!!”
  • “Best support I’ve ever seen! .. Five stars is not enough!”
  • “Wow, thanks for the prompt response.”
  • “… customer service provided goes above and beyond … An excellent experience from start to finish.”
  • “Thanks for your speedy service! :)”
  • “Thanks for such a speedy response! You rock man!”

Customization

As mentioned above, Touchy is massively customizable. And it’s all done through the built-in WordPress color customization tools to avoid adding unnecessary bloat to the plugin. Here’s a list of all the different colors you can change:

  • BACK button background
  • BACK button icon
  • BACK button background hover
  • BACK button icon hover
  • CALL button background
  • CALL button icon
  • CALL button background hover
  • CALL button icon hover
  • EMAIL button background
  • EMAIL button icon
  • EMAIL button background hover
  • EMAIL button icon hover
  • MENU button background
  • MENU button icon
  • MENU button background hover
  • MENU button icon hover
  • Menubar separator
  • Accordion menu background
  • Accordion menu item background hover
  • Accordion menu separator
  • Accordion sub-menu separator
  • Accordion expand icon (down)
  • Accordion expand icon (up)
  • Accordion menu item
  • Accordion menu item hover
  • Accordion menu icon
  • Accordion menu icon hover
  • Accordion expanded menu item
  • Accordion expanded menu icon
  • Accordion expanded menu background
  • Accordion sub-menu item with “text” class
  • Accordion sub-menu item
  • Accordion sub-menu item hover
  • Content overlay (when menu open)

Shortcodelic – WordPress Plugin Bundle

A plugin bundle

Shortcodelic actually is a plugins bundle, because puts in the same plugin lots of features that serve to create a cutting edge theme, with slideshows (the sliders support videos, also as background, and can adapt themselves to their parent element, so can be fullscreen too), tabs, accordions, comparative tables, advanced Google maps, progress bars, font icons etc.

How it works

Shortcodelic provides two kinds of shortcodes: one kind is a “simple” shortcode, where all the values that the plugin needs to print something on the frontend are passed as values of the shortcode itself:

[shortcodelic-progress unit="%" percent="25" barcolor="#34b96c" trackcolor="#eeeeee" style="pie" linewidth="20" size="130" animate="2000"]Design[/shortcodelic-progress]

The other kind is different, because all the values the plugin needs to print the result on the frontend are stored in the custom fields of the post/page where you generate the shortcode itself:

[shortcodelic-slideshow slideshow="2"]

In this case the only value that the shortcode passes is the ID of the slideshow (“2”). The only things that the plugin needs to print the result are the ID of the shortcode and the ID of the post (if not specified the ID of the post will be taken from the post itself).

If you want to take a particular shortcode generated on a post or page and display it on a different page, you only need to copy and paste the shortcode from the shortcode generator box, where is also specified the ID of the post:

[shortcodelic-slideshow postid="42" slideshow="2"]

In this case you can display a particular shortcode on all the pages, despite of the page or post you used to generate it. Just remember that, if you delete the post/page where you taken your shortcode from, you will delete the values of the shortcode too.

What’s included

Shortcodelic comes with PixGridder page composer, a premium WP plugin available on CodeCanyon (click here).

It provides a useful admin panel to set the default settings, compile custom CSS etc.

SHORTCODES

  • multi layer slideshows, with many effects, drag & drop preview, CSS3 acceleration, touch events, full-width and full-screen option
  • tabs and accordions, with responsive layout
  • responsive data and pricing tables
  • advanced Google maps, with custom styles, custom multiple markers, streetview option available, routes available
  • carousels to display image and content (from posts too)
  • font icons from Fontello.com
  • animated tooltips
  • progress bars and pies
  • infinite custom button generator
  • infinite text box generator

UnoSlider for WP – Responsive Touch Enabled Slider

What is UnoSlider?

UnoSlider is a jQuery content slider plugin with an unlimited transition animations(really, unlimited!) and a wide range of a features like touch enabled, mobile optimized interface, animated layers, responsiveness and a lot of other features.

Browser support

UnoSlider works in all modern browsers and mobile devices, as well as in older browsers, including IE7 and IE6 (with some limitations)

Features

  • Fully responsive
  • Mobile optimized
  • Touch enabled
  • Literally unlimited transitions
  • Animated Layers
  • More than 30 options
  • Easy installation
  • Html content
  • Easily themeable
  • 12 prebuilt themes
  • Well documented
  • More than 40 preset transitions
  • Images preloader
  • Multiple sliders on one page
  • HTML slides editor
  • Animated layers editor
  • Transitions editor

WordPress Flipper 2.0: Flipbook style slider!

What is Flipper?

Flipper is a WordPress plugin that lets you transform any content to a beautiful book-like slider!

Does it support touchscreen devices?

Yes! Flipper is very optimized for touchscreen. In fact, it feels even better when you flick the pages with your finger!

Can I change the size of the widget?

Of course. The plugin can accept width and height as parameters.

Can I remove any of the UI elements of the widget?

Sure. You can specify in the parameters if you wish to disable the arrows or the pager.

Do I have to use just text?

Absolutely not. Flipper comes with 10 preset layouts and you can effortlessly switch between them, upload images and even spice it up with some CSS. All from the admin panel!

What about older browsers?

If the browser doesn’t support CSS3 3D transforms, the widget gracefully falls back to pure jQuery. As a best practice, it doesn’t do browser sniffing!

Multi-X Bar

Multi-X Bar is an advanced multifunctional navigation bar for your WordPress websites. It is modular system that allows to place not only navigation menu, but also any functional modules. By default, it has 8 customizable modules such as: subscription form, contact form, social sharing module, widget area module, accurate linking module, login box module, social icons and search box. As an administrator you can customize each module and their sequences, set desired menu structure and adjust whole bar by selecting suitable theme and setting responsive and appearance parameters. As a developer you can create any functional module and release it as separate plugin (Multi-X Bar has set of hooks to integrate new modules). Create comfortable browsing environment on your website. Users will appreciate it.

Version 2.40 released. Improved responsiveness. Updated Font Awesome to latest version. If you use free add-ons, please update them too.

Demo

You can check two demos:

  1. Mult-X Bar at the top edge
  2. Mult-X Bar at the bottom edge

Features

  • Nice CSS3 navigation bar: shadows, gradients, etc.
  • WordPress native menu manager: create menu structure with WordPress native menu manager.
  • Modular system: add available functional modules to the bar.
  • Font Awesome supported: over 360 awesome icons.
  • 2 appearance modes: always on top and on scroll down.
  • 2 positions: you can stick bar to the top/bottom edge of window.
  • 2 color themes: set desired color theme that match your website design.
  • Free Custom Theme: set any color of Multi-X Bar (gradient will be calculated automatically) as well as any background image.
  • Responsive design: support low resolution screens.
  • 60+ settings options: customize Multi-X Bar as you wish.
  • 8 embedded functional modules: subscription form, contact form, social sharing module, widget area module, accurate linking module, login box module, social icons and search box.
  • Subscription Form module: place opt-in form on bar.
    • AJAX-ed opt-in form: modern opt-in form.
    • Collect contact details: store contact details in database.
    • CSV Export: all data can be exported as CSV-file to be used with any newsletter systems.
    • Enable/disable “Name” field: collect either names/e-mails or emails only.
    • MailChimp supported: contact details can be submitted to MailChimp through their API.
    • iContact supported: contact details can be submitted to iContact too.
  • Contact Form module: place contact form on bar.
    • Modern Contact form: HTML5+CSS3 AJAX-ed contact form.
    • E-mail confirmation: plugin sends confirmation to users once they submitted info through contact form.
    • Save all submitted data: all data is saved in database.
    • Thanksgiving message: set thanksgiving message.
    • Native wp_mail() function: confirmations and notifications are sent using native wp_mail() function, so you can adjust it with 3rd party plugins.
    • Invisible spam protection: do not disturb users with captchas.
  • Widgets module: add any widgets to widgets module.
  • Free Widget Areas Pack: add up to 10 widget areas to Multi-X Bar.
  • Free Simple Links Pack: add up to 10 iconic links directly to Multi-X Bar.
  • Social Sharing module: add share buttons from popular social networks (Facebook, Twitter, LinkedIn, Google+).
  • Social Icons module: add links to your social profiles on bar.
    • RSS icon: add RSS icon on menu bar.
    • Social Icons: add desired social icons on menu bar (Facebook, Twitter, Pinterest, Google+).
  • Search Box module: hide/show search box on bar.
  • Accurate Linking module: accurate link contains current scrolling position.
  • Login Box module: users can enter their account with ease.
  • Drag & Drop customization: activate and sort functional modules as you wish.
  • Scroll On Top button: smooth scrolling to the top.
  • Your own logo: replace home button by your own logo.
  • Flexible bar height: set desired Multi-X Bar height.
  • Enable/disable bar for guests/users/admins: you can do it too.
  • Easy to install: install and activate the plugin as any other plugins.
  • Easy to use: plugin starts working after activation.
  • Set of hooks to integrate new modules: create any functional module and release it as separate plugin (for developers).
  • Set of hooks to create new themes: create new themes and release it as separate plugin (for developers).
  • WordPress Best Practices: no any alerts from Plugin Check or WP_DEBUG.

Installation

  1. Install and activate the plugin. Once activated, it creates menu “Multi-X Bar” in the admin area.
  2. Click left side menu “Multi-X Bar >>> Settings” and do required settings.
  3. Go to menu manager “Appearance >>> Menus” and assign desired menu structure to Multi-X Bar.

That’s it! Enjoy using the plugin.

Responsive Charts

‘Responsive Charts’ allows you to create HTML5 animated charts easily in WordPress.

  • 7 animated chart types using Charts.js
  • Allows for multiple charts on a single page
  • Fully customisable charts and tooltips
  • Multiple data sets for bar and line charts
  • Import data sets from CSV
  • Responsive

Animated Chart Types

  • Pie Chart
  • Doughnut Chart
  • Bar Chart
  • Line Chart
  • Polar Chart
  • Radar Chart
  • Bootstrap Progress Bars

Screen Shots

Pie Chart:

Doughnut Chart:

Bar Chart:

Line Chart:

Polar Chart:

Radar Chart:

Bootstrap Progress Bars:

Multiple Data Sets:

Charts:

Import Data Sets:

Edit Chart: