Best jQuery Gallery Plugins & Tutorials with Demo

Effect Ideas for Card Stacks with CSS3

Effect Ideas for Card Stacks with CSS3

Today we’d like to share some inspiration for card effects with you. The idea is to animate the top element of a stack by clicking on an accept or reject button. We’ve used this Tinder-like example to show some symmetric and complementing pairs of effects, but these kind of animations can fit into many scenarios involving all kinds of card stacks that don’t necessarily have a dual logic.

uilang.js : UI-focused Programming Language

uilang.js : UI-focused Programming Language

uilang is a dead simple programming language for web designers. With uilang, you write your code just like plain English, straight into your HTML using a <code> element. uilang’s logic relies on manipulating classes on HTML elements and using these classes in CSS to show, hide, animate and transform elements when a click occurs. This simple logic lets designers create most of the typical user interface behaviours: tabs, popovers, overlays, sliding menus, etc.

Demo 1 Demo 2 Demo 3 Demo 4 Demo 5

Dribbbox : JavaScript Library for Dribbble portfolio

Dribbbox : JavaScript Library for Dribbble portfolio

Dribbbox is a javascript library for dribbble portfolio.Dribbbox displays your work in a clean, easy-to-browse gallery, avoiding the noise of Dribbble’s comments, rebounds, ads, … It’s your portfolio, not your social network profile.

Project Cards Template in CSS & jQuery

Project Cards Template in CSS & jQuery

A portfolio template with expandable projects and a full-page navigation inspired by Primer app.

Minigrid : Cascading Grid Layout

Minigrid : Cascading Grid Layout

Minigrid is a minimal 2kb zero dependency cascading grid layout. It’s responsive and can be animated.

Simple Lightbox : Touch-Friendly Image Lightbox with jQuery

Simple Lightbox : Touch-Friendly Image Lightbox with jQuery

Simple Lightbox is a touch-friendly image lightbox for mobile and desktop with jQuery.

Features:

  • Responsive
  • Touch-friendly
  • Lightweight
  • Preloading next and previous image
  • Android, iOS and Windows phone support
  • CSS3 Transitions with fallback for older browsers
  • Keyboard support
  • Easy to install, easy to use
  • Lots of options
  • Can use jQuery 1.x or 2.x

Instagram Lite : jQuery plugin to display Instagram Photos

Instagram Lite : jQuery plugin to display Instagram Photos

A simple, lightweight jQuery plugin used to display a user’s Instagram photos.

Pinterest API Widget – Responsive jQuery Plugin

Pinterest API Widget - Responsive jQuery Plugin

Pinterest API Widget allows adding pins to your website very fast, using Pinterest’s API for retrieving user pins and pins from a user’s specific board.

Responsive jQuery Pop Up Gallery

Responsive jQuery Pop Up Gallery

In this tutorial you will lean how to create a an awesome popup gallery. Each gallery will have a small preview animation. This tutorial will provide you with five different popup galleries.

Portfilter : jQuery Portfolio Filter for Bootstrap

Portfilter : jQuery Portfolio Filter for Bootstrap

Portfilter is a very lightweight portfolio filter for Bootstrap.



Best jQuery websites design awards