Sunday, September 20FreeJQuery

Tag: CSS2 / CSS3.0

Pinto.js : jQuery Grid Layout Plugin
CSS2 / CSS3.0, Gallery, Plugins, Responsive

Pinto.js : jQuery Grid Layout Plugin

Pinto.js is a lightweight and customizable jQuery plugin for creating pinterest like responsive grid layout. Pinto.js is intended for easy use and is fully deployable within minutes. The minified version is under 1KB. This plugin is very accessible & easy to use.(the minified version is under 1KB) autosize supportfluid item width animation (CSS3 transition)Pinto is an extremely lightweight jQuery plugin which allows you to dynamically arrange your images in a Pinterest-like responsive, fluid grid layout.Features of Pinto.js jQuery Grid Layout:Super simple and lightweight. Auto rearrange images with a smooth CSS3 transition on window resize. Fluid item width based on the viewport size. lightweight (the minified version is under 1KB) autosize support fl...
Image Trail Effects with TweenMax & CSS
Animation, Core Java Script, CSS2 / CSS3.0, image effect

Image Trail Effects with TweenMax & CSS

Image TweenMax & CSS & Image Trail EffectsA 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. A set of brutalist effects for mouse-following image trails that show a random series of images.Today we’d like to share a fun mouse interaction effect with you that we found on the VLNC Studiowebsite. 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 t...
Smooth Scrolling Image Effects
Animation, Core Java Script, CSS2 / CSS3.0

Smooth Scrolling Image Effects

A small set of ideas on animating images and other elements while smooth scrolling a page. We’ve made a small set of effects that show how you can apply some interesting transforms to elements like images and text while scrolling the page smoothly.Read More | Demo | Download  
Tuesday : Quirky CSS Animation Library
Animation, CSS2 / CSS3.0

Tuesday : Quirky CSS Animation Library

Tuesday is a stand-alone library you can use without any dependencies, but you can use Tuesday alongside other animation libraries as well. All Tuesday animation names start with td prefix so there is a low chance two libraries will collide unless there is another one that uses the same prefix.Read More | Demo | Download -
Responsly.js : A set of CSS3 responsible widgets for jQuery
CSS2 / CSS3.0, Plugins, Responsive, Web

Responsly.js : A set of CSS3 responsible widgets for jQuery

Dead simple responsive widgets, written using CSS3 transformations and available as a jQuery Plugin. Currently a sideshow and accordion are available, more to come!. Responsive designs are cool! Not only do they allow you to reach mobile and tablet users with minimal effort, but they also make your context scale up for desktop users with larger screens.FeaturesWorks from large monitors to laptops, to tablets to mobiles. Pure CSS stylingRead More | Demo | Download
Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery
CSS2 / CSS3.0, HTML5, popup windows, Responsive, tables, Tabs, Web

Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery

Titon Toolkit is a collection of very powerful user interface components and utility classes for the responsive, mobile, and modern web. Each component represents encapsulated HTML, CSS, and JavaScript functionality for role-specific page elements.Toolkit makes use of the latest and greatest technology. This includes HTML5 for semantics, CSS3 for animations and styles, Sass for CSS pre-processing, Grunt for task and package.Read More | Demo | Download  
Azexo : jQuery drag and drop HTML builder with Bootstrap
Bootstrap, CSS2 / CSS3.0, Drag & Drop, HTML5, Web

Azexo : jQuery drag and drop HTML builder with Bootstrap

jQuery drag and drop HTML builder – compile Bootstrap based HTML and JS. Builder extract required JS code (about 0% – 15%) from itself and provide it with resulting HTML to allow initialization a third party JS libraries on the frontend. Generated HTML contains “data” attributes which store JS libraries settings and helpers to allow parse document structure by an editor.Read More | Download