What is sideToggle plug-in? The sideToggle is a jQuery plug-in that you may use for creating the side toggle menu on your website. Basically, this plug-in toggles the elements sideways, however, the usage can be menus or toggling other elements. The jQuery default toggle behavior is towards up and down as explained in this tutorial … Read more
The jquery-autotag plug-in The autotag plug-in converts any text typed in the contentEditable=”true” elements of the DOM with @ or # into colorful and distinguishable text. Since social media, the usage of mentions (@) and hashtags (#) has incredibly increased, so it is worthwhile to make it prominent if your web pages has content editable … Read more
The jQuery coolType plug-in The coolType plug-in adds character by character of a given string in HTML elements with a cool typing effect. The animated effect is like the fast command line typing that you may use for displaying news items or customer reviews, announcements, etc. that a visitor’s eye can catch easily. The development … Read more
jQuery timer plug-in The timer.jquery plug-in is a simple solution for adding a timer or stopwatch inside any HTML element. The minified version is the only 7K size that you need to include before the body closing tag. The timer is customizable by using the options provided for the plug-in while a user may start, … Read more
The jquery-plugin-circliful for creating circle data presentation The circliful enables creating the SVG based circles for statistical information on web pages. It uses font-awesome icons that allow adding icons to make statistical circles even more descriptive. No images are used, so it is light weight with many options that can be set by using jQuery or … Read more
The border color animation plug-in The BorderColorAnimate plug-in is a simple way out of implementing the border color animation for any HTML element in DOM. The border color can be animated on click or as the mouse is entered into the specified element. You may customize it to be used for other events as well. … Read more
The hiSlide jQuery plug-in Easily create image rotator with seven images in your web pages. The images will keep on rotating automatically or arrows are also given for moving the next or previous image. The plug-in file size is only 3K (which is negligible) and is cross-browser compatible. The markup is also pretty simple; just … Read more
Creating responsive menus by a jQuery plug-in The simple and light-weight (1K) responsive-navigation jQuery plug-in enables creating responsive menus for your website. It uses font-awesome icons with the menu item and also creates sub menu that is adaptive to the user’s screen. Developer’s page Download plug-in Setting up responsive-navigation plug-in You need to include the … Read more
Create gooey effect in HTML canvas The light-weight jquery-wobblewindow-plugin can be used for creating the gooey effect on HTML5 canvas in your web pages. The minified size is only 7K while cool animation happens as the mouse bring in and out of any specified HTML element. Demo 1 Demo 2 Demo 3 Developer’s page Download … Read more
Create editable elements in webpages The InlineEdit plug-in allows creating the elements in your web pages that are editable upon double clicking. You may make editable paragraphs, span or text in the div tag that can be saved on the server without refreshing the website. The edited text is sent to the server by AJAX … Read more
How to create simple animation on the scroll? You may create animation for different HTML elements in DOM by using the dctb-animate-scroll jQuery plug-in. For example, displaying image and text in a div or paragraph as a user scrolls down to that element with animation. Developer’s page Download plug-in How to implement animate scroll plug-in? … Read more
Creating star ratings without external images The star-rating-svg plug-in enables you creating the star rating system on your website that does not use external images. In fact, it uses the SVG to draw star shapes that you may customize incredibly as per the need or desire for your project. The features include using the full … Read more
Scroll to top with animation The scrollpress is a nice plug-in if you want to let users scroll top by pressing a button with smooth animation. The page scrolls up smoothly while the button animates in a nice way. You may style the button with CSS and optionally use the font-awesome or other icons. The … Read more
Create animated progress bar by barfiller plug-in The barfiller plug-in can be used for creating the animated bar fillings for the progress bar or horizontal bar charts. You just provide the percentage value in the data-percentage attribute and it will fill the bar accordingly. The bars can be customized for color by using the provided … Read more
The pretty-dropdowns plug-in Turn the ordinary HTML select dropdowns into beautiful menus by using the pretty-dropdowns jQuery plug-in. It comes up with many features that you may customize as per the need of your theme of forms. The features include: You may add customized HTML to the menu items like icons, thumbnails, etc. Create menus … Read more