jQuery Plugin Directory

rsSlideIt : jQuery 2D/3D Slideshow Transformations Plugin

rsSlideIt : jQuery 2D/3D Slideshow Transformations Plugin

Performs a smooth 2D/3D transition from one HTML element A to another element B.

animation
slider
css3
CSS2
0

Letter Effects and Interaction Ideas with CSS

Letter Effects and Interaction Ideas with CSS

Today we’d like to share four typography animations with you. Letters are such a great thing to play with and they allow for so many interesting interactions and effects to enhance a design and make decorative headlines stand out. For some animations we use anime.js. Charming.js helps us with the needed structure for the letters. We use some modern CSS properties like CSS Grid and CSS Variables in the demos, so please view them with a capable browser.

animation
css3
Core Java Script
CSS2
0
Text Effect

Folder Preview Ideas with CSS

Folder Preview Ideas with CSS

oday we’d like to share some fun little hover effects with you. The idea is to show a preview animation for folders. The animations are intended as a fun micro-interaction that give the user some kind of hint of what’s inside the hovered folder. We are using anime.js to power the animations.

animation
css3
Core Java Script
CSS2
0

Foldable : Full Stack CSS3 powered jQuery Accordion

Foldable : Full Stack CSS3 powered jQuery Accordion

Foldable is the full stack CSS3 powered jQuery Accordion.

accordion
responsive
css3
Premium
CSS2
0

STIMED.js : jQuery plugin for controlling CSS styles over Time

STIMED.js : jQuery plugin for controlling CSS styles over Time

STIMED.js is a jQuery plugin for controlling CSS styles over time. There are almost endless possibilities for using timed CSS properties. You could change webpage colors to make them more calm at night and more contrast during daytime, or hide a specific element in a certain time, or just move an element in sync with time…

animation
css3
CSS2
0

SmartMenu : Responsive jQuery Mega Menu

SmartMenu : Responsive jQuery Mega Menu

SmartMenu is a user-friendly, highly customizable and responsive jQuery mega menu plugin. It allows you to use multiple menus with different submenus.

responsive
css3
forms
maps
menus
Premium
CSS2
0

Dropdown Sidebar Menu Responsive Bootstrap Navigation

Dropdown Sidebar Menu Responsive Bootstrap Navigation

Scoop Navigation Menu Consist of both Horizontal and Vertical navigation with customize options and themes. Its lightweight and compatible with almost all major browsers and devices. this plugin make more then 50 plus navigation view. It supports four levels sub menu with shrink, Overlay and push effect.

responsive
css3
menus
Premium
CSS2
0

Expanding Bar Navigation Concept with CSS & JavaScript

Expanding Bar Navigation Concept with CSS & JavaScript

Today we’d like to share an experimental tab-like navigation with you. The main idea is to animate the bars of the navigation in a way that they expand to reveal some further content. The navigation is either shown in a vertical or horizontal orientation. For this experiment we are using anime.js.

css3
gallery
Core Java Script
CSS2
0

Experimental 3D Room Exhibition Layout with CSS3

Experimental 3D Room Exhibition Layout with CSS3

Today we’d like to share an experimental 3D layout with you. The idea is to show some information about a gallery’s exhibition in an interesting way. Each artist has a “room” in the gallery which shows the schedule for the exhibition. When clicking on one of the navigation buttons, we move away from the current room and proceed to the next (or previous) one with an animation.For this experiment we are using the animation library anime.js

css3
gallery
Core Java Script
CSS2
0

Stack Motion Hover Effects with CSS & JavaScript

Stack Motion Hover Effects with CSS & JavaScript

Today we’d like to share some tiny hover effect ideas with you. The concept stems from the hover effect seen on Merci-Michel which has a really nice feel to it because of its fluidity. The idea is to show a stack behind the hovered thumbnail that has the same main color as the image and then animate the elements in a swift motion. We are using the JavaScript library anime.js for the animations.

animation
css3
Core Java Script
CSS2
0