Category: Interface Elements

  • Picture Filter Unifier (Interface Parts)

    Picture Filter Unifier (Interface Parts)

    This plugin will help you give your blog or website a coherent look and feel by unifying the style of all your images using advanced SVG filtering technology.

    Most of us aren’t professional photographers and use images on our website we take with our phones, compact cameras or borrow from the internet all the time. Even though every single image we use can be great on its own it’s not unusual to find that they just don’t go well with one another because of the differences between the different cameras we use, the color difference form a photo that was taken on a sunny day vs a cloudy day, etc. All these details make our site look unprofessional.

    Ever used a template which demo content looked amazing only to realize it looked nothing like that when you uploaded your own content? Differences in your images styles were probably the reason for that!

    With Image Filter Unifier not only you’ll be able to unify the style of all the images on yours site but you’ll be able to change that style on all your images in under ten seconds with just a few clicks.

    Our advanced SVG filters are supper light filters that are applied on the browser side when your page renders, so there is no need to wait endless hours for images to regenerate of for you to edit every single image with Photoshop or similar software. Simply pick a style and saver your settings. Changed your mind? No problem! Pick a new style, hit save again and you are done!

    Filters are supported by the following browsers. On any other browsers images will show without filters:

    • Firefox 35+
    • Chrome 18+
    • Safari 6+
    • Opera 15+
    • iOS Safari 6.1+
    • Opera mobile 24+
    • Android browser 4.4+
    • Chrome for android
    • Firefox for android
    • Blackberry browser 10+

    or if you think this list might be outdated you cal always check the browser compatibility here http://caniuse.com/#feat=css-filters

  • Themify Builder – Drag & Drop WordPress Plugin (Interface Parts)

    Themify Builder – Drag & Drop WordPress Plugin (Interface Parts)

    The Themify Builder is the most powerful and easy to use page builder for WordPress. Design any layout that you can imagine, bring it to life using the drag & drop interface, and watch it come to life right in front of your eyes with live preview. Drag, drop, select, and you’ve built beautiful pages – without any coding!

    Builder - YouTube Video

    Front & Back

    Build and edit your layouts in the WordPress Dashboard backend, or directly on the website frontend, using Builder’s live preview capabilties.

    BACKEND EDIT

    Backend Edit

    Compact backend interface allows you to drag & drop modules around easier and quicker.

    FRONTEND EDIT

    Frontend Edit

    Frontend edit mode allows you to preview the design live – what you see is what you get.

    Fast Prototyping

    Builder offers many quick prototyping tools, to make building your websites even faster and simpler.

    PRE-BUILT LAYOUTS

    Pre-Built Layouts

    Use pre-built Layouts included with Builder, or create your own custom Layouts to import into Builder for faster prototyping.

    Watch Video

    LAYOUT PARTS

    Layout Parts

    Easily reusable content built with Builder by inserting Layout Parts into Builder, or with shortcodes.

    Watch Video

    IMPORT / EXPORT

    Import Export

    Share page layouts with clients or use it to create different versions of your layouts with the Import / Export tool.

    Watch Video

    Custom Styling

    Take full control of your page appearance. Style everything from color, background, font, spacing, border, and even the animation effects!

    Custom Styling

    VIDEO BACKGROUND

    Fullcover video loop in the background of any row.

    PARALLAX SCROLLING

    Set a background image that uses parallax scrolling.

    GOOGLE FONTS

    Choose from over 660+ Google Fonts.

    COLOR PICKER

    Choose the exact color you need, and even change the opacity.

    ANIMATION

    Over 60+ animations to apply to any module or row.

    Underlayer Code

    RESPONSIVE

    Both front-end and back-end of your website is responsive, working for desktop, tablet, and mobile devices.

    SEO FRIENDLY

    All content made inside of the Builder is 100% SEO friendly and completely indexable by search engines.

    MODULAR BASED

    Builder is modular in design and has optimized code for better performance. Resources and files are loaded only when in use.

    HTML & SHORTCODES

    Builder utilizes the WordPress editor to support rich text formatting, HTML, and shortcodes.

    MULTI-SITE SUPPORT

    Builder works on single WordPress sites, or multi-side networks. You can use Builder to power as many websites as you want!

    TRANSLATE-ABLE

    The Builder core code is fully localized using WordPress standards, letting you translate into any language.

    Modules

    Builder includes almost any module you could possibly ever need, to build any sort of layout.

    ACCORDION

    Toggle-able and expandable content.

    BOX

    Boxed content with shortcode support.

    CALLOUT

    Text box with call to action buttons.

    DIVIDER

    Customizable horizontal divider.

    WordPress lightbox gallery.

    IMAGE

    Image with title and caption.

    MAP

    Customizable Google Map.

    MENU

    WordPress custom menu.

    POST

    Displays Posts from any categories.

    SLIDER

    Slider of images, videos or text.

    TAB

    Vertical or horizontal tabs.

    TEXT

    Text using the WordPress visual editor.

    VIDEO

    Video embeds (eg. YouTube, Vimeo).

    Extendable Addons

    Need more than what’s included in Builder’s modules? Builder is fully extendable by installing Add-ons!

    Coming Soon!

    Plugin Support and Updates

    Please contact us for support and plugin updates.

  • Components Builder for Visible Composer (Interface Components)

    Components Builder for Visible Composer (Interface Components)

    Simple drag and drop elements builder for visual composer.






    • Simple and easy to use
    • Creates responsive elements
    • Export elements to any wordpress
    • Creates fully customizable elements
    • Very useful for developers.

    Video – Create elements with elements builder

  • CSS Media Question Generator (Interface Parts)

    CSS Media Question Generator (Interface Parts)

    A custom code editor for WordPress that allows you to easily generate media queries based on web standard media queries.

    Pre-set Queries

    You will see a drop down called ‘Select Standard Device’. This contains a number of frequently used media queries for mobiles, iPhones, tablets, desktops etc.

    If you click on one of these dropdown options you will be taken to a new screen where you can enter your custom css for that particular media query.

    Query Generator

    You will be presented with the generator options:

    Use the drop down to configure the operator and change the values as required.

    You can then quickly add your custom code, which will be reflected on your live site.

  • Information Supply – charts, tables, maps and information grids (Interface Parts)

    Information Supply – charts, tables, maps and information grids (Interface Parts)

    Data Source – charts, tables, maps and grids

    DataSource is a WordPress plugin focused on providing visual presentations of your data within pages of your website. DataSource allows you to present data from CSV files, Excel files, Google Spreadsheets, MySQL database or WordPress custom post types as sortable tables, various charts, grids and even maps!

    List of features

    • Intuitive interface
    • Google Spreadsheets, CSV and XML files, MySQL tables, WordPress posts as data sources
    • Beautiful and easy to configure Google Charts
    • Template based grids for your data
    • Sortable, filterable and responsive tables
    • Amazing vector and google maps support
    • Translation ready
    • One minute installation
    • Support is taken seriously
    • User manual included

    What you can do with Data Source?

    Actually, you fantasy is the limit, but just a few samples:

    • You can organize your CSV, XLS or Google Spreadsheet files in nice sortable table and easily add them to your WordPress website.
    • Have addresses, cities, countries or even latitude and longitude information? – Great, then you can easily build maps to present your data!
    • It is easy to use WooCommerce data! With DataSource you can build charts using information about products, orders, invoices or whatever you need.
    • Want to display information directly from database table? No problems! With DataSource you can create nice grids and tables just by selecting table in your WordPress database or even by connecting to another one and creating specific SQL query!
  • CodeTabs – WordPress Responsive Swipe Tabs (Interface Components)

    CodeTabs – WordPress Responsive Swipe Tabs (Interface Components)



    CodeTabs is a great plug-in tabs + slider when integrated gestrue swipe, move between slides really easy on desktop and mobile. No need to switch troublesome dropdown menu as the other plugin on the mobile. Same time create thousands of beautiful effects with built-in over 250 ‘out-in’ effects and ‘one’. Also, codetabs built-in responsive features, vertical tabs, flat and clean theme, powerfull API, 14+ positions, more and more.


    • Swipe gestures – switch between slides easy and flexibility with support swipe gestures, especially with tabs have many slides or on the mobile devices. No need to worry, no need to trouble to switch dropdown menu on mobile devices.
    • Huge effects – Easily create thousands of beautiful effects with pre-build over 250+ out-in effects and one effects. Same time can create favorite, unique effects their own through code.effect.css file. There’s also support powerline and fade effect for those who love the speed and simplicity. Codetabs have the most effect in the tabs plugin.
    • Slider embedded – slider in codetabs not inherited the powerful features like swipe gestures, huge effects, hardware accelerated, fully responsive, also built the outstanding features such as image lazyload, center layout, fullwidth layout, nested & multi slider, supported caption … strong and flexible as the top slider plugin!
    • Fully responsive every browser and every devices : desktop – tablet – mobile.
    • True tabs – it is trully tabs on mobile devices. One design throughout on desktop and mobile devices.
    • Flat design – flat, clean and minimalist design throughout codetabs, respond most of the modern template. Same time easily create new style in css file.
    • Directions – full support horizontal tabs and vertical tabs.
    • 14 positions – maximun support position of title tabs (pagination).
    • 5 sizes – built-in 5 sizes title tabs. Same time easily create new size in css file.
    • Slideshow – full support slideshow, timer, button ‘Play/Pause’, hoverpause functions. Automatic stop slideshow before the next slide not loaded and play back automatically when the next slide has loaded.
    • Timer – support to 3 type timer with flat style, special support more options in ‘arc’ object.
    • 40+ templates – easily start using codetabs with multiple templates.
    • SEO friendly with html5 markup.
    • HTML5 data – easy setup options in JavaScript object like other jQuery plugins, same time support setup options via HTML5 data attributes.
    • Nested & multi tabs on the page with different skins.
    • Cross browser – full support main browser on desktop and mobile devices. Same time support old browser IE7, 8, 9.
    • Fallback effects – ‘one’ effects, ‘out-in’ effects fallback to ‘fade’ effect on old browser.
    • Powerful API – codetabs easier control with more public methods and callback events.
    • Live update – easily update most options directly through ‘opt()’ api.
    • Keyboard & MouseWheel navigation support.
    • Random effects – including ‘one’ effects and ‘out-in’ effects.
    • Outside markup – the components: navigation, title tabs, timer… can set up markup in any location on site. Makes it easy to create flexible layout, design is not tied.
    • Well documentation – step by step instructions to create codetabs. Features brief description, concise, and illustrated more easily when begin using.
    • Free support & update – codetabs always developing new features, regular updates as well as improve existing features.


    Version 3.0 – 01/06/2015

    + Initial release
  • Admin Put up Grid (Interface Components)

    Admin Put up Grid (Interface Components)

    This plugin will create a new page on the WordPress Admin panel under Posts » Post GRID displaying post on a visual grid with the featured image, title and content of each project.

    You’ll be able to filter posts by status and Preview, Edit or Delete them.

    Post deletions are handled using AJAX and jQuery, so when you want to get rid of a particular post that is exactly what will happen, it will move out of the way without the page reloading and sending you back to the top loosing track of where you were.

  • Flip Journal – Responsive WP plugin (Interface Parts)

    Flip Journal – Responsive WP plugin (Interface Parts)

    About Flip Magazine Plugin

    Flip Magazine is a premium plugin for creating wonderful pages as a magazine or image galleries, even from your WordPress posts.

    It’s device friendly by supporting responsive mode, multiple layouts, touch gestures on mobile devices,
    It’s also SEO friendly by allowing you to build semantic markup with custom attributes that search engines can index easily.

    We offer great support and friendly help! and Free Lifetime Updates

    Flip Magazine Plugin

    Key Features

    • Responsive User friendly toch optimized design with gestures support.
    • Retina ready Logo and icons is retina ready.
    • 3 skins includes 3 layouts and 3 header styles – it’s really beautiful.
    • Cross Browser compatibility Working in all major browsers.
    • RTL support Right to left languages are fully supported.
    • SEO Optimized google rich snippet for posts.
    • HTML5/CSS3 semantic HTML5 markup.
    • All google Fonts supported.
    • Translation Ready with .po files google rich snippet for posts.
    • page template to add unlimited flip magazine pages.
    • css3 animations for navigation menu.
    • You can use it to display your posts or you can use it as images gallery.
    • Compatible with all properly coded WP themes and plugins!.
    • Detailed Documentation Get you know how to work with Flip Magazine by reading our details documentation.
    • Support You’ll Love! we always strive to provide excellent customer support.
    • Lifetime Updates Free of Charge!

    Options

    • Layout option – choose between 4 layout.
    • Header styles – choose between 3 styles for header.
    • Logo Type – You can upload your logo image or custom text.
    • Upload Logo image – 2 Options to upload you logo image and retina logo image.
    • Custom logo text – options to add your logo text and customize it by change font family and size and color
    • Option To disable or enable Header Navigation
    • Navigation drop down effect – you can choose between 3 awesome css3 effects
    • Option To Making Background Images Clickable Link
    • Option To disable or enable Next and Previous Arrows
    • AutoPlay option and autoplay speed option
    • Display – to display posts by latest posts or by category or tag
    • Order By – Show Posts sorted by ( Date, Random, Number of comments, Post Name ).
    • Order – Show Posts sorted by ( Descending, ascending ).
    • Offset option – number of post to displace or pass over.
    • Number Of items Option
    • Option to Disable / Enable Post Meta
    • Option to Disable / Enable Post Excerpt
    • Option to Disable / Enable Read More
    • Styling Options These options allow you to set background colors for your page headers, You can also customize your font, element, and menu colors.
    • Custom css option – This option is where you can add CSS customizations to your page.
    • Typography Options – These options affects your page’s fonts. These options allow you to customize fonts for your menu, headings.