WpTrunk

Tag: svg

  • Wheelizate Tabs for WordPress (Interface Components)

    Wheelizate Tabs for WordPress (Interface Components)

    Purchase $15.00

    The HTML5/JavaScript/jQuery plugin is available here

    Wheelizate Tabs is an alternative solution for tabbed navigation. It uses a wheel instead of horizontal or vertical buttons. This package contains a TinyMCE plugin to easily add your tab shortcodes.

    Wheelizate Tabs - Tab types

    Wheelizate Tabs - Theme types

    Wheelizate Tabs - Wheel types

    Wheelizate Tabs - Technologies

    The HTML5/JavaScript/jQuery plugin is available here

    Installation and customization details are in documentation

    Credits

    Demo

    Required plugins

    Changelog

    v1.0.0 – 2016-02-26

    • Initial release
    Purchase $15.00
  • Morphing Photos for Visible Composer (Add-ons)

    Morphing Photos for Visible Composer (Add-ons)

    Purchase $14.00

    Morphing Pictures is an add-on for Visual Composer. This add-on lets you add animated pictures from SVG files to your pages/posts. Each shape of each picture will be formed from the flying circle via Morphing-effect. Morphing is a special effect that changes (or morphs) one shape into another through a seamless transition.

    Purchase $14.00
  • Liquid Fill Gauge (Interface Components)

    Liquid Fill Gauge (Interface Components)

    Purchase $15.00

    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”]

    Purchase $15.00
  • Animatrix Icons – SVG Animated WordPress Plugin (Add-ons)

    Animatrix Icons – SVG Animated WordPress Plugin (Add-ons)

    Purchase $18.00

    Animatrix Icons – SVG Animated WordPress Plugin

    The ultimate icons plugin for your WordPress installation is available now!
    94 pre-made SVG animated icons are available, with the ability to draw on them or create your own icons. You can use the default background animation or remove it and use the icon only. The icons are available via shortcode and for your convenience are integrated in the default page editor. You can also change the speed of the animation, select a different color or size.
    Professional SVG icon WYSIWYG Editor is included in this plugin, and can be accessed from the admin area. You can draw with the default Pencil tool or create shapes out of the rich Shapes library.
    All SVG icons are animated on the front-side, by mimicking the drawing process. You can also export and save the SVG icon as well.

    Main Features:

    • 94 animated SVG icons
    • Icon background – select an icon as background, animation starts after icon is loaded
    • Create beautiful SVG icons from your drawings with transparent background
    • 6 color themes for animated background and unlimited hex colors for the hand-drawn icon
    • 100% responsive icon, four icon sizes small, medium, large and fit to wrapper
    • Speed of the animation can be set with the shortcode
    • Advanced options are available for disabling all animation, the hovering animation or removing background animation
    • WYSIWYG SVG EDITOR
      • Ability to see code of SVG icon
      • Wireframe mode
      • Show/hide grid
      • Undo/redo buttons
      • Keyboard shortcuts
      • Zoom tool
      • (Bucket tool only shows for preview)
      • Stroke color and color picker
      • Stroke size
      • Opacity tool
      • Move to top/bellow another layer
      • Select/move/resize/rotate layer
      • Pencil tool
      • Shapes library
      • Basic, objects, symbols, arrows, flowchart, animals, cards & chess, dialog balloons,
        electronics, mathematical, music and many other shapes
      • Panning tool
      • Delete layer button
      • Exporting SVG icon
    • Shortcodes Generator to help you create the shortcodes you need
    • Icon boxes to wrap the icon with different alignment settings
    • <string>Icon container banner with a background color

    Support

    We take excellent care of our customers and make sure that they successfully install, setup and use this plugin.

    You can use the comments section of this plugin to post any comments that may be helpful for others to know as well.

    Our Facebook page are available to assist you if you send us a message there, and you can always sends an email at support@wpicode.com.

    Keep us motivated to deliver new features by giving us a good rating in your Downloads page. Thank You!

    FAQs

    Please check the FAQs available on CodeCanyon

    Change log

    • 8/25/2015
      Initial upload on CodeCanyon
    Purchase $18.00
  • Row Separators for Visible Composer (Add-ons)

    Row Separators for Visible Composer (Add-ons)

    Purchase $12.00

    Try out Row Separators in a live environment first before you buy

    Sure you can separate your content into different rows. But how can you liven up that jump from content to content? Row Separators answers this nagging question for you.

    We have created over 70+ customizable SVG Row Separators to choose from. You can use them as top or bottom separators, flip them, scale them and change their accent colors for more variation.

    This is a Visual Composer addon, so you’ll need to have Visual Composer installed for this one.

    Full Feature Set

    • 70+ Row Separator designs,
    • Top & bottom separators,
    • 1-2 Color customizable decorative accents per design,
    • SVG – Scalable Vector Graphics for crisp separators,
    • Scale separators vertically and flip them horizontally,
    • Add outlines and adjust their color and thickness,
    • Responsive, works great in mobile devices,
    • Works with any theme,
    • Very easy to use,
    • Properly coded in WordPress standards,

    Full List of Separators

    1. Abstract #1
    2. Abstract #2
    3. Abstract #3
    4. Abstract #4
    5. Arrow Down (Decor #1)
    6. Arrow Down (Decor #2)
    7. Arrow Down (Decor #3)
    8. Arrow Inward Small (Decor #1)
    9. Arrow Inward Small (Decor #2)
    10. Arrow Outward Small (Decor #1)
    11. Arrow Outward Small (Decor #2)
    12. Arrow Side Down (Decor #1)
    13. Arrow Side Down (Decor #2)
    14. Arrow Side Down (Decor #3)
    15. Arrow Side Up (Decor #1)
    16. Arrow Side Up (Decor #2)
    17. Arrow Side Up (Decor #3)
    18. Arrow Up (Decor #1)
    19. Arrow Up (Decor #2)
    20. Arrow Up (Decor #3)
    21. Clouds #1
    22. Clouds #2
    23. Clouds #3
    24. Curve Inward (Decor #1)
    25. Curve Inward (Decor #2)
    26. Curve Outward (Decor #1)
    27. Curve Outward (Decor #2)
    28. Curve Side (Decor #1)
    29. Curve Side (Decor #2)
    30. Dissolve Circle
    31. Dissolve Square
    32. Envelope
    33. Envelope Slant
    34. Fence
    35. Fence Bend
    36. Gears
    37. Grass
    38. Grass Bend
    39. Mountains #1
    40. Mountains #2
    41. Mountains #3
    42. Perforated
    43. Perforated Slant
    44. Pine Trees
    45. Pine Trees Bend
    46. Side-Curve Inward (Decor #1)
    47. Side-Curve Inward (Decor #2)
    48. Side-Curve Outward (Decor #1)
    49. Side-Curve Outward (Decor #2)
    50. Slant (Decor #1)
    51. Slant (Decor #2)
    52. Slant (Decor #3)
    53. Slime
    54. Straight
    55. Triangles Large (Decor #1)
    56. Triangles Large (Decor #2)
    57. Triangles Large (Decor #3)
    58. Triangles Small (Decor #1)
    59. Triangles Small (Decor #2)
    60. Water Bend
    61. Water Wave Bend
    62. Water Large Wave
    63. Water Wave (Decor #1)
    64. Water Wave (Decor #2)
    65. Water (Decor #1)
    66. Water (Decor #2)
    67. Wave Bend
    68. Wave Side (Decor #1)
    69. Wave Side (Decor #2)
    70. Wave (Decor #1)
    71. Wave (Decor #2)

    Try out Row Separators in a live environment first before you buy

    To ThemeForest WP Theme Developers

    You can just include this item as a plugin which your customer can install and active along with your theme.

    If you want to include this item in your ThemeForest WordPress theme, please purchase an extended license and let us know in your support page.

    Live WordPress sandboxes are provided by the awesome WP Demo

    Having Trouble with the Plugin?

    Head over to the support tab and check out the FAQs, or submit a support ticket!

    Enjoying the Plugin?

    Be sure to leave a rating and review and show us some love.

    Check out Our Other WordPress Plugins

    Video & Parallax Backgrounds For Visual Composer

    CSS Animator add-on for Visual Composer

    4k Icons add-on for Visual Composer

    Updates

    Version 1.0

    * Initial release

    Purchase $12.00
  • website positioning Icons – Animated SVG’s for WordPress (Miscellaneous)

    website positioning Icons – Animated SVG’s for WordPress (Miscellaneous)

    Purchase $9.00

    These animated SVG SEO/SEM icons will bring life to even the most basic pages. They’re SVGs (scaleable vector graphics), which means that you can make them any size and show them on any screen (even retina), and they’ll look 100% crisp and clear.

    What happens when the icon isn’t on the screen? Don’t worry, the icons won’t animate until you’ve scrolled them into view.

    Icons Included

    • Website Optimization
    • Targeting
    • Smartphone SEO
    • Cloud Storage
    • Analytics
    • Awards
    • Networking
    • Social Media
    • Email Marketing
    • SEO/SEM
    • Pay Per Click
    • Code Optimization
    • Digital Marketing
    • Mission
    • Monitoring
    • Affiliate Marketing

    Adding Icons

    Adding an icon is incredibly simple and can be done using the WordPress editor, Visual Composer, or shortcodes.

    1. Click on the Jalapeño logo
    2. Pick the icon, size, link, and margin

    Compare the size and quality of SVG’s, JPG’s, and PNG’s

    Compatible With All Major Browsers

    All major browsers

    Related Items

    40 animated social media icons
    Animated SVG Browser Icons
    jQuery Goal Thermometer
    Customizable Analog Clock - jQuery
    WordPress Goal Thermometer

    Purchase $9.00
  • Picture Filter Unifier (Interface Parts)

    Picture Filter Unifier (Interface Parts)

    Purchase $15.00

    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

    Purchase $15.00
  • TATO – Portfolio & Company WordPress Theme (Ingenious)

    TATO – Portfolio & Company WordPress Theme (Ingenious)

    Live PreviewPurchase $48.00

    This Theme is very creative, elegant and interesting. It is very suitable to a small but creative angency and personal portfolio site.

    Features

    • Creative and unique design
    • Easy to customize with themes customizer
    • Fully responsive
    • CSS3 content animations
    • SVG shapes
    • Cool portfolios layout
    • Font Awesome icons
    • Cool team member style
    • Free updates & support
    • Free Google fonts

    Resources and Credits

    Fonts

    Images(none of the images is included in the final files)

    Live Preview Purchase $48.00
  • Bodega – A Fashionable Theme For Small Companies (Miscellaneous)

    Bodega – A Fashionable Theme For Small Companies (Miscellaneous)

    Live PreviewPurchase $58.00

    Theme Features

    • Select Slider with parallax functionality, image/video slides, unlimited custom animations, full width and full screen options
    • Unlimited Header Layouts
    • Unlimited Title Area Layouts with custom animation possibilities
    • Customizable Mega Menu
    • Left and Right Side Menu – with optional background image and color from page to page
    • Fullscreen Menu
    • Sticky Content Menu – menu created from selected sections on page
    • Anchor functionality in menu – easily navigate to any section on the same or different page
    • Side Area
    • Unlimited custom animations on elements in sections
    • Video Background Sections
    • Border animations on elements
    • Fixed Header (logo on the left and menu on the right)
    • Fixed Advanced Header (logo centered above centered menu, with widgets on both sides of the logo featuring hidden menu on scroll displayed on mouse over)
    • Sticky Header (logo on the left and menu on the right)
    • Sticky Expanded Header (logo and menu on the left, menu below logo)
    • Sticky Divided Header (logo centered with menu on both sides of the logo)
    • Header with Logo and Menu centered
    • Separate Normal, Sticky, Fixed Advanced, and Mobile Header Logo Versions
    • Optional Header Top widgets area
    • Expandable Search Field – Optional functionality in header right widget area
    • Customizable Footer – choose from 1 to 4 column layout, with regular or unfold functionality
    • AJAX Page Transitions – choose between 4 different animations, can be controlled globally or on page level
    • Visual Composer (Front End editor disabled) for WordPress ($25 value)
    • Parallax Sections with full height option
    • WooCommerce Integration
    • Contact Form 7 Integration
    • Interactive Infographics
    • Custom Post Formats: Standard, Gallery, Link, Quote, Video, Audio
    • Carousel Slider – Full-width carousel slider plugin
    • Multiple Portfolio List and Single Layouts
    • Multiple Blog List and Single Layouts
    • Blog Masonry Layout
    • Blog Post Slider
    • Portfolio Masonry (regular and Pinterest style) Layout
    • Smooth Scroll – for Chrome and Opera browsers
    • LayerSlider Responsive WordPress Slider Plugin ($15 value)
    • Retina Ready
    • Multiple Custom Sidebars
    • Powerful Admin Interface
    • Highly Customizable
    • 40+ Custom Shortcodes
    • 600+ Google Fonts
    • Font Awesome, Font Elegant, Ion Icons, and Linea Icons Icon Packs
    • Demo Content Import with One-Click
    • Maintenance Mode Functionality
    • Passepartout Functionality
    • SVG Graphics Functionality and SVG Line Drawing Animation in Select Slider
    • WPML Plugin Integration
    • Translation (po&mo files) Ready
    • SEO Optimized
    • Child Theme Ready

    Free Customer Support

    Please submit ticket to http://select.ticksy.com/ and our support team will help you with the issue related to our theme or WordPress configuration.

    Live Preview Purchase $58.00
  • Any Icon – WordPress (Utilities)

    Any Icon – WordPress (Utilities)

    Purchase $18.00

    Any Icon – WordPress is a collection library of font icon sets, ready to be implemented in a WordPress. All the icons are available in Webfont, SVG and PNG format.

    Try plugin demo: Plugin Demo. Login as Username: demo / Password: demo

    Plugin features

  • Retina ready & high resolution vector icons
    All icons are retina ready. Use icons to any size without affecting its quality.

  • WebFont, SVG and PNG formats
    All the icons are included in WebFont, SVG and PNG files. Use SVG or PNG image files if you want to use few icons from a library for faster loading.

  • Generate PNG files of Any color
    Any icon plugin uses GD image extension to generate transparent PNG images of any desired color. No need to edit PNG files in an editor.

  • 5000+ icons from 24 different libraries
    Any Icon plugin is a collection of following famous font icon libraries:

  • @font-face methodology
    Icon sets are specifically made to use on a website using @font-face, which gives text-control over icons.

  • Live Style Panel
    Control color, size, background, borders, paddings, margins, rounded corners, shadow, line height etc. CSS properties using live CSS editor.

  • Edit / Create CSS Styles
    Plugin also allows you to create and store your own CSS styles and apply them directly with one click on all the icons.

  • Any Size & Unlimited Colors
    Make combinations of size and color of icons depending on your need.

  • Icon Search
    Search icons with keywords to help you access your icons faster without any hassle.

  • One click insert shortcode and HTML code
    User Friendly Admin panel completely built on AJAX for fast and easy experience.

  • Bookmark & Save your favorite icons
    Don’t waste your time in looking for your favorite icons. Bookmark your favorite icons for easy future references.

  • Cross browser Compatibile icons
    All the icons work well in all the modern browsers, making your icons look same throughout web. (Google Chrome , Mozilla Firefox , Opera , Safari , Internet Explorer, Android, IOS and others. )

  • Compatible with WordPress 3.6, 3.7, 3.8, 3.9, 4.0 and above.
    Works absolutely fine with latest and older WordPress Versions.

  • More icon sets coming soon
    New font Libraries will be added in future.

    • Purchase $18.00