31 JQuery Clip Plugins

Clip carousel is a jQuery carousel plugin with clip animation. .....
Carousel Plugins

Elastic Slider is an experimental slider using SVG clip-path feature and animations powered by Snap.svg. .....
Animation Slider SVG Tutorial

Add a consistent angled edge to a full width element. This technique uses CSS clip-path to clip the image but has a fallback using pseudo elements for older browsers. It is only intended for use on full width elements as it uses t.....
CSS

This simple plugin does only one thing and it does it well – it creates a responsive full screen body background image by specifying the desired image whether it is a local or remote one. Also, it can create a beautiful back.....
Plugins

scrollToClip is a function to clip two elements on scroll to give a reveal effect. .....
Image Effects Plugins

Some shape morphing hover effects on images using SVG clipPath. The idea is to create an organic, fluid feel by animating several elements on hover.After playing with some on-scroll morphing background shapes, we wanted to explore.....
Animation SVG Tutorial

A simple slider, with morphing preview images animated using SVG properties. .....
Animation Slider SVG Tutorial

Copying text to the clipboard shouldn’t be hard. It shouldn’t require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn’t depend on Flash or any bloated framework. .....
Core Java Script Web

A morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify.We are going to create a experimental grid layout with “cards” where we’ll animate the card expansion with a mor.....
Animation Gallery SVG Tutorial

A jQuery plugin to mask images with a simple polygonal shape.The mask expands on hover and collapses afterwards. .....
Gallery Image Effects Plugins

CSS and SVG have a lot in common. A lot of the features that we have in CSS today were imported from SVG. One of these features is the Clipping operation. Both CSS and SVG allow us to “clip” elements into custom non-re.....
CSS Image Effects SVG Tutorial

SpriteClip.js is a jQuery plugin that makes it easy to make snazzy frame-by-frame animations like this by emulating the functionality of the MovieClip class in ActionScript 3.0.It works by animating the background-image property o.....
Animation

A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions. In this tutorial we want to explore the practical side of it a little bit more. We are going to create a neat and si.....
CSS Popup Window

ClipGallery is a new way to show your pics. In combination with jQuery and the ClipFX plugin, it puts your photos in a grid and as the mouse moves over the “thumbs” they expand at full size. .....
Animation Gallery Image Effects

When we need to clip an irregular shape from an image and use it on the web, PNG is the most common answer as it is the only image format used by all web browsers that support alpha channels.However, PNG images come with a penalty.....
Core Java Script HTML5

zClip is a lightweight jQuery “copy to clipboard” plugin built using the popular Zero Clipboard library. This plugin uses an invisible Adobe Flash movie that is fully compatible with Flash Player 10 and below. Featur.....
Plugins Web

Better to check out in full-screen mode. I saw original on https://mashvp.com/ and then i tried to recreate this fancy concept and animation. I was too lazy to do js calculations and rwd stuff, so i simply used vw and vh almost f.....
Pagination

Eclipse is a lightweight any content slider jQuery plugin which helps developers to create responsive, mobile-friendly carousels on the web app......
Carousel Content-slider

The jQuery Image Paste that provides a helper class for listening for the image paste event on the document, extracting out any possible blobs that were pasted in, and then triggering a custom event handler with those blobs......
Event Paste

Clipthru is a fancy jQuery element collision detection plugin that can be used to alter CSS classes when an element is scrolled and covers another using CSS clip and clip-path attributes......
clip

A small, user-friendly, jQuery-based color picker app that makes it easier to select a color and copy the color code to the clipboard by clicking the color block. Inspired by Flat UI Color......
color-picker

Clip Path Polygon is a lightweight jQuery plugin which uses CSS clip-path property to clip / crop any DOM elements......
path-clip

A jQuery plugin for managing copy & paste events that automatically add extra information (typically copywriter notice) to copied text on the webpage......
Paste Clipboard copy

The ClipPath jQuery plugin generates a SVG fallback for CSS3 clip-path property to make it works on different browsers (Chrome, Firefox, Safari and Opera)......
Clip-path

copiq is a copy to clipboard plugin for jQuery library which allows you to copy and paste any text while preserving the text structure and basic formatting (e.g. bold and italic)......
Clipboard

Code Box Copy is a jQuery plugin for the popular Prism syntax highlighter that allows you to copy the content within the code box to clipboard with a customizable copy button......
Syntax-Highlighting Clipboard

Just another JavaScript plugin that allows to copy any text inside a specific container to the clipboard with just one click......
Clipboard

photoClip is an Html5 canvas based jQuery image cropping plugin that allows to zoom, rotate and crop your image with support for touch gestures......
Image-Cropping

A simple and lightweight copy to clipboard jQuery plugin which enables you to copy text from any elements to your clipboard......
Clipboard

Copyme is a very useful jQuery plugin which allows the user to copy the entire textarea to clipboard by one click......
Textarea Clipboard

Transimg.js is a simple, lightweight jQuery plugin that transform your image into various shapes using CSS clip-path property......
image-clipping