Tag: plugin

  • Straightforward Kind JSON – jQuery Plugin (Kinds)

    Easy Form JSON is a jQuery plugin that serializes and deserializes a form. Serialization is the process of converting form data to JSON and Deserialization is the process of displaying JSON in the relevant form elements. You just need to create a form and you don’t need to get or put data manually.

    We usually create a form to get input from user. We usually get data from the form elements one by one manually and we also set the form element value manually that takes a lot of time when we create lots of forms. Our plugin makes it super easy to get data from the form in JSON format. It also makes it extremely easy to display values in the relevant form elements from JSON. We just need to provide IDs and names for each form element. Also in the JSON the property name/key should be same as the form element name.

    Please watch the video preview before checking the live demo.
    Click here to view video preview.

    Click here if you need Code Generators for PHP, C#, VB.Net and Entity Framework.

    Features:

    • It serializes form data to JSON.
    • It displays values in the form elements from JSON (the most important feature of the plugin).
    • It supports checkboxes and radio buttons.
    • It supports drop down and multi select lists.
    • It supports textarea and text boxes.
    • It supports password and hidden fields.
    • It supports HTML5 input types (color, date, datetime, number etc.).
    • Documentation and demo included.

    Properties:

    • data: The data that is displayed in the form. It is in JSON format. Note that the property name/key should be same as the element name (not id) of the form. Also provide a unique id for each element of the form.
    • serializeDisabledItems: It indicates whether disabled form elements should be serialized.

    Methods:

    • data(): It gets data from the form in JSON format.
    • data(data): It sets data of the form. It should be in JSON format. Note that the property name/key should be same as the element name (not id) of the form. Also provide a unique id for each element of the form.

    More Useful Items:

    1. C# Code Generator for SQL Server/MS Access
    2. C# Code Generator for MySQL
    3. C# and VB.Net Code Generator for Entity Framework
    4. PHP Code Generator
    5. Email Scheduler and Bulk Email Sender with Bootstrap
    6. ASP.Net MultiTextBoxInput Web Server Control
    7. Multi Textbox Input jQuery Plugin
    8. Android SMS Filter with Material Design
  • Royal 3D Carousel (Sliders)

    Royal 3D Carousel is a fully 3D multimedia carousel slider plugin that allows to display multimedia content with an unique original layout from a 3D perspective. It’s perfect for any kind of presentation, for anyone that wants to deliver a great impact to thier visitors. It runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android and Windows. When a thumbnail is clicked you can choose to do nothing, display multimedia content using our great revolution lightbox or to open a new webpage. The lightbox has support for image, video (mp4), audio (mp3), Vimeo, YouTube, iFrame, Google maps and flash. Royal 3D Carousel has high performance using OOP code and the latest CSS techniques, ready for mobile with swipe, very flexible, easy to setup and extremely customizable.

    Responsive / Fluid layout with autoscale function.

    Mobile and desktop optimized (Ipad demo here!).

    Optional scroll and swipe functions for the desktop and mobile devices.

    Optional mouse Wheel support – navigation with mouse wheel scrolling.

    Optionalkeyboard support – the left and right arrows can be used for navigation through the thumbnails.

    Optional Categories Menu.

    Support for unlimited categories and each category can have any number of thumbnails.

    The option to start at a specific category.

    Customizable thumbnails size and topology geometry.

    Customizable description text for the center thumbnail.

    Customizable controls – each button, bullets navigatio, scrollbar component is optional.

    Customizable reflection for the thumbnails.

    Custom action for the thumbnail click.

    Revolution lightbox used to display multimedia content. When a thumbnail is clicked the lightbox can be used to display image, video (mp4), audio (mp3), Vimeo, YouTube, iFrame, Google maps or flash.

    Customizable controls – each button, scrollbar, bullets navigation, component is optional and can be modified.

    Optional and customizable Shadow Box Gradient for the thumbnails.

    Custom action for the thumbnail click.

    Powerful API included.

    You can include multiple instances on the same page.

    Slideshow Autoplay.

    Three skins included.

    Detailed documentation and examples files.

    Powerful API included.

    Tones of other features.

  • Expose – Scroll Disclose Animations jQuery Plugin (Pictures and Media)


    Reveal - Responsive


    Reveal - Documentation


    Reveal - Support


    Reveal - Bootstrap and Foundation


    Reveal - Buy Now

    Reveal – Scroll Reveal Animations jQuery Plugin

    Reveal by pixevil is a scroll reveal animations framework with unlimited animation possibilities. Reveal animations can be used with any element in your page. Built with the use of jQuery, GSAP and Animus, Reveal is guaranteed to offer an unmatched scroll reveal animation and design experience.

    It’s showtime!

    Scroll reveal animations for any element. Simpler than ever.

    Reveal is amazing because of how simple its syntax is for creating custom keyframed animations. You don’t need to learn complicated JavaScript to create beautiful scroll reveal animations for any element of your page. You can write your own animations on the fly or use one of the 50+ animation presets. We like to keep things simple for you.

    data-reveal="opacity 0, scale 2" 
    

    Features

    Touch Enabled

    Touch interactions are essential to any website. Reveal offers a seamless mobile-friendly experience on all touch devices.

    Animate Anything

    Apply impressive scroll reveal animations and effects to anything on your page. Whatever it is, reveal can animate it.

    Usage Ready

    All the assets used for reveal are included in the download! HTML, CSS, SASS, JS, CoffeeScript, Images and Fonts.

    Well Documented

    Everything you need to know about reveal can be found in one easy to follow documentation with live examples.

    Beginner Friendly

    Whether you’re a beginner or an advanced developer, we offer easy-to-follow guides for a great development experience.

    Bootstrap and Foundation

    Reveal is compatible with any front-end framework and has been tested with both Bootstrap and Foundation.

    Easy Animation Syntax

    You don’t need to know code to know animations when it comes to the Animus framework: a simple, readable syntax.

    50+ Animation Presets

    Whenever wondering what animations to choose, you can use one of the beautiful hand tailored animation presets.

    Custom Keyframed Animations

    Literally unlimited animation possibilities. Create your own keyframed animations to offer an unique user experience.

    Animation Controls

    Want the element to repeat the reveal animation? With reveal, you can easily create looping and repeating animations.

    Durations and Easings

    All of your animations can have a custom duration and easing. No useless fiddling with CSS classes.

    Beautifully Responsive

    Reveal looks absolutely stunning, from phones and tablets to laptops and desktops. Design one time, look good every time.

    Compatibility

    Reveal can be used with jQuery 1.7+ and is perfectly compatible with all major browsers, including IE9.

    Lifetime Updates

    Once purchased, you will have free lifetime access to all the future updates and features that reveal has to offer.

  • StoCookie jQuery plugin – Cookie Legislation Compliance and Customized Notifications (Miscellaneous)

    StoCookie is a simple and lightweight plugin to quickly create custom notification messages.
    It comes with some smart options to best suit your website.

    simply include the JavaScript, the CSS and activate the plugin.
    Possibility to call a different custom notification in every page.

    Features

    • Highly Customizable
    • Hide banner on scroll (optional)
    • Setup manager with live preview
    • Display once, every session, or everytime

    Full Setup Manager with instant preview included

    Also availabe the WordPress plugin!

    Support

    For support request you can send me a message through my profile page

    Log History
    version 1.1:
    new: banner border radius
    new: font size
    new: font family
  • Easy 3D Coverflow (Sliders)

    What is Simple 3D Coverflow?

    Simple 3D Coverflow is a fully 3D multimedia coverflow slider plugin that allows to display multimedia content with an unique original layout from a 3D perspective. It’s perfect for any kind of presentation, for anyone that wants to deliver a great impact to thier visitors. It runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android and Windows. When a thumbnail is clicked you can choose to do nothing, display multimedia content using our great revolution lightbox or to open a new webpage. The lightbox has support for image, video (mp4), audio (mp3), Vimeo, YouTube, iFrame, Google maps and flash. Simple 3D Coverflow has high performance using OOP code and the latest CSS techniques, ready for mobile with swipe, very flexible, easy to setup and extremely customizable.

    Simple 3D Coverflow main features:

    Responsive / Fluid layout with autoscale function.

    Mobile and desktop optimized (Ipad demo here!).

    Scroll and/or drag and swipe functions for the desktop and mobile devices.

    Mouse Wheel support – navigation with mouse wheel scrolling.

    Keyboard support – the left and right arrows can be used for navigation through the thumbnails.

    Optional Categories Menu.

    Support for unlimited categories and each category can have any number of thumbnails.

    The option to start at a specific category.

    Customizable thumbnails size and topology geometry.

    Customizable hover effect for the side thumbnails.

    Customizable / optional reflection for the thumbnails.

    Customizable description text for the center thumbnail.

    Dynamic or static tooltip for the center thumbnail.

    Revolution lightbox used to display multimedia content. When a thumbnail is clicked the lightbox can be used to display image,
    video (mp4), audio (mp3), Vimeo, YouTube, iFrame, Google maps or flash.

    Customizable controls – each button, scrollbar, bullets navigation, component is optional and can be modified.

    Optional and customizable Shadow Box Gradient for the thumbnails.

    Custom action for the thumbnail click.

    Powerful API included.

    You can include multiple instances on the same page.

    Slideshow Autoplay.

    Two skins included.

    Detailed documentation and examples files.

    Powerful API included.

    Tones of other features.

  • uPlayer – Video Participant With Playlist (Media)

    uPlayer is a powerful responsive jQuery based video player that can play local videos.
    uPlayer supports unlimited playlists and each playlist can have unlimited videos.

    CONTROLS:

    • Play/Pause
    • Volume
    • Seek
    • Previous/Next Video
    • Show/Hide Playlist
    • Fullscreen Mode

    MAIN FEATURES:

    • Dark and Light theme.
    • Heading for video.
    • Subheading for video.
    • Optional video poster, the poster is visible when the video player is stopped.
      You can choose one poster for all videos, or each individual poster.
    • Duration and Current time.
    • Click to play or pause, you can click on the video to play/pause the video.
    • Double click fullscreen / normal screen.
    • Pre Roll Advertisement (User can skip ads after n-sec.)
    • Autoplay at Scrolling page.
    • You can create single player, or player with playlist.
    • Support for unlimited playlists and each playlist can have unlimited videos.

    ATTENTION:

    – Only mp4 video file required.
    – Fullscreen button doesn’t work if the browser doesn’t have fullscreen support, browsers like IE8/IE9/IE10 or some mobile browsers.

    SUPPORT:

    Any questions relating to this project, you can get in touch with me via my user page contact form. If you want to rate this item lower than 5 stars or you notice anything working not correctly, please contact me first and let me know. If I know about it, I can fix it. That way, you can get a better item.

  • Simply Choose (Miscellaneous)

    This plugin provides a select button for every use.
    You can customize the color of the button and all icons.
    We added the ability of a callback function that runs on change.
    The user has to choose the icons from the font awesome collection.

    The user is only 4 steps away from his goal.

    STEP 1

    import font awesome icons
    <link rel=”stylesheet” href=”//cdnjs.cloudflare.com/ajax/libs/font-
    awesome/4.6.3/css/font-awesome.min.css” media=”screen” title=”font
    awesome”>

    STEP 2

    import react
    <script src=”//unpkg.com/react/dist/react-with-addons.min.js”
    charset=”utf-8”></script>
    <script src=”//unpkg.com/react-dom/dist/react-dom.min.js”
    charset=”utf-8”></script>

    STEP 3

    import CASelectFrom files
    <link rel=”stylesheet” href=”plugin/CASelectFrom.css”>
    <script src=”plugin/CASelectFrom.js” charset=”utf-8”></script>

    STEP 4

    use it

    new CA_select(
    selector: document.getElementById(‘select1’),
    bgColor: ”#ffffff”,
    iconColor: ”#03A9F4”,
    items: [
    class: “fa-bicycle”,
    class: “fa-bus”,
    class: “fa-train”,
    ],
    callback: true,
    change: function(return)
    console.log(return);
    ,
    );

    FILES INCLUDED

    1. CASelectFrom.css
    2. CASelectFrom.js
    3. CASelectFrom.min.css
    4. CASelectFrom.min.js
    5. documentation.pdf

    For the use of preview we used Raleway google font
    https://fonts.google.com/specimen/Raleway

  • AngularJS Paypal Funds (Miscellaneous)

    Angular paypal payments

    Esily include the ngPay plugin into your project and start receiving payments using the simple integration through the directive

    Main features

    • Modular (can be easily included into your angular projects)
    • Dynamic view
    • Demo shop included (bootstrap 3)
    • One-click redirect (clicking pay redirects you to paypal)
    • Configurable (email address, ipn url)
    • IPN Script included (official paypal IPN php script included)
    • Full documentation (dynamic documentation

    Usage

        <ng-pay item-price=”250” item-currency=”USD” item-title=”Title of product” item-id=”21” button-string=”Pay for this item with Paypal”></ng-pay>

    or in loops

        <ng-pay item-price=”product.price” item-currency=”USD” item-id=”product.id” item-title=”product.title” button-string=”Pay with Paypal”></ng-pay>

  • SkewSlider 1.zero & 2.zero (Sliders)

    Skewslider is an unique javascript plugin slider that lets you make beautiful skewed image sliders with no effort.

    This pack includes both version 1.0 and 2.0

    Skewslider 1.0 Demo page

    Skewslider 2.0 Demo page

    Features:

    Highly customizable

    20+ javascript options, 10 ready to use examples, almost infinite combinations using the live update method.

    Responsive features

    Supports diferent configuration options for diferent screen sizes, as many breakpoints as you want, just like css media querys.

    Slide animations

    Customizable animations and CSS Transitions.

    Auto image scaling

    Images are automatically scaled to always fit the area no matter the inclination or the slide’s dimensions.

    HTML content and CSS transitions

    Supports any HTML content and CSS custom transitions inside the slides. 2 active states, on animation start, on animation end.

    Image pre-load

    You decide how many images want to pre-load.

    Powerful Api

    Using the public methods, you can extend the slider functionality with just a few lines of code.

  • A couple of Carousel – Responsive Blended Content material Slider Plugin (Sliders)

    Multiple Carousel optimizes your layout by showing until four different content types organized by columns in a single compact carousel. Or, if you’re looking for a default carousel structure, the Mono carousel will fit your needs as well.

    This jQuery Plugin is mobile-friendly and lightweight, with keyboard navigation and touch/sweep/drag for mobile and desktop. Its smart responsive layout automatically fulfills the parent element width on initialization and after resizing too, so you can create fullscreen and boxed carousels freely. And if the container element can’t show the minimum of slides expected (mostly in mobiles devices in general), Multiple Carousel breaks its columns into rows.

    Features

    • Touch/Sweep/Drag navigation for supported devices
    • Optionally integrated with Bootstrap and Font Awesome icons
    • Keyboard navigation
    • Infinite Physics-based scrolling
    • Adjustable speed
    • Fast and hardware accelerated animations
    • Saves your hardware by auto scrolling slides only if visible
    • Saves your hardware by keeping only a few slides in display list
    • Clean and SEO friendly code
    • Organized documentation and easy instalation
    • Compatible with all major browsers
    • Easy to customize via jQuery and CSS
    • Personalize the width and height of slides
    • Set titles for each column and background image
    • Smart autoplay pauses when you hover over and stops after some action
    • Responsive/adaptive layout always fits its container element dinamically
    • Work with multiple instances on same page
    • HTML & CSS validated
    • Free Support and updates

    Multiple Carousel is dependant of the following Open Source scripts/libraries to work:

    Mandatory
    – jQuery
    – jQuery UI

    Optional
    – jQuery Visible
    – Bootstrap
    – Font Awesome Icons

    The default installation of Multiple Carousel doesn’t work on IE8 and older versions because the most modern/newest jQuery versions don’t support it anymore. But if you need it working on IE8, just downgrade jQuery version to v1.12.4. More information: https://jquery.com/browser-support/

    All images on Preview are just for demonstration purpose and aren’t included in the final package.

    Updates

    Version 1.02 – Out 25, 2016

    No need of jQuery Migrate and jQuery Easing anymore.
    Now jQuery Visible is optional. If installed, carousels will autoplay only if visible on screen.
    Fixed a Cross Browser fail on slides with excerpt on hover.