Best jQuery Cookies Plugins & Tutorials with Demo

jQuery Cookie Consent Plugin : ihavecookies

jQuery Cookie Consent Plugin : ihavecookies

A lightweight jQuery plugin that displays a cookie consent message as required by EU regulation. The plugin displays a message on the user’s first visit to your website and, by default, again 30 days after their last visit.

The visitor must click the accept button within the popup for the cookie to be set thus granting their consent (GDPR).

SmartCookie : jQuery Cookie Law Notification

SmartCookie : jQuery Cookie Law Notification

Smart Cookie is responsive cookie law notification jQuery plugin, which helps you to inform your visitors about the cookie use on your website. The jQuery plugin is very flexible you can choose from four positions to place the notification message: top, bottom, bottom left, bottom right. If you choose top or bottom position it will be displayed as bar, otherwise it will be displayed as a box in the bottom left or bottom right corner. You can also customize the texts and colors to fit your design.

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.