1<!doctype html> 2<html lang="en"> 3<head> 4<meta charset="utf-8"> 5<meta http-equiv="X-UA-Compatible" content="IE=edge"> 6<meta name="viewport" content="width=device-width, initial-scale=1"> 7<title>Free jQuery Plugins and Tutorials - jQuery Script</title> 8<meta name="keywords" content="jquery,jquery plugins,jquery plugin,jquery tutorials,CSS3,HTML5,javascript"> 9<meta name="description" content="10000+ latest Free jQuery plugins with examples and tutorials for web & mobile developers."> 10<meta name='impact-site-verification' value='92baf469-0aee-4007-b822-8e22f96c850a'> 11<link href="css/app.min.2024.css?v2024" rel="stylesheet"> 12<link type="application/atom+xml" rel="alternate" title="jQuery Plugins Feed" href="https://feeds.feedburner.com/jquery-script"> 13<link rel="canonical" href="https://www.jqueryscript.net/"> 14<!--[if lt IE 9]>
15<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
vendor: 1 bytes, line 15
15
16<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
16 17<![endif]--> 18<!--[if lte IE 7]> 19<link href="css/ie.css" rel="stylesheet" type="text/css"> 20<![endif]--> 21</head> 22<body> 23<a href="#top" id="toTop"></a> 24<style>.top-nav { background-color: #0d1117; border-bottom: 1px solid #30363d; line-height: 1; }.top-nav > ul { max-width: 1100px; margin: 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 24px; list-style: none; padding: 12px 20px; margin-block: 0;}.top-nav > ul > li > a { color: rgba(255, 255, 255, 0.75); text-decoration: none; transition: all 0.2s ease; font-weight: 500; display: flex; align-items: center; gap: 6px;}.top-nav > ul > li > a:hover { color: #ffffff; }.top-nav > ul > li.active > a { color: #ffffff; cursor: default;}.badge-new { background: linear-gradient(90deg, #7928CA, #FF0080); color: #fff; font-size: 9px; font-weight: 700; padding: 2px 5px; border-radius: 4px; line-height: 1; text-transform: uppercase; letter-spacing: 0.5px;}@media only screen and (max-width: 768px) { .desktop-only { display: none; } .top-nav > ul { justify-content: space-between; padding: 10px 15px; gap: 10px; }}</style><div class="top-nav"><ul><li class="active desktop-only"><a href="https://www.jqueryscript.net">jQuery</a></li><li class="desktop-only"><a href="https://www.cssscript.com/free-javascripts/" target="_blank">Vanilla JS</a></li><li class="desktop-only"><a href="https://www.cssscript.com/css-css3/" target="_blank">CSS/CSS3</a></li><li><a href="https://next.jqueryscript.net/" target="_blank">Next.js / Shadcn</a></li><li><a href="https://www.scriptbyai.com/tag/developer/" target="_blank"> Free AI Coding Tools <span class="badge-new">NEW</span></a></li></ul></div> 25<header role="banner"> 26<div class="align-center"> 27<div id="logo"><a href="https://www.jqueryscript.net/" title="jQuery Script Home">Free jQuery Plugins and Tutorials</a></div> 28<div class="search-box"> 29<h1>jQuery Script - Free jQuery Plugins and Tutorials</h1> 30<form action="/plus/search.php" class="search-form" name="formsearch"> 31<input type="hidden" name="kwtype" value="0" /> 32<input class="search-text" name="keyword" type="text" id="search-keyword" placeholder="e.g. jQuery Slider" /> 33<button class="search-button" type='submit'><span>Search</span></button> 34</form> 35</div> 36<div class="clear"></div> 37<nav role="navigation"> 38<ul> 39<li><a href="https://www.jqueryscript.net/">Home</a></li> 40<li><a href="https://www.jqueryscript.net/categories/">Categories</a></li> 41<li><a href="https://www.jqueryscript.net/jquery-plugins/">Latest jQuery Plugins</a></li> 42<li><a href="https://www.jqueryscript.net/popular/">Most Popular Plugins</a></li> 43<li><a href="https://www.jqueryscript.net/recommended/">Recommended Plugins</a></li> 44<li><a href="https://www.jqueryscript.net/blog/">Blog</a></li> 45</ul> 46</nav> 47</div> 48</header> 49<div id="container" role="main"> 50<div class="col-left"> 51<section class="box jqoverlay"> 52<h2><span><a href="https://www.jqueryscript.net/jquery-plugins/">View All jQuery Plugins</a></span>Recent Updates</h2> 53<div class="clear"></div> 54<div style="margin:15px 10px 0 10px;text-align:center;min-height:280px;background:#fafafa;">
54<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2783044520727903" 55 crossorigin="anonymous"></script>
55 56<!-- jQuery_Below_Index_Title --> 57<ins class="adsbygoogle" 58 style="display:block" 59 data-ad-client="ca-pub-2783044520727903" 60 data-ad-slot="9225456701" 61 data-ad-format="auto" 62 data-full-width-responsive="true"></ins>
63<script> 64 (adsbygoogle = window.adsbygoogle || []).push({}); 65</script>
65</div> 66<article> 67<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/Lightweight-jQuery-Plugin-For-Creating-Particles-Animation-Particles-js.jpg" title="10 Best Particle Systems/Effects In JavaScript (2026 Update)"><img src="https://www.jqueryscript.net/small/images/Lightweight-jQuery-Plugin-For-Creating-Particles-Animation-Particles-js.jpg" width="177" height="132" alt="10 Best Particle Systems/Effects In JavaScript (2026 Update)" loading="lazy"></a></figure> 68<h3><a href="https://www.jqueryscript.net/blog/best-particle-systems.html" rel="bookmark" title="10 Best Particle Systems/Effects In JavaScript (2026 Update)">10 Best Particle Systems/Effects In JavaScript (2026 Update)</a></h3> 69</article> 70<article> 71<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/jQuery-WYSIWYG-Rich-Text-Editor-Plugin-Froala-Editor.jpg" title="jQuery WYSIWYG Rich Text Editor Plugin - Froala Editor"><img src="https://www.jqueryscript.net/small/images/jQuery-WYSIWYG-Rich-Text-Editor-Plugin-Froala-Editor.jpg" width="177" height="132" alt="jQuery WYSIWYG Rich Text Editor Plugin - Froala Editor" loading="lazy"></a></figure> 72<h3><a href="https://www.jqueryscript.net/text/jQuery-WYSIWYG-Rich-Text-Editor-Plugin-Froala-Editor.html" rel="bookmark" title="jQuery WYSIWYG Rich Text Editor Plugin - Froala Editor">jQuery WYSIWYG Rich Text Editor Plugin - Froala Editor</a></h3> 73</article> 74<article> 75<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/Easy-Data-Table-Generator-with-jQuery-JSON-Tabulator.jpg" title="Easy Data Table Generator with JSON - Tabulator"><img src="https://www.jqueryscript.net/small/images/Easy-Data-Table-Generator-with-jQuery-JSON-Tabulator.jpg" width="177" height="132" alt="Easy Data Table Generator with JSON - Tabulator" loading="lazy"></a></figure> 76<h3><a href="https://www.jqueryscript.net/table/Easy-Data-Table-Generator-with-jQuery-JSON-Tabulator.html" rel="bookmark" title="Easy Data Table Generator with JSON - Tabulator">Easy Data Table Generator with JSON - Tabulator</a></h3> 77</article> 78<article> 79<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/responsive-sticky-mega-nav-snazzy.jpg" title="10 Best Mega Menu Systems in JavaScript, HTML & CSS (2026)"><img src="https://www.jqueryscript.net/small/images/responsive-sticky-mega-nav-snazzy.jpg" width="177" height="132" alt="10 Best Mega Menu Systems in JavaScript, HTML & CSS (2026)" loading="lazy"></a></figure> 80<h3><a href="https://www.jqueryscript.net/blog/best-mega-menu.html" rel="bookmark" title="10 Best Mega Menu Systems in JavaScript, HTML & CSS (2026)">10 Best Mega Menu Systems in JavaScript, HTML & CSS (2026)</a></h3> 81</article> 82<article> 83<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/human-readable-nice-date.jpg" title="jQuery Relative Time Plugin for Human-Readable Dates - niceDate"><img src="https://www.jqueryscript.net/small/images/human-readable-nice-date.jpg" width="177" height="132" alt="jQuery Relative Time Plugin for Human-Readable Dates - niceDate" loading="lazy"></a></figure> 84<h3><a href="https://www.jqueryscript.net/time-clock/human-readable-nice-date.html" rel="bookmark" title="jQuery Relative Time Plugin for Human-Readable Dates - niceDate">jQuery Relative Time Plugin for Human-Readable Dates - niceDate</a></h3> 85</article> 86<article> 87<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/survey-feedback-quiz-system.jpg" title="SurveyJS Form Library: JavaScript Surveys, Forms & Quizzes"><img src="https://www.jqueryscript.net/small/images/survey-feedback-quiz-system.jpg" width="177" height="132" alt="SurveyJS Form Library: JavaScript Surveys, Forms & Quizzes" loading="lazy"></a></figure> 88<h3><a href="https://www.jqueryscript.net/form/survey-feedback-quiz-system.html" rel="bookmark" title="SurveyJS Form Library: JavaScript Surveys, Forms & Quizzes">SurveyJS Form Library: JavaScript Surveys, Forms & Quizzes</a></h3> 89</article> 90 91<div class="clear"></div> 92</section> 93<section class="box jqoverlay margin-fix"> 94<h2><span>
94<a href="https://www.jqueryscript.net/recommended/">View All Featured Plugins</a></span>Featured jQuery Plugins</h2> 95<div class="clear"></div> 96<article> 97<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/Easy-Data-Table-Generator-with-jQuery-JSON-Tabulator.jpg" title="Easy Data Table Generator with JSON - Tabulator"><img src="https://www.jqueryscript.net/small/images/Easy-Data-Table-Generator-with-jQuery-JSON-Tabulator.jpg" width="177" height="132" alt="Easy Data Table Generator with JSON - Tabulator" loading="lazy"></a></figure> 98<h3><a href="https://www.jqueryscript.net/table/Easy-Data-Table-Generator-with-jQuery-JSON-Tabulator.html" rel="bookmark" title="Easy Data Table Generator with JSON - Tabulator">Easy Data Table Generator with JSON - Tabulator</a></h3> 99</article> 100<article> 101<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/survey-feedback-quiz-system.jpg" title="SurveyJS Form Library: JavaScript Surveys, Forms & Quizzes"><img src="https://www.jqueryscript.net/small/images/survey-feedback-quiz-system.jpg" width="177" height="132" alt="SurveyJS Form Library: JavaScript Surveys, Forms & Quizzes" loading="lazy"></a></figure> 102<h3><a href="https://www.jqueryscript.net/form/survey-feedback-quiz-system.html" rel="bookmark" title="SurveyJS Form Library: JavaScript Surveys, Forms & Quizzes">SurveyJS Form Library: JavaScript Surveys, Forms & Quizzes</a></h3> 103</article> 104<article> 105<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/jQuery-Ajax-Autocomplete-Plugin-For-Input-Fields-Autocomplete.jpg" title="jQuery Ajax Autocomplete Plugin For Input Fields - Autocomplete"><img src="https://www.jqueryscript.net/small/images/jQuery-Ajax-Autocomplete-Plugin-For-Input-Fields-Autocomplete.jpg" width="177" height="132" alt="jQuery Ajax Autocomplete Plugin For Input Fields - Autocomplete" loading="lazy"></a></figure> 106<h3><a href="https://www.jqueryscript.net/form/jQuery-Ajax-Autocomplete-Plugin-For-Input-Fields-Autocomplete.html" rel="bookmark" title="jQuery Ajax Autocomplete Plugin For Input Fields - Autocomplete">jQuery Ajax Autocomplete Plugin For Input Fields - Autocomplete</a></h3> 107</article> 108<article> 109<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/Responsive-Flexible-Mobile-Touch-Slider-Swiper.jpg" title="Swiper Slider: Responsive Mobile Touch Slider for JavaScript & jQuery"><img src="https://www.jqueryscript.net/small/images/Responsive-Flexible-Mobile-Touch-Slider-Swiper.jpg" width="177" height="132" alt="Swiper Slider: Responsive Mobile Touch Slider for JavaScript & jQuery" loading="lazy"></a></figure> 110<h3><a href="https://www.jqueryscript.net/slider/Responsive-Flexible-Mobile-Touch-Slider-Swiper.html" rel="bookmark" title="Swiper Slider: Responsive Mobile Touch Slider for JavaScript & jQuery">Swiper Slider: Responsive Mobile Touch Slider for JavaScript & jQuery</a></h3> 111</article> 112<article> 113<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/Tiny-Text-Field-Based-Tags-Input-Plugin-For-jQuery-Tagify.jpg" title="Tagify: Tags Input Plugin With Autocomplete And Validation"><img src="https://www.jqueryscript.net/small/images/Tiny-Text-Field-Based-Tags-Input-Plugin-For-jQuery-Tagify.jpg" width="177" height="132" alt="Tagify: Tags Input Plugin With Autocomplete And Validation" loading="lazy"></a></figure> 114<h3><a href="https://www.jqueryscript.net/form/Tiny-Text-Field-Based-Tags-Input-Plugin-For-jQuery-Tagify.html" rel="bookmark" title="Tagify: Tags Input Plugin With Autocomplete And Validation">Tagify: Tags Input Plugin With Autocomplete And Validation</a></h3> 115</article> 116<article> 117<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/jQuery-International-Telephone-Input-With-Flags-Dial-Codes.jpg" title="International Telephone Input With Flags and Dial Codes"><img src="https://www.jqueryscript.net/small/images/jQuery-International-Telephone-Input-With-Flags-Dial-Codes.jpg" width="177" height="132" alt="International Telephone Input With Flags and Dial Codes" loading="lazy"></a></figure> 118<h3>
118<a href="https://www.jqueryscript.net/form/jQuery-International-Telephone-Input-With-Flags-Dial-Codes.html" rel="bookmark" title="International Telephone Input With Flags and Dial Codes">International Telephone Input With Flags and Dial Codes</a></h3> 119</article> 120 121<div class="clear"></div> 122</section> 123<section class="box jqoverlay margin-fix"> 124<h2><span><a href="https://www.scriptbyai.com/tools/programming/" target="_blank">View More</a></span>Free AI Tools for Developers</h2> 125<article> 126<figure><a class="vlightbox3" href="https://www.scriptbyai.com/wp-content/uploads/2025/12/10-best-cli-ai-coding-agents-768x432.webp" title="10 Best CLI AI Coding Agents"><img src="https://www.scriptbyai.com/wp-content/uploads/2025/12/10-best-cli-ai-coding-agents-768x432.webp" width="177" height="132" alt="10 Best CLI AI Coding Agents" loading="lazy"></a></figure> 127<h3><a href="https://www.scriptbyai.com/best-cli-ai-coding-agents/" title="10 Best CLI AI Coding Agents" target="_blank">10 Best CLI AI Coding Agents</a></h3> 128</article> 129<article> 130<figure><a class="vlightbox3" href="https://www.scriptbyai.com/wp-content/uploads/2026/03/best-free-ai-tools-frontend-1024x628.webp" title="10 Best Free AI Tools for Frontend Developers in 2026"><img src="https://www.scriptbyai.com/wp-content/uploads/2026/03/best-free-ai-tools-frontend-1024x628.webp" width="177" height="132" alt="10 Best Free AI Tools for Frontend Developers in 2026" loading="lazy"></a></figure> 131<h3><a href="https://www.scriptbyai.com/best-free-ai-tools-frontend/" title="10 Best Free AI Tools for Frontend Developers in 2026" target="_blank">10 Best Free AI Tools for Frontend Developers in 2026</a></h3> 132</article> 133<article> 134<figure><a class="vlightbox3" href="https://www.scriptbyai.com/wp-content/uploads/2026/04/best-mcp-servers-web-developers-768x512.webp" title="10 Best MCP Servers for Web Developers in 2026"><img src="https://www.scriptbyai.com/wp-content/uploads/2026/04/best-mcp-servers-web-developers-768x512.webp" width="177" height="132" alt="10 Best MCP Servers for Web Developers in 2026" loading="lazy"></a></figure> 135<h3><a href="https://www.scriptbyai.com/best-mcp-servers-web-developers/" title="10 Best MCP Servers for Web Developers in 2026" target="_blank">10 Best MCP Servers for Web Developers in 2026</a></h3> 136</article> 137<article> 138<figure><a class="vlightbox3" href="https://www.scriptbyai.com/wp-content/uploads/2026/09/openmuse-personal-ai-agents-768x447.webp" title="OpenMuse: Open-Source Meta Muse Alternative for Personal AI Agents"><img src="https://www.scriptbyai.com/wp-content/uploads/2026/09/openmuse-personal-ai-agents-768x447.webp" width="177" height="132" alt="OpenMuse: Open-Source Meta Muse Alternative for Personal AI Agents" loading="lazy"></a></figure> 139<h3><a href="https://www.scriptbyai.com/openmuse-personal-ai-agents/" title="OpenMuse: Open-Source Meta Muse Alternative for Personal AI Agents" target="_blank">OpenMuse: Open-Source Meta Muse Alternative for Personal AI Agents</a></h3> 140</article> 141<article> 142<figure><a class="vlightbox3" href="https://www.scriptbyai.com/wp-content/uploads/2026/09/minimax-code-768x503.webp" title="MiniMax Code: AI Coding Agent With MiniMax or Your Own Models"><img src="https://www.scriptbyai.com/wp-content/uploads/2026/09/minimax-code-768x503.webp" width="177" height="132" alt="MiniMax Code: AI Coding Agent With MiniMax or Your Own Models" loading="lazy"></a></figure> 143<h3><a href="https://www.scriptbyai.com/minimax-code/" title="MiniMax Code: AI Coding Agent With MiniMax or Your Own Models" target="_blank">MiniMax Code: AI Coding Agent With MiniMax or Your Own Models</a></h3> 144</article> 145<article> 146<figure><a class="vlightbox3" href="https://www.scriptbyai.com/wp-content/uploads/2026/09/zcode-glm-coding-agent-768x489.webp" title="ZCode: Z.aiâs Open-Source AI Coding Workspace with Goal Mode"><img src="https://www.scriptbyai.com/wp-content/uploads/2026/09/zcode-glm-coding-agent-768x489.webp" width="177" height="132" alt="ZCode: Z.aiâs Open-Source AI Coding Workspace with Goal Mode" loading="lazy"></a></figure> 147<h3><a href="https://www.scriptbyai.com/zcode-glm-coding-agent/" title="ZCode: Z.aiâs Open-Source AI Coding Worksp
147ace with Goal Mode" target="_blank">ZCode: Z.aiâs Open-Source AI Coding Workspace with Goal Mode</a></h3> 148</article> 149<div class="clear"></div> 150</section> 151<section class="box jqoverlay margin-fix"> 152<h2><span><a href="https://www.cssscript.com" target="_blank">View More</a></span>Vanilla JavaScript & Pure CSS</h2> 153<div class="clear"></div> 154<div style="margin:15px 10px 0 10px;text-align:center;min-height:280px;background:#fafafa;">
154<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2783044520727903" 155 crossorigin="anonymous"></script>
155 156<!-- jQuery_Below_Index_Title --> 157<ins class="adsbygoogle" 158 style="display:block" 159 data-ad-client="ca-pub-2783044520727903" 160 data-ad-slot="9225456701" 161 data-ad-format="auto" 162 data-full-width-responsive="true"></ins>
163<script> 164 (adsbygoogle = window.adsbygoogle || []).push({}); 165</script>
165</div> 166<article> 167<figure><a class="vlightbox3" href="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2026/09/resizable-split-layouts.webp?fit=1192%2C934&ssl=1" title="Resizable Split Layouts in JavaScript â resizable-panes-js"><img src="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2026/09/resizable-split-layouts.webp?zoom=2&resize=200%2C140&ssl=1" width="177" height="132" alt="Resizable Split Layouts in JavaScript â resizable-panes-js" loading="lazy"></a></figure> 168<h3><a href="https://www.cssscript.com/resizable-split-layouts/" title="Resizable Split Layouts in JavaScript â resizable-panes-js" target="_blank">Resizable Split Layouts in JavaScript â resizable-panes-js</a></h3> 169</article> 170<article> 171<figure><a class="vlightbox3" href="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2026/09/code-input-syntax-highlight.webp?fit=1285%2C896&ssl=1" title="code-input.js: Editable Syntax-Highlighted Textarea"><img src="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2026/09/code-input-syntax-highlight.webp?resize=331%2C231&ssl=1" width="177" height="132" alt="code-input.js: Editable Syntax-Highlighted Textarea" loading="lazy"></a></figure> 172<h3><a href="https://www.cssscript.com/code-input-syntax-highlight/" title="code-input.js: Editable Syntax-Highlighted Textarea" target="_blank">code-input.js: Editable Syntax-Highlighted Textarea</a></h3> 173</article> 174<article> 175<figure><a class="vlightbox3" href="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2026/09/floating-accessibility-widget.webp?fit=1428%2C1185&ssl=1" title="UserAccessibility.js: Floating Accessibility Widget in Vanilla JS"><img src="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2026/09/floating-accessibility-widget.webp?zoom=2&resize=200%2C140&ssl=1" width="177" height="132" alt="UserAccessibility.js: Floating Accessibility Widget in Vanilla JS" loading="lazy"></a></figure> 176<h3><a href="https://www.cssscript.com/floating-accessibility-widget/" title="UserAccessibility.js: Floating Accessibility Widget in Vanilla JS" target="_blank">UserAccessibility.js: Floating Accessibility Widget in Vanilla JS</a></h3> 177</article> 178<article> 179<figure><a class="vlightbox3" href="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2026/09/pjax-page-transitions-taxi-js.webp?fit=1203%2C939&ssl=1" title="Taxi.js v2: PJAX Navigation & Page Transitions in Vanilla JavaScript"><img src="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2026/09/pjax-page-transitions-taxi-js.webp?zoom=2&resize=200%2C140&ssl=1" width="177" height="132" alt="Taxi.js v2: PJAX Navigation & Page Transitions in Vanilla JavaScript" loading="lazy"></a></figure> 180<h3><a href="https://www.cssscript.com/pjax-page-transitions-taxi-js/" title="Taxi.js v2: PJAX Navigation & Page Transitions in Vanilla JavaScript" target="_blank">Taxi.js v2: PJAX Navigation & Page Transitions in Vanilla JavaScript</a></h3> 181</article> 182<article> 183<figure><a class="vlightbox3" href="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2026/09/terminal-text-effects.webp?fit=1618%2C1165&ssl=1" title="tte.js: 37 Terminal Text Effects in JavaScript"><img src="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2026/09/terminal-text-effects.webp?zoom=2&resize=200%2C140&ssl=1" width="177" height="132" alt="tte.js: 37 Terminal Text Effects in JavaScript" loading="lazy"></a></figure> 184<h3><a href="https://www.cssscript.com/terminal-text-effects/" title="tte.js: 37 Terminal Text Effects in JavaScript" target="_blank">tte.js: 37 Terminal Text Effects in JavaScript</a></h3> 185</article> 186<article> 187<figure><a class="vlightbox3" href="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2026/09/ripple-effect-material-design.webp?fit=1464%2C1039&ssl=1" title="ripple-effect: Material Design Ripples in JavaScript"><img src="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2026/09/ripple-effect-material-design.webp?zoom=2&resize=200%2C140&ssl=1" width="177" height="132" alt="ripple-effect: Material Design Ripples in JavaScript" loading="lazy"></a></figure> 188<h3><a href="https://www.cssscript.com/ripple-effect-material-design/" title="ripple-effect: Material Design Ripples in JavaScript" target="_blank">ripple-effect: Material Design Ripples in JavaScript</a></h3> 189</article> 190<div class="clear"></div> 191</section> 192<section class="box jqoverlay margin-fix"> 193<h2><span>
193<a href="https://next.jqueryscript.net/" target="_blank">View More</a></span>NextGen JavaScript</h2> 194<div class="clear"></div> 195<article> 196<figure><a class="vlightbox3" href="https://next.jqueryscript.net/wp-content/uploads/2026/09/route-progress-bar-css-trickling-768x595.webp" title="SolidJS Route Progress Bar with CSS Trickling"><img src="https://next.jqueryscript.net/wp-content/uploads/2026/09/route-progress-bar-css-trickling-768x595.webp" width="177" height="132" alt="SolidJS Route Progress Bar with CSS Trickling" loading="lazy"></a></figure> 197<h3><a href="https://next.jqueryscript.net/solidjs/route-progress-bar-css-trickling/" title="SolidJS Route Progress Bar with CSS Trickling" target="_blank">SolidJS Route Progress Bar with CSS Trickling</a></h3> 198</article> 199<article> 200<figure><a class="vlightbox3" href="https://next.jqueryscript.net/wp-content/uploads/2026/09/shark-ui-768x614.webp" title="Shark UI: 90+ React Components for Tailwind CSS"><img src="https://next.jqueryscript.net/wp-content/uploads/2026/09/shark-ui-768x614.webp" width="177" height="132" alt="Shark UI: 90+ React Components for Tailwind CSS" loading="lazy"></a></figure> 201<h3><a href="https://next.jqueryscript.net/shadcn-ui/shark-ui/" title="Shark UI: 90+ React Components for Tailwind CSS" target="_blank">Shark UI: 90+ React Components for Tailwind CSS</a></h3> 202</article> 203<article> 204<figure><a class="vlightbox3" href="https://next.jqueryscript.net/wp-content/uploads/2026/09/starting-point-ui-768x588.webp" title="Starting Point UI: Shadcn/ui-Style Tailwind Components"><img src="https://next.jqueryscript.net/wp-content/uploads/2026/09/starting-point-ui-768x588.webp" width="177" height="132" alt="Starting Point UI: Shadcn/ui-Style Tailwind Components" loading="lazy"></a></figure> 205<h3><a href="https://next.jqueryscript.net/tailwind-css/starting-point-ui/" title="Starting Point UI: Shadcn/ui-Style Tailwind Components" target="_blank">Starting Point UI: Shadcn/ui-Style Tailwind Components</a></h3> 206</article> 207<article> 208<figure><a class="vlightbox3" href="https://next.jqueryscript.net/wp-content/uploads/2026/09/neonblade-ui-futuristic-components-768x536.webp" title="NeonBlade UI: Futuristic React Components for Tailwind CSS"><img src="https://next.jqueryscript.net/wp-content/uploads/2026/09/neonblade-ui-futuristic-components-768x536.webp" width="177" height="132" alt="NeonBlade UI: Futuristic React Components for Tailwind CSS" loading="lazy"></a></figure> 209<h3><a href="https://next.jqueryscript.net/next-js/neonblade-ui-futuristic-components/" title="NeonBlade UI: Futuristic React Components for Tailwind CSS" target="_blank">NeonBlade UI: Futuristic React Components for Tailwind CSS</a></h3> 210</article> 211<article> 212<figure><a class="vlightbox3" href="https://next.jqueryscript.net/wp-content/uploads/2026/09/rewamp-ui-768x523.webp" title="Rewamp UI: 70+ Copy-Paste Animated React Components"><img src="https://next.jqueryscript.net/wp-content/uploads/2026/09/rewamp-ui-768x523.webp" width="177" height="132" alt="Rewamp UI: 70+ Copy-Paste Animated React Components" loading="lazy"></a></figure> 213<h3><a href="https://next.jqueryscript.net/next-js/rewamp-ui/" title="Rewamp UI: 70+ Copy-Paste Animated React Components" target="_blank">Rewamp UI: 70+ Copy-Paste Animated React Components</a></h3> 214</article> 215<article> 216<figure><a class="vlightbox3" href="https://next.jqueryscript.net/wp-content/uploads/2026/09/calamansi-ui-components-768x540.webp" title="Calamansi UI: Animated React UI Components for Next.js"><img src="https://next.jqueryscript.net/wp-content/uploads/2026/09/calamansi-ui-components-768x540.webp" width="177" height="132" alt="Calamansi UI: Animated React UI Components for Next.js" loading="lazy"></a></figure> 217<h3><a href="https://next.jqueryscript.net/next-js/calamansi-ui-components/" title="Calamansi UI: Animated React UI Components for Next.js" target="_blank">Calamansi UI: Animated React UI Components for Next.js</a></h3> 218</article> 219<div class="clear"></div> 220</section> 221<section class="box jqoverlay margin-fix"> 222<h2><span><a href="https://www.jqueryscript.net/blog/">View All Blog Posts</a></span>Recommended Blog Posts</h2> 223<article> 224<figure>
224<a class="vlightbox3" href="https://www.scriptbyai.com/wp-content/uploads/2026/09/jev-resource-list-768x432.webp" title="The Ultimate Jev Resource List 2026: SDKs, Agents, MCP Servers & More"><img src="https://www.scriptbyai.com/wp-content/uploads/2026/09/jev-resource-list-768x432.webp" width="177" height="132" alt="The Ultimate Jev Resource List 2026: SDKs, Agents, MCP Servers & More" loading="lazy"></a></figure> 225<h3><a href="https://www.scriptbyai.com/jev-resource-list/" title="The Ultimate Jev Resource List 2026: SDKs, Agents, MCP Servers & More" target="_blank">The Ultimate Jev Resource List 2026: SDKs, Agents, MCP Servers & More</a></h3> 226</article> 227<article> 228<figure><a class="vlightbox3" href="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2020/05/10-Best-JavaScript-Carousel-Libraries-2020-Update.png?w=665&ssl=1" title="10 Best JavaScript Carousel Libraries in 2026 (Plus 5 Best Pure CSS Carousels)"><img src="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2020/05/10-Best-JavaScript-Carousel-Libraries-2020-Update.png?w=665&ssl=1" width="177" height="132" alt="10 Best JavaScript Carousel Libraries in 2026 (Plus 5 Best Pure CSS Carousels)" loading="lazy"></a></figure> 229<h3><a href="https://www.cssscript.com/top-10-javascript-css-carousels/" title="10 Best JavaScript Carousel Libraries in 2026 (Plus 5 Best Pure CSS Carousels)" target="_blank">10 Best JavaScript Carousel Libraries in 2026 (Plus 5 Best Pure CSS Carousels)</a></h3> 230</article> 231<article> 232<figure><a class="vlightbox3" href="https://www.jqueryscript.net/images/json-viewer-callback.jpg" title="Best JavaScript JSON Viewer Libraries"><img src="https://www.jqueryscript.net/images/json-viewer-callback.jpg" width="177" height="132" alt="Best JavaScript JSON Viewer Libraries" loading="lazy"></a></figure> 233<h3><a href="https://www.jqueryscript.net/blog/best-json-viewer.html" title="Best JavaScript JSON Viewer Libraries" target="_blank">Best JavaScript JSON Viewer Libraries</a></h3> 234</article> 235<article> 236<figure><a class="vlightbox3" href="https://www.scriptbyai.com/wp-content/uploads/2026/09/codex-resource-list-768x432.webp" title="The Ultimate Codex Resource List 2026: Skills, Plugins, MCP, SDKs & More"><img src="https://www.scriptbyai.com/wp-content/uploads/2026/09/codex-resource-list-768x432.webp" width="177" height="132" alt="The Ultimate Codex Resource List 2026: Skills, Plugins, MCP, SDKs & More" loading="lazy"></a></figure> 237<h3><a href="https://www.scriptbyai.com/codex-resource-list/" title="The Ultimate Codex Resource List 2026: Skills, Plugins, MCP, SDKs & More" target="_blank">The Ultimate Codex Resource List 2026: Skills, Plugins, MCP, SDKs & More</a></h3> 238</article> 239<article> 240<figure><a class="vlightbox3" href="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2025/01/calendar-date-picker-cally.webp?fit=1060%2C742&ssl=1" title="Best Date and Time Picker Plugins"><img src="https://i0.wp.com/www.cssscript.com/wp-content/uploads/2025/01/calendar-date-picker-cally.webp?fit=1060%2C742&ssl=1" width="177" height="132" alt="Best Date and Time Picker Plugins" loading="lazy"></a></figure> 241<h3><a href="https://www.jqueryscript.net/blog/best-date-time-picker.html" title="Best Date and Time Picker Plugins" target="_blank">Best Date and Time Picker Plugins</a></h3> 242</article> 243<article> 244<figure><a class="vlightbox3" href="https://www.scriptbyai.com/wp-content/uploads/2026/01/Claude-Code-Logo-768x510.webp" title="The Ultimate Claude Code Resource List 2026: Agents, Skills, Plugins & More"><img src="https://www.scriptbyai.com/wp-content/uploads/2026/01/Claude-Code-Logo-768x510.webp" width="177" height="132" alt="The Ultimate Claude Code Resource List 2026: Agents, Skills, Plugins & More" loading="lazy"></a></figure> 245<h3><a href="https://www.scriptbyai.com/claude-code-resource-list/" title="The Ultimate Claude Code Resource List 2026: Agents, Skills, Plugins & More" target="_blank">The Ultimate Claude Code Resource List 2026: Agents, Skills, Plugins & More</a></h3> 246</article> 247<div class="clear"></div> 248</section> 249<div style="margin:20px 10px 0 10px;text-align:center;min-height:280px;background:#fafafa;">
249<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2783044520727903" 250 crossorigin="anonymous"></script>
250 251<!-- jQuery_Below_Index_Title --> 252<ins class="adsbygoogle" 253 style="display:block" 254 data-ad-client="ca-pub-2783044520727903" 255 data-ad-slot="9225456701" 256 data-ad-format="auto" 257 data-full-width-responsive="true"></ins>
258<script> 259 (adsbygoogle = window.adsbygoogle || []).push({}); 260</script>
260</div> 261</div> 262<div class="col-right"> 263<aside style="text-align:center;min-height:250px;background:#fafafa"> 264<div id="carbon-block"></div>
265<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2783044520727903" 266 crossorigin="anonymous"></script>
266 267<!-- jquery_sidebar --> 268<ins class="adsbygoogle" 269 style="display:inline-block;width:300px;height:250px" 270 data-ad-client="ca-pub-2783044520727903" 271 data-ad-slot="5375124397"></ins>
272<script> 273 (adsbygoogle = window.adsbygoogle || []).push({}); 274</script>
274 275<div class="clear"></div></aside> 276<aside> 277<h4>Categories:</h4> 278<ul class="category"> 279<li><a href="https://www.jqueryscript.net/jquery-plugins/">All jQuery Plugins</a></li> 280<li><a href="https://www.jqueryscript.net/accordion/">Accordion</a> (143)</li> 281<li><a href="https://www.jqueryscript.net/animation/">Animation</a> (1029)</li> 282<li><a href="https://www.jqueryscript.net/chart-graph/">Chart & Graph</a> (209)</li> 283<li><a href="https://www.jqueryscript.net/css3-html5/">CSS3 & Html5</a> (36)</li> 284<li><a href="https://www.jqueryscript.net/form/">Form</a> (1482)</li> 285<li><a href="https://www.jqueryscript.net/gallery/">Gallery</a> (284)</li> 286<li><a href="https://www.jqueryscript.net/layout/">Layout</a> (482)</li> 287<li><a href="https://www.jqueryscript.net/lightbox/">LightBox</a> (534)</li> 288<li><a href="https://www.jqueryscript.net/loading/">Loading</a> (314)</li> 289<li><a href="https://www.jqueryscript.net/menu/">Menu & Nav</a> (952)</li> 290<li><a href="https://www.jqueryscript.net/mobile/">Mobile</a> (39)</li> 291<li><a href="https://www.jqueryscript.net/other/">Others</a> (2821)</li> 292<li><a href="https://www.jqueryscript.net/rotator/">Rotator</a> (95)</li> 293<li><a href="https://www.jqueryscript.net/slider/">Slider</a> (824)</li> 294<li><a href="https://www.jqueryscript.net/slideshow/">Slideshow</a> (314)</li> 295<li><a href="https://www.jqueryscript.net/social-media/">Social Media</a> (191)</li> 296<li><a href="https://www.jqueryscript.net/table/">Table</a> (359)</li> 297<li><a href="https://www.jqueryscript.net/text/">Text</a> (568)</li> 298<li><a href="https://www.jqueryscript.net/time-clock/">Time & Clock</a> (524)</li> 299<li><a href="https://www.jqueryscript.net/tooltip/">Tooltip</a> (152)</li> 300<li><a href="https://www.jqueryscript.net/zoom/">Zoom</a> (150)</li> 301</ul> 302<div class="clear"></div> 303</aside> 304<aside> 305<h4>Get Free Updates</h4> 306<style type="text/css"> 307label{display:block;font-size:16px;margin-bottom:-50px;padding:10px;font-weight:bold}#newsletter_signup{border:2px dotted red} 308</style> 309<div id="newsletter_signup"> 310<label>Get Weekly Email on latest Web & Graphic Design freebies. No spam, we promise!</label>
311<script async data-uid="c288e4ae81" src="https://webdevweekly.ck.page/c288e4ae81/index.js"></script>
311 312</div> 313</aside> 314<aside> 315 316<h4>You Might Like:</h4> 317 318<div class="tags"><a href="https://www.jqueryscript.net/tags.php?/bootstrap 5/" class="tags-block">Bootstrap 5</a><a href="https://www.jqueryscript.net/tags.php?/jQuery 4/" class="tags-block">jQuery 4</a><a href="https://www.jqueryscript.net/tags.php?/Carousel/" class="tags-block">Carousel</a><a href="https://www.jqueryscript.net/tags.php?/countdown/" class="tags-block">Countdown</a><a href="https://www.jqueryscript.net/tags.php?/Drop Down Menu/" class="tags-block">Dropdown Menu</a><a href="https://www.jqueryscript.net/tags.php?/form validation/" class="tags-block">Form Validation</a><a href="https://www.jqueryscript.net/tags.php?/date picker/" class="tags-block">Date Picker</a><a href="https://www.jqueryscript.net/tags.php?/Magnifier/" class="tags-block">Magnifier</a><a href="https://www.jqueryscript.net/tags.php?/Modal/" class="tags-block">Modal</a><a href="https://www.jqueryscript.net/tags.php?/calendar/" class="tags-block">Calendar</a><a href="https://www.jqueryscript.net/tags.php?/news ticker/" class="tags-block">News Ticker</a><a href="https://www.jqueryscript.net/tags.php?/bootstrap/" class="tags-block">Bootstrap</a><a href="https://www.jqueryscript.net/tags.php?/parallax/" class="tags-block">Parallax</a><a href="https://www.jqueryscript.net/tags.php?/Time Picker/" class="tags-block">Time Picker</a><a href="https://www.jqueryscript.net/tags.php?/popup/" class="tags-block">Popup</a><a href="https://www.jqueryscript.net/tags.php?/notification/" class="tags-block">Notification</a><a href="https://www.jqueryscript.net/tags.php?/progress bar/" class="tags-block">Progress Bar</a><a href="https://www.jqueryscript.net/tags.php?/Range Slider/" class="tags-block">Range Slider</a><a href="https://www.jqueryscript.net/tags.php?/gauge/" class="tags-block">Gauge</a><a href="https://www.jqueryscript.net/tags.php?/side menu/" class="tags-block">Side Menu</a><a href="https://www.jqueryscript.net/tags.php?/tabs/" class="tags-block">Tabs</a><a href="https://www.jqueryscript.net/tags.php?/Timeline/" class="tags-block">Timeline</a><a href="https://www.jqueryscript.net/tags.php?/tree view/" class="tags-block">Tree View</a><a href="https://www.jqueryscript.net/tags.php?/video/" class="tags-block">Video</a> 319 320<div class="clear"></div> 321 322</div> 323 324</aside> 325 326 327<aside> 328<h4>Most Popular This Year:</h4> 329<div class="tab-panel"><a href="javascript:;" id="tab_btn1" onmouseover="showtab(1,'tab',2)" class="current-tab">jQuery Plugins</a><a href="javascript:;" id="tab_btn2" onmouseover="showtab(2,'tab',2)">Blog Posts</a> 330<div class="clear"></div> 331</div> 332<ul class="popular-post" id="tab_sub1"> 333<li><a href="https://www.jqueryscript.net/text/in-place-editing-lite.html">Modern In-Place Editing Library w/wo/ jQuery - XEditable Lite</a><span> 1374 views - 334<time class="timeago" datetime="2025-11-14T02:30:00Z">11/14/2025</time> 335</span></li> 336<li><a href="https://www.jqueryscript.net/animation/cursor-mouse-effects.html">10 Custom Cursor & Mouse Effects in JavaScript - mouse-animations</a><span> 1353 views - 337<time class="timeago" datetime="2026-05-12T00:54:00Z">05/12/2026</time> 338</span></li> 339<li><a href="https://www.jqueryscript.net/table/auto-table-numbers.html">Automatically Number Your HTML Tables with jQuery - Autotablenumbers</a><span> 1185 views - 340<time class="timeago" datetime="2025-10-30T02:28:00Z">10/30/2025</time> 341</span></li> 342<li><a href="https://www.jqueryscript.net/social-media/sticky-whatsapp-chat-button.html">Sticky WhatsApp Floating Chat Button - jQuery StickyChat.js</a><span> 937 views - 343<time class="timeago" datetime="2026-04-02T03:55:00Z">04/02/2026</time> 344</span></li> 345<li><a href="https://www.jqueryscript.net/time-clock/clock-time-picker-bootstrap.html">Clock Dial Time Picker for Bootstrap - jQuery bsTimepicker</a><span> 825 views - 346<time class="timeago" datetime="2026-05-27T00:46:00Z">05/27/2026</time> 347</span></li> 348<li><a href="https://www.jqueryscript.net/text/wysiwyg-editor-rtl-bootstrap.html">Full-featured WYSIWYG Editor with RTL Support - BarnamenevisEditor</a><span> 809 views - 349<time class="timeago" datetime="2026-02-10T03:25:00Z">02/10/2026</time> 350</span></li> 351<li>
351<a href="https://www.jqueryscript.net/gallery/lightbox-carousel-grid-vns.html">jQuery Image Gallery with Lightbox, Carousel, and Grid - VNS.Gallery</a><span> 712 views - 352<time class="timeago" datetime="2026-04-22T00:07:00Z">04/22/2026</time> 353</span></li> 354<li><a href="https://www.jqueryscript.net/animation/realistic-interacitve-ripple.html">Realistic, Interacitve Water Effects with Enhanced jQuery Ripples</a><span> 589 views - 355<time class="timeago" datetime="2025-10-09T01:12:00Z">10/09/2025</time> 356</span></li> 357<li><a href="https://www.jqueryscript.net/other/measurement-ruler.html">Add Customizable Measurement Rulers to Web Pages with ruler-js</a><span> 555 views - 358<time class="timeago" datetime="2026-07-30T09:17:00Z">07/30/2026</time> 359</span></li> 360<li><a href="https://www.jqueryscript.net/lightbox/gallery-lightbox-componentviewer.html">Gallery Lightbox for Images, Videos, PDF & More - jQuery ComponentViewer</a><span> 519 views - 361<time class="timeago" datetime="2026-03-27T03:50:00Z">03/27/2026</time> 362</span></li> 363 364<li class="li-last"><a href="https://www.jqueryscript.net/popular/">More Popular Plugins</a></li> 365</ul> 366<ul class="popular-post" id="tab_sub2" style="display:none;"> 367<li><a href="https://www.jqueryscript.net/blog/best-carousel.html">20 Best Carousel Libraries/Plugins for jQuery, JavaScript & CSS (2026)</a><span> 492951 views - 368<time class="timeago" datetime="2026-09-12T05:10:20Z">09/12/2026</time> 369</span></li> 370<li><a href="https://www.jqueryscript.net/blog/best-multiple-select.html">10 Best Multiple Select Plugins In JavaScript (2026 Update)</a><span> 455426 views - 371<time class="timeago" datetime="2026-09-20T12:12:18Z">09/20/2026</time> 372</span></li> 373<li><a href="https://www.jqueryscript.net/blog/best-date-time-picker.html">10 Best JavaScript Date & Time Picker Libraries (2026)</a><span> 390998 views - 374<time class="timeago" datetime="2026-09-11T04:33:30Z">09/11/2026</time> 375</span></li> 376<li><a href="https://www.jqueryscript.net/blog/Best-Tree-View-Plugins-jQuery.html">10 Best JavaScript Tree View Libraries & Plugins (2026 Update)</a><span> 237147 views - 377<time class="timeago" datetime="2026-09-10T04:22:14Z">09/10/2026</time> 378</span></li> 379<li><a href="https://www.jqueryscript.net/blog/Best-Image-Zoom-jQuery-Plugins.html">10 Best Image Zoom jQuery & Vanilla JavaScript Plugins (2026 Update)</a><span> 206771 views - 380<time class="timeago" datetime="2026-01-29T02:43:37Z">01/29/2026</time> 381</span></li> 382<li><a href="https://www.jqueryscript.net/blog/best-event-calendar-plugins.html">10 Best JavaScript Calendar Plugins For Scheduled Events (2026 Update)</a><span> 167509 views - 383<time class="timeago" datetime="2025-12-23T03:12:46Z">12/23/2025</time> 384</span></li> 385<li><a href="https://www.jqueryscript.net/blog/best-circular-radial-progress-bar.html">10 Best Circular/Radial Progress Bar JavaScript Plugins (2026 Update)</a><span> 162801 views - 386<time class="timeago" datetime="2026-01-13T02:45:53Z">01/13/2026</time> 387</span></li> 388<li><a href="https://www.jqueryscript.net/blog/Best-Toast-Notification-jQuery-Plugins.html">10 Best Toast Notification jQuery/JavaScript Plugins (2026 Update)</a><span> 159257 views - 389<time class="timeago" datetime="2026-09-13T13:02:00Z">09/13/2026</time> 390</span></li> 391<li><a href="https://www.jqueryscript.net/blog/best-parallax-scrolling.html">10 Best Parallax Scrolling Effects (2026 Update)</a><span> 136264 views - 392<time class="timeago" datetime="2026-09-15T02:43:27Z">09/15/2026</time> 393</span></li> 394<li><a href="https://www.jqueryscript.net/blog/Best-Loading-Spinner-Indicator-jQuery-Plugins.html">15 Best Loading Spinner Plugins In JavaScript And Pure CSS (2026 Update)</a><span> 118112 views - 395<time class="timeago" datetime="2026-01-01T04:30:21Z">01/01/2026</time> 396</span></li> 397 398<li class="li-last"><a href="https://www.jqueryscript.net/blog/">More Blog Posts</a></li> 399</ul> 400<div class="clear"></div> 401</aside> 402<div class="sidebar-sticky-ad-wrapper"> 403<div class="ad-slot-300x600">
404<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2783044520727903" 405 crossorigin="anonymous"></script>
405 406<!-- jquery_bottom_of_sidebar --> 407<ins class="adsbygoogle" 408 style="display:inline-block;width:300px;height:600px" 409 data-ad-client="ca-pub-2783044520727903" 410 data-ad-slot="8177976298"></ins>
411<script> 412 (adsbygoogle = window.adsbygoogle || []).push({}); 413</script>
413 414</div> 415</div> 416<style> 417.sidebar-sticky-ad-wrapper{position:static;width:100%;max-width:300px;margin:0 auto 20px auto;text-align:center}.ad-slot-300x600{min-height:600px;width:300px;background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;margin:0 auto}@media screen and (min-width:992px){.sidebar-sticky-ad-wrapper{position:-webkit-sticky;position:sticky;top:20px;z-index:10}} 418</style> 419<!-- BuySellAds Ad Code -->
420<script type="text/javascript"> 421try { 422 fetch(new Request("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js", { method: 'HEAD', mode: 'no-cors' })).then(function(response) { 423 return true; 424 }).catch(function(e) { 425 var carbonScript = document.createElement("script"); 426 carbonScript.src = "//cdn.carbonads.com/carbon.js?serve=CK7DKKQU&placement=wwwjqueryscriptnet"; 427 carbonScript.id = "_carbonads_js"; 428 document.getElementById("carbon-block").appendChild(carbonScript); 429 }); 430} catch (error) { 431 console.log(error); 432} 433</script>
433 434<!-- End BuySellAds Ad Code --> 435</div> 436<div class="clear"></div> 437<div class="sub-footer"> 438<aside> 439<h4>About jQuery Script</h4> 440<p><a href="https://www.jqueryscript.net">Free jQuery Plugins and Tutorials</a> - One of the BEST jQuery websites that provide web designers and developers with a simple way to preview and download a variety of Free <em>jQuery Plugins</em>. <a href="https://www.jqueryscript.net/about/" rel="nofollow">More</a>...</p> 441</aside> 442<aside> 443<h4>Most Popular Categories</h4> 444<ul> 445<li><a href="https://www.jqueryscript.net/slider/">jQuery Slider Plugins</a></li> 446<li><a href="https://www.jqueryscript.net/slideshow/">jQuery Slideshow Plugins</a></li> 447<li><a href="https://www.jqueryscript.net/menu/">jQuery Menu Plugins</a></li> 448<li><a href="https://www.jqueryscript.net/table/">jQuery Table Plugins</a></li> 449<li><a href="https://www.jqueryscript.net/gallery/">jQuery Gallery Plugins</a></li> 450</ul> 451</aside> 452<aside> 453<h4>Keep in touch with us</h4> 454<div class="social"><a href="https://www.facebook.com/jqueryscript" rel="nofollow" target="_blank"><img src="/images/facebook.svg?v5" alt="Follow us on facebook" width="32" height="32" target="_blank"></a><a href="https://x.com/jqueryscript" rel="nofollow" target="_blank"><img src="/images/x twitter.svg" alt="Follow us on twitter" width="32" height="32"></a><a href="https://www.youtube.com/@jQueryScriptCSS" rel="nofollow" target="_blank"><img src="/images/Youtube.svg" alt="Follow us on Youtube" width="32" height="32"></a><a href="https://pinterest.com/titanui/jquery-plugins/" rel="nofollow" target="_blank"><img src="/images/Pinterest.svg" alt="Follow us on pinterest" width="32" height="32"></a></div> 455<h4>Site Links</h4> 456<a href="https://www.jqueryscript.net/submit/" rel="nofollow">Submit Plugins & News</a> / <a href="https://www.jqueryscript.net/contact/" rel="nofollow">Contact us</a> 457</aside> 458<div class="clear"></div> 459</div> 460 461</div> 462<footer> 463<p>jQuery 4.x: <code><a href="https://code.jquery.com/jquery-4.0.0.min.js" target="_blank"><script src="//code.jquery.com/jquery-4.0.0.min.js"></script></a></code></p> 464<p>jQuery 4.x Slim Build: <code><a href="https://code.jquery.com/jquery-4.0.0.slim.min.js" target="_blank"><script src="//code.jquery.com/jquery-4.0.0.slim.min.js"></script></a></code></p> 465<p>jQuery 3.x: <code><a href="//code.jquery.com/jquery-3.7.1.min.js" target="_blank"><script src="//code.jquery.com/jquery-3.7.1.min.js"></script></a></code></p> 466<p>jQuery 3 Slim Build: <code><a href="//code.jquery.com/jquery-3.7.1.slim.min.js" target="_blank"><script src="//code.jquery.com/jquery-3.7.1.slim.min.js"></script></a></code></p> 467<p>jQuery 1.x: <code><a href="//code.jquery.com/jquery-1.12.4.min.js" target="_blank"><script src="//code.jquery.com/jquery-1.12.4.min.js"></script></a></code></p> 468<p>jQuery Migrate (jQuery 1.x & 2.x): <code><a href="//code.jquery.com/jquery-migrate-1.4.1.min.js" target="_blank"><script src="//code.jquery.com/jquery-migrate-1.4.1.min.js"></script></a></code></p> 469<p>jQuery Migrate (jQuery 3.x): <code><a href="//code.jquery.com/jquery-migrate-3.6.0.min.js" target="_blank"><script src="//code.jquery.com/jquery-migrate-3.5.2.min.js"></script></a></code></p> 470<p>jQuery Migrate (jQuery 4.x): <code><a href="//code.jquery.com/jquery-migrate-4.0.1.min.js" target="_blank"><script src="//code.jquery.com/jquery-migrate-4.0.1.min.js"></script></a></code></p> 471<p>© Copyright 2012-2026 <a href="https://www.jqueryscript.net">jQueryScript</a> - <a href="https://www.jqueryscript.net/privacy/" rel="nofollow">Privacy Policy</a> - <a href="https://www.jqueryscript.net/terms.html" rel="nofollow">Terms of Use</a> - <a href="https://www.jqueryscript.net/sitemap.xml" rel="nofollow">Sitemap</a> - <a href="https://feeds.feedburner.com/jquery-script" rel="nofollow">RSS Feed</a></p> 472</footer>
473<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
vendor: 1 bytes, line 473
473
474<script>window.jQuery || document.write('
474<script src="/js/jquery-1.12.4.min.js"><\/script>')</script>
vendor: 1 bytes, line 474
474
475<script src="/js/app.2026.min.js?v202212"></script>
vendor: 1 bytes, line 475
475
476<script> 477jQuery(document).ready(function() { 478 jQuery("time.timeago").timeago(); 479}); 480</script>
vendor: 64 bytes, lines 480-481
480 481<script async src="https://www.googletagmanager.com/gtag/js?id=
481G-1VDDWMRSTH
vendor: 12 bytes, line 481
481"></script>
482<script> 483
vendor: 133 bytes, lines 483-486
483window.dataLayer = window.dataLayer || []; 484 function gtag(){dataLayer.push(arguments);} 485 gtag('js', new Date()); 486 gtag('config', '
486G-1VDDWMRSTH
vendor: 4 bytes, line 486
486');
487</script>
vendor: 1 bytes, line 487
487
488<script src="//instant.page/5.1.1" type="module" integrity="sha384-MWfCL6g1OTGsbSwfuMHc8+8J2u71/LA8dzlIN3ycajckxuZZmF+DNjdm7O6H3PSq"></script>
488 489</body> 490</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.