Best jQuery Cookies Plugins & Tutorials with Demo

Cookiefy : jQuery plugin to the EU Cookie laws

Cookiefy : jQuery plugin to the EU Cookie laws

jQuery Cookiefy is a lightweight jQuery plugin to the EU Cookie laws.

Biscuit.js : Customizable cookie based jQuery Notification Plugin

Biscuit.js : Customizable cookie based jQuery Notification Plugin

A customizable cookie based jQuery notification plugin with nifty animations and persistence.

Features:

  • Cookie based persistence
  • Desktop notifications option
  • Nifty animations

Take Notes : A Note-Taking App using jQuery

Take Notes : A Note-Taking App using jQuery

A note-taking app using jQuery.Note data is stored locally on your computer, in a manner similar to cookies, and is never transmitted anywhere. Anyone not using your computer, including myself, has zero way of seeing what you put in your notes.

Bootstrap Dropdown Filter for jPList Library

Bootstrap Dropdown Filter for jPList Library

Bootstrap Dropdown Filter is a control for jPList, an open source library for sorting, filtering and pagination. It allows filtering of any HTML structure (DIVs, UL/LI, Tables etc.) by the given jQuery path and uses a standard Bootstrap dropdown component for layout.

Features:

  • Filter any HTML structure by jQuery path
  • Supports local storage and cookies
  • Supports deep links
  • Fully customizable styles

jQuery WebRating Plugin

jQuery WebRating Plugin

jQuery webrating plugin.

Features:

  • Easy to configure
  • Precision upto 0.01
  • Use stars, hearts, smiles or your logo
  • Integrate with your own database
  • CSS based coloring
  • Customized toop-tip option
  • Callback functions on click & hover
  • Limit number of clicks per page view
  • Use cookies to limit clicks per visitor

Navgoco : jQuery Multi-level slide navigation & Accordion effect

Navgoco : jQuery Multi-level slide navigation & Accordion effect

Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide navigation, with ability to preserve expanded sub-menus between sessions by using cookies and optionally act as an accordion menu.

Hopscotch : jQuery Product Tour Plugin

Hopscotch : jQuery Product Tour Plugin

Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress.

Features:

  • Callbacks for tour events (e.g. onStart, onEnd, onShow, onNext, onPrev, onClose)
  • Multi-page persistence using HTML5 sessionStorage using cookies as a fallback
  • I18N support
  • Lightweight single callouts

Pick-a-Color : jQuery color picker for Twitter Bootstrap

Pick-a-Color : jQuery color picker for Twitter Bootstrap

A easy-to-use jQuery color picker for Twitter Bootstrap.There are some great color picker plugins out there, but most cater to the needs of techies and designers, providing complicated controls to access every color imaginable.

Pick-a-Color is designed to be easy for anyone to use. The interface is based on Twitter Bootstrap styles so it looks lovely with the styles of almost any site.

Features:

  • Flexible text entry: Accepts HEX, RGB, HSL, HSV, HSVA, and names, thanks to Brian Grinstead’s amazing Tiny Color library.
  • Saved colors: Saves up to 16 recently used colors. Colors are stored in localStorage or cookies.
  • Advanced: Advanced tab lets users modify hue, saturation, and lightness to make any color their hearts desire.
  • Basic color palette: Easy-to-use preset colors that can be lightened and darkened.
  • Chunky mobile styles: Dragging is easy, even on a touch device.

Macaroon : jQuery plugin for acessing Browser Cookies

Macaroon : jQuery plugin for acessing Browser Cookies

A jQuery plugin for simple access to browser cookies.Working with cookie strings are messy, especially in Javascript. Macaroon is a dead simple way to create, update, read and erase pesky browser cookies, so you can get back to more important code.

Responsive and Animated jQuery Bubble

Responsive and Animated jQuery Bubble

jQuery Bubble Scroll is an easy-to-integrate navigation asset that you can use on your website to display any kind of usefull informations. There are two types of layout (square or circle) and you can put it to the left or to the right of the screen.

Features:

  • Display any kind of usefull informations with HTML and CSS.
  • Responsive : Bootstrap is NOT required (however, you can use it with no problem).
  • Different display styles available (circle, square).
  • Different positions (left or right).
  • Use cookies or not when the user closes the bubble.
  • Appears on scroll but can also be always visible on the screen.
  • Easy to integrate.
  • Simple to customize (different colors, border colors, backgrounds…)