Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo

    Magnetic Buttons with CSS & JavaScript

    Magnetic Buttons with CSS & JavaScript

    A small set of magnetic buttons with some fun hover animations.The main idea of these buttons is that they are magnetic and follow the mouse pointer. Along with that, there’s lots of room to play with some interesting hover animations. A very nice thing to explore is the motion of an additional element like a shadow or another line. The parallax effect created by moving the button’s elements differently, gives a nice twist to the animation.

    Infinitely Scrollable Vertical Menu

    Infinitely Scrollable Vertical Menu

    A quick look at how an infinitely scrollable menu works based on a looping scroll illusion of cloned items.

    CSS-Only Marquee Effect

    CSS-Only Marquee Effect

    A simple CSS-only marquee effect for a menu based on Francesco Zagami’s Dribbble shot.It has a really nice marquee animation when hovering a menu item (you have to wait a couple of seconds to see the menu).

    MoreToggles.css : Pure CSS nice-looking Toggles

    MoreToggles.css : Pure CSS nice-looking Toggles

    MoreToggles css is a pure CSS library that provides you with a variety of nice-looking toggles.

    Revealing Hero Effect with CSS & JavaScript

    Revealing Hero Effect with CSS & JavaScript

    In this tutorial, we will show how to create a section that reveals its content when the previous element scrolls away.

    Background Scale Hover Effect with CSS Clip-path

    Background Scale Hover Effect with CSS Clip-path

    A simple recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip-path.The idea is to scale down the background image and “fitting” it to a clip shape which contains the same background image. The shape is visible because the opacity of the background is a bit lower.

    ChatPro – All in One Chat on Any Social Plateform jQuery Plugin

    ChatPro - All in One Chat on Any Social Plateform jQuery Plugin

    ChatPro – All in One Chat on Any Social Plateform jQuery Plugin is an a modern responsive chat plugin build with HTMl, JS & CSS3.

    •  Chat support plugin that provides a quick and easy way to interact with your clients.
    • JS, HTML5, CSS3, Bootstrap used to design hosting chat widget.
    • All the codes are clean and well organized, You are able to easily edit/change/customize any style.
    • These chat plugins are provided with 10 uniq designs, 8 color combination.

    Stacking Cards Effect with CSS & Intersection Observer API

    Stacking Cards Effect with CSS & Intersection Observer API

    In this tutorial, we will take a look at how to create a stacking cards effect, using the CSS sticky position and the Intersection Observer API.

    Crafting a Cutout Collage Layout with CSS Grid & Clip-path

    Crafting a Cutout Collage Layout with CSS Grid & Clip-path

    Learn how to code up an interesting design with a cutout image look using CSS Grid and clip-path.

    Image Trail Effects with TweenMax & CSS

    Image Trail Effects with TweenMax & CSS

    A set of brutalist effects for mouse-following image trails that show a random series of images with tweenmax and css.The idea is to follow the mouse and show a trail of random images. It’s a kind of brutalist effect and there are various possibilities when it comes to showing and hiding the images. So we compiled a set of demos that explores different animations.