Javascript Effects Plugins | Bypeople

deals

premiumpacks & javascript effects plugins (32 items)

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

freebies

React-three-fiber is a small React renderer for Three-js. Building a dynamic scene graph becomes so much easier because you can break it up into de...

React-three-fiber is a small React renderer for Three-js. Building a dynamic scene graph becomes so much easier because you can break it up into declarative, re-usable components with clean, reactive semantics. This also opens up the ecosystem, and you can now apply generic packages for the state, animation, gestures and so on.

ScrollOut is a tiny JavaScript library that detects changes in the scroll action, animating or revealing elements as they scroll into view using CS...

ScrollOut is a tiny JavaScript library that detects changes in the scroll action, animating or revealing elements as they scroll into view using CSS. It is a super lightweight 1KB library minified and gzipped. Shared by the Scroll-Out team on GitHub, licensed under the MIT license.

A JavaScript native typewriter effect, designed to provide maximum flexibility and usability, while remaining fast and dependency free. Developed b...

A JavaScript native typewriter effect, designed to provide maximum flexibility and usability, while remaining fast and dependency free. Developed by GitHub user Christopher Cavalea (ChrisCavs), licensed under the MIT license.

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Objec...

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Object, Pre-made Scenes & Background Textures Included. Get this bundle for just $19! (98% Off)

A JavaScript micro-library designed to split (section off) an element in a variety of ways, such as words, characters, child nodes, and more! It do...

A JavaScript micro-library designed to split (section off) an element in a variety of ways, such as words, characters, child nodes, and more! It does not handle any animation, but it gives you the elements needed to create animations with JavaScript or only CSS. Developed by GitHub user Stephen Shaw (Shaw), licensed under The MIT license.

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.

1500+ Vintage Vector Elements With 100+ Vintage Style Illustrations, 900+ Ornaments, and 450+ Borders, All Professionally Made With a 19th Century ...

1500+ Vintage Vector Elements With 100+ Vintage Style Illustrations, 900+ Ornaments, and 450+ Borders, All Professionally Made With a 19th Century Touch. File Formats Ai and EPS, Get This Pack For Just $29! (58% Off)

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.

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.

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 ...

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 for a limited time.

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.

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.

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550...

Get today more than 1000 Packages and Boxes Mockup Files in an extensive bundle for only $29 with a 95% limited discounted price of its normal $550 USD. Find different materials and presentations (Box, Paper, Metal, Plastic and Bottle) and hundreds of possible matches and finishes for your packages.

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.

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.

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bund...

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bundle could be priced up to $380, get it only $14! Limited-time promo.

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.

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.

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.

Massive 23,000+ PowerPoint Presentation Slides Bundle, 2000+ Vector Icons, 3 Aspect Ratio Formats, Animated Transitions, Drag & Drop Image Placehol...

Massive 23,000+ PowerPoint Presentation Slides Bundle, 2000+ Vector Icons, 3 Aspect Ratio Formats, Animated Transitions, Drag & Drop Image Placeholders, Vector Shape Elements, Scalable World & USA State Maps, Infographics, Tons of Content More! Only 19$ (92% Off)

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.

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.

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.

40 Display Fonts Bundle, 9 Type Design Styles, Several Weights, Variations, Alternate Characters, Ligatures, and Multi Language Support! Slick desi...

40 Display Fonts Bundle, 9 Type Design Styles, Several Weights, Variations, Alternate Characters, Ligatures, and Multi Language Support! Slick designs with tons of mojo, only 19$ (93% Off)

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).

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.

Cartoon Avatars Creator Pack With Over 1800 Vector Elements To Compose Unique Looking Characters With Their Own Facial Expressions, Outfits, Hairst...

Cartoon Avatars Creator Pack With Over 1800 Vector Elements To Compose Unique Looking Characters With Their Own Facial Expressions, Outfits, Hairstyles, And Much More! Endless Combinations, Only $19! (34% 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.

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.

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.

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

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

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.

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.

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.

1000 Business Card Templates, only $14! Includes Editable Vector Files, Print Ready Templates 300 PDI CMYK, Dimensions 3.5" x 2.1". Commercial Use ...

1000 Business Card Templates, only $14! Includes Editable Vector Files, Print Ready Templates 300 PDI CMYK, Dimensions 3.5" x 2.1". Commercial Use 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.

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.