premiumdeals & javascript effects plugins (28 items)

List of tutorials and plugins to create animation effects or transformation into HTML elements.

freebies

Pushbar.js is a tiny javascript plugin for creating sliding drawers in web apps. It is fully customizable and dependency free. You can use it as si...

Pushbar.js is a tiny javascript plugin for creating sliding drawers in web apps. It is fully customizable and dependency free. You can use it as sidebar menus or option drawers. Developed by GitHub user Oncebot and licensed under MIT license.

A set of UI elements with a hand-drawn sketch look. Wired Elements are implemented as web components. The elements are drawn randomly so that no tw...

A set of UI elements with a hand-drawn sketch look. Wired Elements are implemented as web components. The elements are drawn randomly so that no two renderings will be the same. Developed by Preet Shihn under MIT License.

A lightweight JavaScript library to create interactive backgrounds. It turns your mouse into a brush that reveals the background; you choose whethe...

A lightweight JavaScript library to create interactive backgrounds. It turns your mouse into a brush that reveals the background; you choose whether you want it to stay cleared on action or not. You can customize the stroke size, the brush style, and the blur intensity. Created by Kamran Ahmed under MIT License.

670+ Kitchen Scene Creation Objects Only $19! 200+ Customizable Items & Textures Included. High-Resolution Files.

670+ Kitchen Scene Creation Objects Only $19! 200+ Customizable Items & Textures Included. High-Resolution Files.

Micron.js is a JavaScript micro-interactions library for creating CSS element animations, the overall interactive behavior is controlled with JavaS...

Micron.js is a JavaScript micro-interactions library for creating CSS element animations, the overall interactive behavior is controlled with JavaScript, you just need to include the micron.min.css and micron.min.js to have all ready to use animations or by simply selecting the needed interaction and including it via .min.css file. Also, Micron.js can be included in your project using your favorite package manager. This library was created by Webkul Software.

Need to draw graphics with a sketchy hand-drawn appearance? Rough.js is for you. This JavaScript library allows you to easily create graphics with ...

Need to draw graphics with a sketchy hand-drawn appearance? Rough.js is for you. This JavaScript library allows you to easily create graphics with Canvas and SVG that resembles those made by hand. You can build anything in code and Rough.js translate your code to produce that warmy hand-drawn feeling into your project.

Driver.js is a lightweight no dependency vanilla JavaScript library to drive the user s focus across the page. Highlight any (literally any) item o...

Driver.js is a lightweight no dependency vanilla JavaScript library to drive the user s focus across the page. Highlight any (literally any) item on page, block user interactions, create feature introductions, add focus shifters for users, highly customizable – use it anywhere for overlay, user-friendly, MIT Licensed, lightweight – only ~4kb when gzipped, consistent behavior across all major browsers.

195 Vector T-Shirt Designs, Only $19! Editable Texts, Ai, EPS, PSD, SVG Vector File Formats, Extended License!

195 Vector T-Shirt Designs, Only $19! Editable Texts, Ai, EPS, PSD, SVG Vector File Formats, Extended License!

Small, open source collection of 16 great looking text effects made in JavaScript and anime.js by Tobias Ahlin. Autotyping, fade in, and many other...

Small, open source collection of 16 great looking text effects made in JavaScript and anime.js by Tobias Ahlin. Autotyping, fade in, and many other text effects are included, and you can view and copy the necessary code for quick and easy implementation.

TributeJS is an open source library to handle native @mentions between applications. Built based on the @mentions popularized by Twitter, it allows...

TributeJS is an open source library to handle native @mentions between applications. Built based on the @mentions popularized by Twitter, it allows multiple applications to connect.

A no-dependency JavaScript plugin that truncates multi-line text to fit within an HTML element based on a specific max-height. It makes sure to lef...

A no-dependency JavaScript plugin that truncates multi-line text to fit within an HTML element based on a specific max-height. It makes sure to left the original text intact while improving the usability of a website. It is lightweight (1.5kb) and does not require other libraries.

15,000 Graphic Design Resources, Only $29! Photos, Textures, and Vector Files From Over 30 Content Categories, Unlimited Commercial Use!

15,000 Graphic Design Resources, Only $29! Photos, Textures, and Vector Files From Over 30 Content Categories, Unlimited Commercial Use!

Aquarelle is a JavaScript library that helps you create beautiful and simple aquarelle effects, which can be later added to your creations (web and...

Aquarelle is a JavaScript library that helps you create beautiful and simple aquarelle effects, which can be later added to your creations (web and apps). It has browser support in Chrome, Safari, Opera, Firefox and IE 11.

A simple JavaScript library for exporting creations made in Adobe After Effects to SVG, canvas and HTML. It installs as an extension within After E...

A simple JavaScript library for exporting creations made in Adobe After Effects to SVG, canvas and HTML. It installs as an extension within After Effects, and it works by opening a panel with a Composition's tab, selecting the composition you need to export and finally selecting the destination folder.

A fantastic and interactive simulation where a cloth can be torn apart with the mouse pointer. Crafted in JavaScript.

A fantastic and interactive simulation where a cloth can be torn apart with the mouse pointer. Crafted in JavaScript.

Over 2000 unique slides in a massive PowerPoint, Keynote & Google bundle, including also more than 9K vector icons and an Instagram Stories Creator...

Over 2000 unique slides in a massive PowerPoint, Keynote & Google bundle, including also more than 9K vector icons and an Instagram Stories Creator. Only $14!

A plugin for mobile apps that allows you to swipe one or multiple items, whether they are dependent on another or they stand alone. The plugin is r...

A plugin for mobile apps that allows you to swipe one or multiple items, whether they are dependent on another or they stand alone. The plugin is really lightweight, is dependency-free, you can implements short & long swiping options, swipe to delete, easy to use, and add CSS transforms and transitions.

A beautiful plugin made with JavaScript for creating a simple trampoline effect that can be applied to any element, especially great for galleries ...

A beautiful plugin made with JavaScript for creating a simple trampoline effect that can be applied to any element, especially great for galleries image showcases. This plugin comes along with an article where Mary Lou explains us the creation process.

A sliding touch navigation menu for mobile apps or even web projects. It is dependency-free and features simple markup, native scrolling, easy cust...

A sliding touch navigation menu for mobile apps or even web projects. It is dependency-free and features simple markup, native scrolling, easy customization and CSS transforms & transitions. It is lightweight, just 4 Kb is taken by this menu created by Mango.

Remove unwanted objects, retouch your portraits adding makeup. Enhance every single detail of your photos with our latest lifetime deal. Only $14, ...

Remove unwanted objects, retouch your portraits adding makeup. Enhance every single detail of your photos with our latest lifetime deal. Only $14, limited-time offer.

ProgressBar.js allows you to create progress bars quickly with arbitrary shapes. This is a library created in JavaScript which includes some built-...

ProgressBar.js allows you to create progress bars quickly with arbitrary shapes. This is a library created in JavaScript which includes some built-in shapes like lines, circles and squares, but it also allows you to integrate vectors made with illustrator to create your own custom progress bar. It is a lightweight creation made by Kimmo Brunfeldt and is licensed under the MIT license.

A set of CSS and JS loading effects generator that allows you modifying the loading of a single page. It has around 10 effects in different shapes ...

A set of CSS and JS loading effects generator that allows you modifying the loading of a single page. It has around 10 effects in different shapes and sizes. You can also modify the color of the background and whether to have a message or not. It was created by Pathgather.

A beautiful and flat code snippet composed of a carousel created with jQuery and CSS. It is made of parallelograms with a thumbnail and a little la...

A beautiful and flat code snippet composed of a carousel created with jQuery and CSS. It is made of parallelograms with a thumbnail and a little label for the name right below. You can style it any way you want and use it for free (personal and commercial).

An updated pack of social media templates. Create cool posts and enhance your Facebook, Pinterest, Instagram and Twitter profiles. Only $14 for a l...

An updated pack of social media templates. Create cool posts and enhance your Facebook, Pinterest, Instagram and Twitter profiles. Only $14 for a limited time!

Bounce.js is a simple JS library that lets you create CSS3 powered animations. With it you can add spins, jelly and clock effects, road runner moti...

Bounce.js is a simple JS library that lets you create CSS3 powered animations. With it you can add spins, jelly and clock effects, road runner motion and many more to any element on your website. It was created by Tictail.

WOW, a JavaScript plugin, allows you to reveal animations when you scroll. It is easily customizable animation settings like style, delay, length, ...

WOW, a JavaScript plugin, allows you to reveal animations when you scroll. It is easily customizable animation settings like style, delay, length, offset, iterations and more. It uses Animate.css. It is smaller than other JavaScript parallax plugins, it's simple to install, it's fast and lightweight, and it's free.

particles.js is a simple JavaScript library for creating particles. It makes the particles flow automatically, and whenever a particle comes close ...

particles.js is a simple JavaScript library for creating particles. It makes the particles flow automatically, and whenever a particle comes close to another, it creates a smooth connector that illuminates the more the closest the two dots get from one another. It was created with a bit CSS for styling.

Ultimate Tech Training Bundle: Lifetime Subscription for $29! 800+ Courses to learn Programming, Web Development, Software Testing, Mobile Apps, Ne...

Ultimate Tech Training Bundle: Lifetime Subscription for $29! 800+ Courses to learn Programming, Web Development, Software Testing, Mobile Apps, Networking, e-Commerce, Design, Data, IT Certifications, and much more! (98% Off)

shine.js is a nice and useful JavaScript library for creating shadows and shine effects to elements. You can install it via bower or direct downloa...

shine.js is a nice and useful JavaScript library for creating shadows and shine effects to elements. You can install it via bower or direct download, add the script, change the light direction. and more. Among its features you have: - Dynamic light positions - Customizable shadows - No library dependencies, AMD compatible - Uses text or box shadows based on content - Works in browsers that support textShadow or boxShadow and auto-prefixes if necessary It was designed by Naim Sheriff and coded by Benjamin Bojko. It is free to download, improve and use.

The purpose of this online tool (also available as a code snippet) is to triangulate any picture you drop into the browser. It uses the Delaunay tr...

The purpose of this online tool (also available as a code snippet) is to triangulate any picture you drop into the browser. It uses the Delaunay triangulation algorithm, and it behaves the same way as the triangulation image generator. It was created by Georg Fischer, who stored this resource on Github under the MIT license.

HexaFlip was born out of the time-picker interface in the iPhone app ChainCal. It’s been expanded to visualize arbitrary arrays of any length. For...

HexaFlip was born out of the time-picker interface in the iPhone app ChainCal. It’s been expanded to visualize arbitrary arrays of any length. For a detailed walk through the code, take a look at the Codrops article written about HexaFlip. HexaFlip is developed by Dan Motzenbecker. For similar UI experiments, check out oriDomi and Maskew. Follow me on twitter for updates and other experiments.

2400+ Vector Vintage Engraving Illustrations, Only $19! 21 Categories, EPS Vector Formats, Transparent PNGs. Extended License!

2400+ Vector Vintage Engraving Illustrations, Only $19! 21 Categories, EPS Vector Formats, Transparent PNGs. Extended License!

Hyper-lapse photography – a technique combining time-lapse and sweeping camera movements typically focused on a point-of-interest – has been a grow...

Hyper-lapse photography – a technique combining time-lapse and sweeping camera movements typically focused on a point-of-interest – has been a growing trend on video sites. It’s not hard to find stunning examples on Vimeo. Creating them requires precision and many hours stitching together photos taken from carefully mapped locations. We aimed at making the process simpler by using Google Street View as an aid, but quickly discovered that it could be used as the source material. It worked so well, we decided to design a very usable UI around our engine and release Google Street View Hyperlapse. The site settings are purposely low (like having a maximum of 60 frames per animation) for greater accessibility. However, all the source code is available on Github (including examples and documentation) so developers can play with higher frame rates, better image quality, and more complicated camera movements.

Effects Image lists. This generator gives us a good package configuration...

Effects Image lists. This generator gives us a good package configuration to animate images or lists of Web and purchasing our style piece of code.

With this jQuery plugin you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset,...

With this jQuery plugin you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius, among other functions and properties.

4500+ Overlays With HD Quality, Only $39! 5000x3500px ? 300dpi, 40 Styles!

4500+ Overlays With HD Quality, Only $39! 5000x3500px ? 300dpi, 40 Styles!

Follow this tutorial and it will give you a good understanding of the basic concept behind the slice and tile effect as we go into detail on how to...

Follow this tutorial and it will give you a good understanding of the basic concept behind the slice and tile effect as we go into detail on how to build a simple jQuery plugin.