48 JQuery Note Plugins

Kajero notebook is just a Markdown document with a script attached. Kajero is designed to make it really easy for anyone to create good-looking, responsive, interactive documents.All Kajero notebooks are editable in-line. .....
Core Java Script Web

imgNotes is an extension of the jQuery imgViewer plugin that adds markers and notes to an image that can be zoomed in and out with the mousewheel and panned around by click and drag. .....
Image Effects Plugins

Marginotes takes your jQuery selection and adds notes to the margin with the text provided in HTML attributes. .....
Plugins

A simple, clean and elegant WYSIWYG rich text editor for web applications. .....
Plugins

A Summernote wysiwyg editor version converted for Materialize.Features:Following toolbarglobal restyling .....
CSS Plugins

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 .....
Plugins

jQuery plugin that lets you add quick note or todo note. .....
Plugins Web

jNottery is a jQuery plugin that lets you add notes and markers to webpages. All the data is encoded as a part of an URL which makes it easy to share or save.The library consists of 3 independent modules:core: hash encoder/decoder.....
Plugins Web

Transform Markdown footnotes into superpowered sidenotes.Try it out now by changing the size of your browser window in demo page. At full width, notes on this page are rendered as sidenotes. At medium width, they are placed direct.....
Plugins

Bigfoot is a jQuery plugin that creates exceptional footnotes. Simply include the code on your pages and footnotes will be detected automatically and improved in the following ways:Links to footnotes will be replaced with clickabl.....
Plugins

Summernote is a javascript program that helps you to create WYSIWYG Editor on web.Simple UI, Interative WYSIWYG editing, easy integrate Backend server and so much others.Summernote uses opensouce libraries(jQuery, bootstrap, fontA.....
Bootstrap Plugins Web

In this tutorial we will be making a simple app with PHP and jQuery that lets users write notes. The notes are going to be saved in plain text files on the server. It demonstrates how to read and write files in PHP, how to resize .....
Ajax PHP

PrimaryWall is a web-based sticky note tool wall, build with node.js, socket.io & jQuery designed for schools that allows pupils and teachers to work together in real-time.Getting ideas, collaborating, sharing and quickly pos.....
Other Libraries Plugins

HTML5 local storage is like cookies on steroids; it’s incredibly simple to use and yet still so powerful. In this tutorial, I’ll show you how to create “sticky notes” functionality, that allows your users to take persisten.....
CSS HTML5 jSON Web

A jQuery Plugin that makes it easy to display sliding notifications on your website or in your web application.It offers flexible positioning options, support for Ajax, CSS hooks, and more.Features:Fire the notification once the u.....
Ajax Plugins Web

In this tutorial you will learn how you can create your own simple To-Do list using CSS and JQuery.First you will design the To-Do list, this is going to be a simple form where you can quickly add your tasks for the day.Then we w.....
Animation CSS Web

While I was on vacation in Dominican Republic, I had some free time to work in a small application that creates Posticks notes, or sticky notes, in the browsers and save it in the localStorage of the browser. If you want to know.....
CSS HTML5

We will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel. We will create a virtual Moleskine notebook with latest posts from the blog. .....
Animation Gallery Slider Web

A plugin for the Summernote WYSIWYG editor which adds a button to the image popover to edit title and alt attributes. .....
Wysiwyg Editor

Hotspot is a jQuery plugin used to generate hotspots (e.g. comments, image annotations, text notes) on any Html elements......
image-note hotspot Image-Annotation

jsNoteEditor is a simple, dynamic, draggable, client-side Music Notation Editor to create orchestrations of up to eight staves. Built using jQuery and jQuery UI draggable function......

Post It All is a jQuery plugin which allows the visitor to create customizable, floating, draggable and resizable notes on the webpage......
note Note-Taking

Yet another note taking plugin for jQuery that lets you dynamically create customizable sticky notes with drag, maximize and minimize capabilities......
note Note-Taking

Notey-Fi is a small simple jQuery plugin to create growl-style notification messages on the webpage......
Notification growl-notification

A small jQuery plugin to create user-friendly footnotes/endnotes that display footnotes (Comments, Citations, Explanations, References, etc) in a tooltip-like popup by hovering over the little numbers......
Footnote

KBmapMarkers is a jQuery plugin which can be used to dynamically annotate images with custom markers (icons)......
image-note image-marker

hotSpot.js is a lightweight jQuery plugin which can be used to annotate images with custom, animated, responsive hotspots......
image-note hotspot Image-Annotation

image-marker.js is a jQuery Image Annotation plugin which adds custom, editable and draggable markers to your image and saves all markers on client side using Window.localStorage API......
image-note image-marker Annotation

Scalize is a jQuery plugin used for adding custom markers (hotspots) with custom popovers and animations to containers or images......
image-note image-marker Annotation

A Flick-style, AJAX-enabled image annotation plugin which allows to dynamically create/edit/remove Flickr-like interactive comments (note, markers) on your images......
image-note image-marker Annotation

syntaxPP is a very small jQuery based code syntax highlighter that display your source code in different colors as you seen in the famous Notepad++ application......
Syntax-Highlighting

A set of jQuery plugin which takes advantage of D3.js library to visualize your plain data into animated, dynamic, interactive pie/bar charts or a word cloud......
Tag-Cloud pie-chart Bar-chart

HoverDotJS is a jQuery plugin which allows you to dynamically adds interactive annotations / comments / markers / notes to the images using html5 canvas element......
image-note image-marker

An easy-to-use jQuery image pinning plugin used for adding customizable, interactive notes / markers to your images......
image-note image-marker

Bigfoot is a jQuery plugin that creates exceptional footnotes, inspired by Instapaper. Built for mobile devices and responsive designs......
Footnote

sailnote.js is a jQuery page slider that makes block elements 100% height & width so that the visitor can navigate through them with vertical scrolling effects......
page-slider

Image Tag is a jQuery plugin to display a form popup on top of the webpage that allow you to add custom comments/tags/notes to your images or even DIV elements......
image-note image-tagging

planit is a jQuery plugin for creating draggable, interactive markers/notes/comments on any DOM elements embedded in web page......
image-note image-marker Image-Annotation

Code Highlighter is a jQuery plugin that offers syntax highlighting of source code (Html, PHP, CSS and JavaScript) in the webpage, as you seen in Notepad++......
syntax-highlighter

explainys.js is a lightweight and easy-to-use jQuery plugin which allows you to create footnote/sidenote list from any inline elements......
side-note Footnote

jQuery PicTip is a small jQuery plugin that allows you to add customizable handy tooltips to your images, slideshows, sliders and more......
note marker

Bullseye is a simple jQuery plugin to add blinking markers to an image that displays the associated notes in the animated tooltips when hovered over......
image-note image-marker

adhere is a lightweight, easy-to-use jQuery plugin that enable you to embed annotations, notes, Ads or other stuff on images......
image-note image-marker Image-Annotation

Yet another jQuery footnote generator plugin for adding superscript numbers to given text that allows you to scroll to OL LI based footnotes with a smooth animation......
Scroll Footnote endnote Subscript

Fokus is a lightweight jQuery plugin used to focus html element by displaying a tooltip with an overlay on the web page......
note Tagging

Footnote is a jQuery plugin that adds superscript footnote markers to your anchor text and generates a footnote list from links at the bottom of the page......
Footnote

Footnoted is a jQuery footnote/endnote plugin that easily add superscript footnote numbers to text that automatically link to corresponding footnotes at the bottom of the page......
Footnote endnote Subscript

textover is a jQuery plugin that allows you to add text notes over an image by clicking on the top of the image......
image-note