Category: Interface Elements

  • Liquid Fill Gauge (Interface Components)

    Liquid Fill Gauge (Interface Components)

    This is a gauge plugin for WordPress, to create beautifully animated gauges or progress bars with a circular design. A set of 23 shortcode attributes are available to customize the gauge. Every gauge is rendered as a seperate SVG element and you can insert multiple gauges on the same page.

    These are the available shortcode attributes to customize a gauge (default values between brackets):

    • value (50): The current value of the gauge.
    • width (200px): The width of the gauge.
    • height (200px): The height of the gauge.
    • minvalue (0): The gauge minimum value.
    • maxvalue (100): The gauge maximum value.
    • circlethickness (0.05): The outer circle thickness as a percentage of it’s radius.
    • circlefillgap (0.05): The size of the gap between the outer circle and wave circle as a percentage of the outer circles radius.
    • circlecolor (#178BCA): The color of the outer circle.
    • waveheight (0.05): The wave height as a percentage of the radius of the wave circle.
    • wavecount (1): The number of full waves per width of the wave circle.
    • waverisetime (1000): The amount of time in milliseconds for the wave to rise from 0 to it’s final height.
    • waveanimatetime (1000): The amount of time in milliseconds for a full wave to enter the wave circle.
    • waverise (true): Control if the wave should rise from 0 to it’s full height, or start at it’s full height.
    • waveheightscaling (true): Controls wave size scaling at low and high fill percentages. When true, wave height reaches it’s maximum at 50% fill, and minimum at 0% and 100% fill. This helps to prevent the wave from making the wave circle from appear totally full or empty when near it’s minimum or maximum fill.
    • waveanimate (true): Controls if the wave scrolls or is static.
    • wavecolor (#178BCA): The color of the fill wave.
    • waveoffset (0): The amount to initially offset the wave. 0 = no offset. 1 = offset of one full wave.
    • textvertposition (0.5): The height at which to display the percentage text withing the wave circle. 0 = bottom, 1 = top.
    • textsize (1): The relative height of the text to display in the wave circle. 1 = 50%
    • valuecountup (true): If true, the displayed value counts up from 0 to it’s final value upon loading. If false, the final value is displayed.
    • displaypercent (true): If true, a % symbol is displayed after the value.
    • textcolor (#045681): The color of the value text when the wave does not overlap it.
    • wavetextcolor (#A4DBf8): The color of the value text when the wave overlaps it.

    Here is a fully functional shortcode with all available attributes:

    [liquidgauge value=”53” width=”200px” height=”200px” minvalue=”0” maxvalue=”100” circlethickness=”0.05” circlefillgap=”0.05” circlecolor=”#178BCA” waveheight=”0.05” wavecount=”1” waverisetime=”1000” waveanimatetime=”1000” waverise=”true” waveheightscaling=”true” waveanimate=”true” wavecolor=”#178BCA” waveoffset=”0” textvertposition=”0.5” textsize=”1” valuecountup=”true” displaypercent=”true” textcolor=”#045681” wavetextcolor=”#A4DBf8”]

  • Limitless Timeline Responsive WP plugin (Interface Components)

    Limitless Timeline Responsive WP plugin (Interface Components)

    Unlimited timeline is a powerful responsive WordPress plugin that helps you make timeline easily, You make timeline with many query parameters (Category, Tag, Post type, Custom Post type, Custom texonomyMeta value….)

  • Staff Builder — Meet The Group WordPress Plugin (Interface Components)

    Staff Builder — Meet The Group WordPress Plugin (Interface Components)

    Premium WordPress Plugins by Looks Awesome Follow Looks Awesome on Envato Follow Looks Awesome on Twitter Knowledge Base Team Builder for WordPress

    Team Builder is a premium multi-use WordPress plugin with main purpose of building awesome team showcase on your website. With this plugin you can build fantastic team showcase in very little time. It’s super easy and fun to deal with Team Builder thanks to powerful admin builder and shortcodes. And the best thing is it’s possible to use this plugin for crafting amazing testimonials or logo showcases. Basically it’s great for so many use cases built on image grid basis. Try your imagination and check out live demo!

    Key Features

    • Different layouts: grid, sliders, tables, widgets.
    • Absolute freedom on design customization.
    • Powerful drag and drop admin builder.
    • Fully responsive.
    • Clean and flexible design.
    • Predefined style presets for each layout.
    • Multi-use plugin: team, logos, testimonials etc (check live demo).
    • Fancy hover effects on your choice.
    • Store employees as contacts for unlimited use.
    • Social icons bar.
    • Easy to use shortcodes.
    • Cozy and intuitive admin UIX.

    Consider Team Builder as the most beautiful team showcase WordPress plugin with strong and handy admin panel. The last thing is a huge time saver and inspires you to build something fresh and unique. Play with settings, turn On/Off or re-arrange different blocks, style it and place shortcode on your page. That’s it!

    With this plugin you get unbelievable freedom on design customization. It’s possible to build any layout because you can both style and re-arrange any blocks. Basically you can build whole page using Team Builder only. Just use different templates and construct varied and interesting layout of your website. You’ll love that handy and powerful admin builder. Play with it and you’ll find unexpected design solutions for your WordPress website!

    Changelog

    Version 1.0

    - Fix for links hovering in 1.0.1
    - Plugin is approved on CodeCanyon
    

    You May Also Like

  • Preloader Final – WP Plugin (Interface Components)

    Preloader Final – WP Plugin (Interface Components)

    Preloader Ultimate is a wordpress plugin that will add a beautiful animated loading screen indicator on your site. You can create unique preloading effects on each post/page. Choose the best loading spinner for your preloader from the four available option (CSS3, GIF, SVG, Custom upload). Customize the color, size and background, add some text below the loading spinner, add some awesome effects when preloader exit or when the site content is display.

    Features

    • Customize preloading effects on specific post/page
    • 50+ awesome CSS3 loading spinners available
    • 28 beautiful animated GIF available
    • 12 SVG loading spinners available
    • Custom image upload
    • Custom text below the loading spinner
    • 31 different preloader exit animation effects
    • 39 different page content entrance animation effects
    • customize the color, size and background
    • Enable/Disable Preloader
    • Enable/Disable Preloader on mobile devices
    • Hide/Show page scrollbar when loading
    • Exclude specific posts/pages from showing the preloader
    • Very easy to use, descriptions are provided in each settings

    Preloader Ultimate Settings Page Screenshots

    Preloader Ultimate Settings Page Screenshots

    Preloader Ultimate Settings Page Screenshots

    Preloader Ultimate Settings Page Screenshots

    Preloader Ultimate Screenshots

    Preloader Ultimate Settings Page Screenshots

    Preloader Ultimate Settings Page Screenshots

    Credit

  • VideoTNT: WordPress In-Content material Video Pop-In Plugin (Interface Components)

    VideoTNT: WordPress In-Content material Video Pop-In Plugin (Interface Components)

    VideoTNT – current version 2.0 available for download!

    Get New Version of VideoTNT for your WordPress Site Now
    Easily Add this Powerful Tool to Your Website - Get More Visitors & Convert Them Easily!#1 Latest Way to Super-Charge Videos in WordPress
    Follow PluginStackGet Support for VideoTNT for WordPressGet Latest Version of VideoTNT Plugin for Wp
    Three steps to using VideoTNT to create video in-content pop-ups for WordPress
    Recently Updated to version 2.0. Lifetime Updates included for Free

    VideoTNT is a Powerful Tool to Suprise Your End-Users with Video, then Convert that Attention into Sales & Subscribers

    VideoTNT lets you quickly and easily insert highly-impactful video into your posts and pages, then capitalise on grabbing thier attention!

    This easy-to-use plugin makes it easy to get more attention from your visitors, and to give them what they want. Whether you want to drive engagement and keep people on pages (boosts your Google Rankings), or to get people subscribed, or buying, VideoTNT has some seriously useful functionality that’ll enhance your website.

    • VideoTNT Drives Engagement:
      • Show video where visitors will see it
      • Mixed-media is proven to engage with visitors
      • Auto-play (or don’t) to drive views
      • Convert the viewers once engaged with on-video CTA’s!
         
    • As well as exploding video in your content, VideoTNT will also:
      • Convert viewers into subscribers
      • Convert viewers into buyers
      • Help viewers share or follow
      • … with 10x powerful built-in CTA pop-overs!
         
    • Which convert your, (engaged), visitors by:
      • Show custom subscribe forms after play
      • Show custom button or image after play
      • Integrated with MailChimp, Aweber, GetResponse & Campaign Monitor
      • Also works with your custom html forms

    All this, and more in one super-optimised WordPress plugin

    VideoTNT lets you bounce video out at your visitors. These videos get played more, (10x or more in our tests), they get watched for longer (driving up page-engagement times for SEO), and what’s more, as viewers like what they see, they often convert fantastically into subscribers (offer more video for their email!), or sharers/buyers (with lots of custom CTA’s, this is easy with VideoTNT).

    Try VideoTNT, before you buy it.

    Example of a VideoTNT in action, click to try out the video pop-outs for yourself!

    VideoTNT Features

    • Easy Interactive Video Embeds
    • Add’s another channel for Subscribers, Buyers or Sharers
    • Attention-grabbing mid-content pop-outs!
    • Easy to use
      • Create Video Embeds in seconds:
      • Easy-to-add via shortcode [ videoTNT id=123 ] or button
      • Integrated with mail providers
      • Wonderfully fast & easy install
    • 10x Powerful CTA’s:
      • Get Subscribers
      • Get Click-throughs/Sales
      • Get Likes/Shares
      • All Built-in & Customisable!
    • Integrated with:
      • Mailchimp
      • Aweber
      • GetResponse
      • Campaign Monitor
      • Any other provider via Custom HTML!
    • Many, Many Features:
      • Autoplay when Video Pops
      • 45+ Animation Modes
      • 10x Built-in CTA video pop-overs
      • Works with Mobile Browsers
      • New for V2.0: Easily override CSS and more, from settings!
      • New for V2.0: Upload Your Own CTA Image
      • All CTA’s are customisable (text, images, and colours!)
      • + Lots More!
    • Great for:
      • Bloggers with email lists
      • Sales Pages in WordPress
      • Wow’ing visitors with Product Videos
      • Training videos & other video websites
      • Mixing up your content to keep your audience
    • Attracts 10x+ more views to video
    • Add’s another possible channel for subscribers or buyers
    • Improves engagement time of visitors, helping your SEO
    • Add Depth to Your Content!
    • Small footprint (12kb Javascript)
    • Includes Sass Stylesheets for Easy Customisation
    • Modern, efficient code written by pro’s
    • Easy to use settings panel
    • High-performance plugin
    • All the benefits of a stable, much developed & used plugin (v[pluginStackProductVar id=”current_ver”])
    • Full Documentation & Quick Start Guide
    • 5 Star Customer Support via Email
    • Free updates for life

    All of this comes with a Super Easy Installer which works out of the box. You can install VideoTNT, add a video and insert the shortcode and have it working from day one. With 10x Customisable CTA forms it’s easy to modify, or tweak to fit with your look and feel, or theme.

    VideoTNT Theme Compatibility

    VideoTNT will work with all themes. It works fantastically with responsive themes, but because you can set each video’s dimensions specifically, (if you want to), it also works well on older non-responsive themes.

    • All Themes
    • Works fantastically with responsive themes
    • Includes 10x custom pop-overs to match theme
    • Fully customisable colours from inside editor
    • Well ordered elements make CSS tweaking easy
    • Comes with Sass stylesheets for Developer edits

    Test drive or Purchase now – Instant Download.

    High Quality Code

    • Modern CSS, Easily Customized
    • Compressed CSS for faster loading
    • Uncompressed CSS and Sass also included, for customising
    • Lightweight Plugin Code
    • Tiny Footprint

    VideoTNT Tech Specs

    • Current Version: 2.0
    • Requires PHP Version: 5+
    • Compatible with WordPress Versions: 3.0+
    • Uses: CSS3, jQuery
    • All Front-End code Minified and Compressed
    • Tested on multiple server setups
    • VideoTNT Plugin Filesize: 1,593KB
    • VideoTNT.zip MD5 Hash: 00D859C1653E99F1AACF8667AA0CC273

    Get Your Copy of the VideoTNT Plugin for WordPress Now

    VideoTNT for WordPress Changelog

    Version 2.0 – 10/07/2015

    CodeCanyon Public Release

    >> Improved documentation (Fully re-wrote documentation for v2.0 for improved understanding)
    >> Added "Quick Start Guide Video" 
    >> Performance Enhancements since v1.7.1
    >> Fixed remaining 4 bugs in v1.7.1
    >> And still all the goodness of v1.7.1
    
  • wordpress Publish Listing Desk (Interface Components)

    wordpress Publish Listing Desk (Interface Components)

    This WordPress Post List Table plugin gives You easiest, efficient and user-friendly way to present all your work/posts on one page via flexible and responsive table with Filtering, Sorting and Searching capabilities. The table completely customizable and responsive and it 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 a simple short code.

  • Responsive Tab Builder (Interface Parts)

    Responsive Tab Builder (Interface Parts)

    ‘Responsive Tab Builder’ allows you to easily create responsive tabbed navigation with pure CSS animated transitions in WordPress.

    • Responsive tabs adapt perfectly for all devices
    • 6 tab layout options and 7 smooth transition effects
    • Fully customisable style options and Font Awesome icons
    • Use HTML elements within content
    • Built in widget functionality

    Screen Shots

    Top Left/Right:

    Top Centre/Justify:

    Left/Right:

    Style Examples:

    Responsive Accordions:

    Easily Build Tabs:

    Full Customisation:

    Updates

    Version - 1.0.0 
    * Initial release