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

    Micron.JS : MicroInteraction library with CSS Animations & JavaScript

    Micron.JS : MicroInteraction library with CSS Animations & JavaScript

    Micron.JS is a micro interaction library which can be used to add Interactions to different DOM Elements. Micron.JS animates an element using CSS power and the interactive behaviours are controlled by JavaScript.

    Micron.JS is easy to adapt and can bring interactions to life using html5 data attributes or a chain of JavaScript methods.

    Slide Out Box Menu with CSS Grid & TweenMax

    Slide Out Box Menu with CSS Grid & TweenMax

    Today we’d like to share a little menu with you. The idea is to reveal the boxes of a grid individually from the top right corner of the page similar to the Expanding Grid Menu we did a while back. The animations are powered by TweenMax.

    Motion Reveal Slideshow with CSS & TweenMax Js

    Motion Reveal Slideshow with CSS & TweenMax Js

    Today we’d like to share another slideshow with you. The idea is to have a bit more of motion when navigating between the slides and showing another preview part with a fullscreen image.The animations are powered by TweenMax.

    Full Image Reveal Effect with TweenMax Animation

    Full Image Reveal Effect with TweenMax Animation

    Today we’d like to share a simple fullscreen image reveal effect with you. The idea is to have an inital thumbnails layout at the bottom of the page and then animate the items when we click them. A covering element comes sliding in and when it moves out, the fullscreen image view is shown behind. We are using TweenMax for the animations.

    Motus : Scrolling Animation Library

    Motus : Scrolling Animation Library

    Motus is a animation library that mimics CSS keyframes when scrolling.

    Simple Button Checks with jQuery

    Simple Button Checks with jQuery

    Simple button checks is a simple plugin for transform checkbox inputs into html buttons for css customize. High performance, keyboard support and preserve original input click/change events.

    Grid Layout with Motion Hover Effect and Content Preview

    Grid Layout with Motion Hover Effect and Content Preview

    Today we’d like to share a little grid layout with you. We use CSS Grid and a playful hover effect on the grid items which are composed of different wildly placed elements. When an item is clicked, we slide in a content preview overlay and animate the grid items out and the preview items in. For the animations we use TweenMax by Greensock.

    CSS-Doodle : A web component for Drawing Patterns with CSS

    CSS-Doodle : A web component for Drawing Patterns with CSS

    CSS-doodle is a web component for drawing patterns with css.The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself.

    Ideabox : Material Navigation Menu with jQuery

    Ideabox : Material Navigation Menu with jQuery

    Quick web site menus or admin dashboard navigation do the same google like. with material design.

    Features:

    • Fully customizable via CSS
    • Full Responsive
    • Unlimited colors
    • Lightweight and Simple
    • Bootstrap Compatible
    • Clean Code
    • Clean and Material design
    • Multipurpose
    • Material font icons
    • Easy to Customize
    • Easy understanding commented code
    • CSS3 animations

    Motion CSS : A library of CSS3 Animation

    Motion CSS : A library of CSS3 Animation

    Motion CSS is a library of animation for your web projects. It works very simply. All you need to do is connect the css file and use a specific class to an element that should be animated.