500+ Free Best Responsive CSS & jQuery Script Collection
jQuery Script collection is available, use it for your website at ease. Not all website owners are aware of coding, and it becomes tough for them to bring in necessary changes as per the need. In such cases there are scripts available online, use it for your site and bring necessary changes at ease. Website building and designing is becoming easy these days, thanks to some online stores where you can find all these basic things at ease. Select suitable script and use it to carry out specific functions for your site. Isn’t it something amazing?
jQuery Script Online
Want jQuery Script for your website? Don’t worry there are online portals where you can easily find scripts matching your need at ease. This script is great, and it is easy to use. There are many such scripts available online which are user-friendly. Time is changing, and with that, all these technical aspects are becoming easier to manage. There was a time when nontechnical individuals found it tough to manage these scripts, but now with new advancements, there are stores coming up where you can select hundreds of responsive CSS and jQuery scripts.
Learning jQuery Script
Looking for jQuery and CSS script collection? With us, you can find a wide range of such scripts at ease. Go through our online store and find suitable scripts matching your need or purpose.
s3capcha is advanced captcha script that is based on choosing the right image instead of writing hardly readable letters and numbers.
PuzzleCAPTCHA is a jQuery CAPTCHA plugin, requiring users to solve very simple puzzle.
An amazing captcha plugin that help you to setup a captcha in registration form without much hassle.
A jQuery plugin that along with Bootstrap and Font-Awesome will create a stylish, secure, modal validation window. Your users will appreciate the use of clear visual (randomized) icons instead of hard to read captchas.
QapTcha is a draggable jQuery captcha system with jQuery UI. QapTcha is an easy-to-use and intuitive captcha system. Users do not need to type letters or digits from a distorted image that appears on the screen. Instead, they simply need to drag an element of the form in order to unlock it.
MotionCAPTCHA is a jQuery CAPTCHA plugin that requires users to sketch the shape they see in the canvas in order to submit a form.
SimpleCaptcha allows you to drop in an easy-to-use and understand captcha implementation for helping to curb spambots on your system. The plug-in makes things very easy for you with a limited amount of setup required and standard xhtml and css classes in place to make changing the appearance super easy.
An EPICAPTCHA is a new and modern version of the CAPTCHA that adds a sleek and innovative look to websites, making security a cool and effective addition to your contact forms. An EPICAPTCHA is implemented for the same reason as an original CAPTCHA, it differs however in that it is more user friendly and can […]
A jQuery plugin that enhances an input field to help reduce automated form submission by requiring a “real person” to identify text made up of dots. The entered value is compared on the server with the generated value to determine whether processing should continue. The real person functionality can easily be added to an input […]
Not everyone needs range sliders and they’re definitely not a typical resource in web forms. But the HTML5 spec fully supports these numeric sliders and with Rangeslider.js you can build on top of this functionality. This awesome plugin is a free jQuery polyfill for the default HTML5 element. This means you can add the range […]
I’ll admit this is a pretty simple plugin but oftentimes it’s the little things that make the largest difference in user experience. Autosize works as a vanilla JS plugin but it can function well on jQuery too. You just target whichever textarea element(s) you want and let this run. By default your textareas will hold […]
Looking for an entire framework to design custom web forms? Then jQ Ideal Forms might work for you. This feels much like the JCF library I mentioned earlier. However jQ Ideal Forms isn’t really an aesthetics library, but more of a functionality & validation library. It does change the style of form inputs but the […]
I’ve lost count of how many datepicker plugins are out there. You could spend weeks digging through options just to get your calendar picker setup. My recommendation is for Pickadate.js. It’s simple, lightweight, and fully responsive so it works on all mobile devices too. Best of all this functions as a date and time picker […]
Another popular form trend that’s grown in recent years is the on/off switch. It started with the original iOS settings page and has since made its way into all mobile devices and even the web. Using a plugin like LC Switch you can add your own on/off switches to any form. These work on radio […]
You know those cool input fields where the placeholder text moves above the form once you start typing? That’s basically what FloatLabel.js does. Once your cursor enters a field this plugin hides the placeholder while animating a new floating label into view. Take a look at the official demo page to see what this looks […]
Select dropdown menus are super common and they serve a real purpose. If you need to offer a set of options where the user should only pick one, it’s easiest to use a select menu. But with Harvest’s Chosen you can quickly get these features added into your layout without a hitch. This plugin supports […]
One more plugin I really like is the iCheck jQuery plugin for radios and checkboxes. This free plugin was released years ago and when I first saw this I knew it was a game changer. You can dig through Google and find tons of custom checkbox/radio input styles. But iCheck is probably the best in […]
The jQuery.ganttView plugin is a very lightweight plugin for creating a Gantt chart in plain HTML, no vector graphics or images required. The plugin supports dragging and resizing the Gantt blocks and callbacks to trap the updated data. The plugin depends on the following libraries: jQuery 1.4 or higher (obviously) jQuery-UI 1.8 or higher date.js […]
jQuery Gantt Chart is a simple chart that implements gantt functionality as a jQuery component. It’s able to: Read json data Paging results Display different colours for each task Display short description as hints Mark holidays Plugin was tested and should work on: Firefox 4+ Chrome 13+ Safari 5+ Opera 9+ IE 8+ This plugin […]
Last but certainly not least is Selectize.js. This very unique plugin lets you transform select menus into text boxes for selecting multiple items at once. You can see a few live demos on the plugin page using many different styles. This plugin supports option headers and even subtitles beneath select fields. With the “remote fetch” […]
DataTextEntry.js is a clean jQuery plugin with some very basic features. It creates automatic validation and formatting for date fields. It’s not a full datepicker plugin like the one above. Instead this is a basic formatting plugin that supports regular input fields. This was built with keyboard users in mind for the highest level of […]
One of the newest plugins in this list is the custom datepicker UI created by developer Fengyuan Chen. It’s available for free on GitHub and it comes with a gorgeous calendar input design. You can add this onto any input field to style it for selecting a day, month, and year. It does have touch […]
The jQuery Payment plugin is basically a general purpose library for all checkout related features. It can handle credit card validation, input formatting, and field styling. Credit card information is sensitive and users want to know their data is secure. This plugin was developed by the team at Stripe so you know security is basically […]
One other fantastic tooltip library is Poshy Tip. This one’s a bit older but it does support modern jQuery and most modern browsers. You’ll find a full series of demos right on the website along with documentation for setting up the plugin. These tips do look beautiful but they’re somewhat limited with animations. That’s one […]
Tooltips offer the perfect solution to keep visitors engaged with your form, explaining each field and how to fill it out properly. The Tooltipster plugin is totally free and one of the best around. It comes with a bunch of custom styles, positions, and animations that you can set for each field. You’ll find a […]
Inline form validation comes in many flavors. The jQuery Validation Engine is one of the most popular choices currently in version 2.6. It’s been online for over 7 years and it’s updated mostly through developer contributions. But this is an extremely safe plugin with a pretty simple setup. You just create the fields, define input […]
Input field validation is one of the toughest subjects to breach. This requires a lot of custom code based on your requirements for passwords, email addresses, shipping addresses, or anything else on your checkout page. The jQuery Form Validator plugin is totally free and one of the best you can use. It’s hosted for free […]
Another masking plugin you might like is the aptly named jQuery Mask Plugin. It was created by developer Igor Escobar and it’s got a live demo free on GitHub for testing. I think the implementation of this plugin is so much easier to follow, especially for beginners. You just pass the formatting you need into […]
You’ve probably experienced the auto tab feature at some point when buying online or signing up to a new website. This sets a predefined character limit on a field so once the user reaches that number it tabs onto the next one. jQuery AutoTab is a great free plugin to handle this functionality with basically […]
First up is the free jQuery Credit Card Validator plugin. This thing is absolutely incredible with such an easy setup and some valuable features. You can browse the entire source code on GitHub and download the latest copy in a .zip archive. This plugin automatically detects and validates credit card numbers as they’re entered into […]
One page, very content, much scroll. So even though you really hate usability, enhance your design patters by using customer-orientated plugins like this.
jFormslider v1.0.5 is a jquery pluggin where we can convert a big form in to a slider Form.
A nice and lightweight jQuery plugin that gives beauty to checkboxes and radio buttons and allows custom labels for each status of (un)checked inputs.
A collection of animated headlines, with interchangeable words that replace one another through CSS transitions.
Beautiful and responsive progress bars with animated SVG paths. Use built-in shapes or create your own paths. Customize the animations as you wish.
A small collection of dialog effects using CSS animations for your inspiration. Some effects use SVG animations of morphing paths with the help of Snap.svg.
Elastic components with SVG shape animations for enhanced UI interactions. Using SVGs like this can make things like menus, buttons or other elements more interesting and make the interaction look more organic with a natural feel to it.
With OneBook3D you can easily create an eye-catching presentation of your books, magazines or portfolio. Flexible, adaptive and customizable design. Auto resizing images. Full screen mode. Ideal for photo-albums.
Switchery is a simple component that helps you turn your default HTML checkbox inputs into beautiful iOS 7 style switches in just few simple steps. You can easily customize switches, so that they match your design perfectly.
On User Interaction with an input field the placeholder value moves up, and is displayed above the typed text. This Plugin offers you the possibility to upgrade your forms with this famous pattern.
CoverVid is another viable and efficient solution to work videos into a project and set them as a basic background. It cooperates mainly with HTML5 videos. There are several settings that allow getting the most out of it.
Scroll Up Bar is particularly useful for mobile and tablet user interfaces that are suffering from a lack of free space. The plugin hides the navigation bar that as a rule sits on the top when the user starts to scroll down and shows it when a user is ready to go up thereby providing […]
tableExport works with various sorts of tables. You can export HTML table into such popular file formats as JSON, XML, PNG, CSV, TXT, SQL, MS Word/Excel/PowerPoint and even PDFs in several clicks.
Scrolling Progress provides your online visitors with visual indicator while they are moving down and exploring your long-page website. Designed with the help of HTML and CSS and charged with extra dynamic feel by jQuery, this framed code snippet can contribute to general experience and benefit any project.
CrossFade is a minified jQuery plugin that weighs only 3kb. It is an excellent enhancement for long-page websites where images play the first fiddle. It preloads images as to not annoy users with a boring loading process.
jBox is a small yet powerful and advanced plugin that deals with pop-up windows, tool tips, notices and images. Each one has its series of assigned effects that contribute to general aesthetics and user experience. It meets standards for retina screens and works great, even in IE8.
Trianglify is all about fascinating, eye-catching and stylish polygonal art that beautifies an appearance of any website giving the backdrop a cutting-edge feel. The online tool automatically generates the vibrant and geometric style SVG background images that are constructed from triangles. You can specify the amount of objects, their size, color and even set the […]
fontFlex is aimed to make the primary font of the website responsive and fully adaptive. The extension dynamically selects the right size that should make the content look more appropriate within a container or browser screen, improving readability.
jsPDF is HTML5-based client-side solution for dynamically generating PDF files. The library is quite powerful in what it can do so that in order to feel its enormous potential you should visit the official website. It ships with numerous built-in functions and uses jQuery. As for browser compatibility, it works well in Firefox 3+, Chrome, […]
PrettyEmbed allows populating projects with YouTube-hosted videos without delays and problems. It comes with such features as fetch the preview image that won’t look distorted on a huge or vice versa small screens, extra customization options, and native support for FitVids.
BootGrid is a small and powerful enhancement for Bootstrap-driven websites. It has an intuitive interface that improves work with one of the basic components. It easily transforms a primitive table into refined data table with extra controls and options.
TextTailor is intended to work with text more efficiently. The plugin makes the content to be more responsive and mobile-friendly. Its primary function is to force the text to fill the height of the container thereby contributing to the general formatting and design aesthetics.
FocusPoint offers simple yet useful instruments for cropping of flexible image containers, making this process more intelligent and hassle-free. It is well-suited for full-screen images. It easily deals with different dimensions and two modes, such as portrait and landscape, in order to maintain consistency in style and provide better experience on smaller devices.
Paper Collapse is a regular accordion that has a beautiful, sleek appearance and a handful of features. Being inspired by Google’s Material Design, the component employs Font Awesome icons to make the interface look more intuitive and more harmonious and stylish.
Block Scroll was created to improve readability and user experience. Content heavy and information overloaded projects will feel the whole potential of this product. It breaks the page into digestible portions that are displayed one at a time, giving readers freedom and time to enjoy data.
Midnight offers a simple yet viable solution for improving and enhancing fixed top bars that, as a rule, are used as primary navigation centers or advertisement/info panels in long or parallax-based websites. It lets switch between several variants while the user is moving down.
Sweet Alert enriches regular and dull pop-up windows that appear when something wrong happens or when you require some interaction from the visitors. The plugin automatically centers an alert box and provides a semi-transparent dark overlay accompanying screen thereby easily focusing the whole attention on the content. It is highly customizable in terms of design […]
Strip is a modern solution to add an elegant lightbox to your website. It is smooth, sleek and smart. Since it takes up not the whole browser screen, users are left with free space and some other parts of the layout for better and less intrusive interaction. Moreover, it is driven by jQuery, so that […]
The main goal of Animsition is to enhance the user experience by making the transition between pages a pleasant event. This tiny jQuery plugin allows creating smooth and eye-pleasing CSS-powered animations that accompany shifting. It offers almost 60 different effects including standard fade series, fade-up series, fade-down series, rotate series, flip x/y, zoom series and […]
Chartist turns the display of boring statistics into a captivating, engaging and visually interesting spectacle. This small, responsive SVG-based library lets build vibrant and dynamic charts. The only drawback is that the plugin is supported by modern browsers such as IE9 and higher, Safari 7, Android 4.3, Firefox 3.1, Chrome 3.5.
With two traditional gallery styles, full and minimal, PhotoSwipe is aimed to showcase a series of images in the best possible light. It is a perfect match for modern responsive websites that should provide an optimal experience for different devices. The plugin supports all standard touch gestures. The navigation is also available through keyboard and […]
Datedropper is a lightweight jQuery plugin for working with dates that populate forms. It presupposes settings for customizing color, animation effect, language, format, background, border color and some others. The official website includes demos and all the necessary documentation.
The simple content loader is aimed to accompany images and texts as well as help users to brighten up the seconds of waiting. It is a regular AJAX loader that cannot boast of a great design; it is a just primitive spinner. However, the author has prepared a set of tools for extra customization. As […]
Image loader is a premium loading animation that is worth a little more than $ 5. It works on iOS and Android platforms as well as is compatible with the modern browsers and jQuery 1.3+. It has an intuitive interface that lets change gif loaders in one click and resizes images after they have been […]
The plugin equips your project with a modal box with a regular circular throbber and elegant light semi-transparent background. It appears when the routine begins and gracefully fades away when everything is ready.
This is a super minified JS class that charges your graphics with energy, recreating a standard spinner for status indication. Although the component looks primitive, yet it crashes in IE since it is canvas-based. As for customization, it is available for tech-savvy people who understand basics of CSS and HTML. Otherwise, pick up the desired […]
It’s a clean, simple and elegant solution to indicate that the process is in action. It is a perfect alternative for Gifs. It consists of 3 relatively small monochrome balls that smoothly go up and down. You can set another tone and even manipulate with animations if you are familiar with CSS3 and HTML.
CSS3 loading spinners without images is a great solution for those of you who seek lightweight indicators that won’t overload project with unnecessary graphics. Using CSS transform property that is supported by Firefox 3.5+ and WebKit-based browsers, the author is managed to build beautiful spinners from primitive bars and circles.
Here you will find a huge collection of dynamic status indicators. This generator enables you to create pure CSS and HTML components. The range covers such versions as circular spinners; horizontal bars; 3D dimensional AJAX loaders; animated text-based components; and some others that are failed to find their proper place in the listed above directories.
Making use of a regular UI library, this intuitive, flexible and resolution independent online tool equips you with a general sort of settings for creating and customizing throbbers. You can assign diameter of an inner circle; the speed of animation; range and density; color and background color. What’s more, you can also choose among several […]
Nice subtle bar that indicates that the current page is loading something. Loadie.js is a lightweight jQuery plugin to create a preloader that doesn’t suck and that is used by big firms.
Loading animation loop has a bright appearance thanks to the neon style. Alessio Atzeni offers 3 types of CSS3-based preloading effects that look especially good on a dark background. The component can be controlled by play/stop buttons.
This team has concentrated on producing only one solution that should brighten up an appearance of the page with a help of a simple, small yet fancy animation based on an effective collaboration of CSS3 3D transforms and SVGs.
In this article, we’re going to take a look at some css animation basics. You’ll create a simple css loading animation, similar to facebook’s chat loading animation.
Four different colored and effects for CSS and HTML loadings. You can use them free in your projects.
When you hover an item, you’ll see the CSS sliding door technique created using jQuery. An alternate version for MooTols can be here.
Slideout.js is a touch slideout navigation menu for your mobile web apps. The features of this plugin are: Dependency-free. Simple markup. Native scrolling. Easy customization. CSS transforms & transitions. Just 2 Kb! (min & gzip) If you know another awesome sidebar plugin for mobile devices, please share it with the community in the comment box.
MMenu is a jQuery plugin for app look-alike on- and off-canvas menus with sliding submenus for your website and webapp. It is very customizable through a wide range of options, extensions and add-ons and it will always fit your needs. The jQuery.mmenu plugin is open source software, you are free to use the jQuery.mmenu plugin […]
bigSlide is a teeny tiny (~1kb compressed) jQuery plugin for creating off-screen slide panel navigation. It will slide the navigation panel as well as any containers given the .push class (or a class of your choosing in the settings).
If you have a div (probably a nav menu or a side bar) that you want to animate with a sliding effect from outside the viewport to inside the viewport. You want to have complete control over the distance this div slides but you don’t want to worry about how to position it or how […]
If you are on a Laptop or Desktop Computer, resize your window’s width to your hearts content. Responsive Websites are the way of the future! Why would you want to maintain multiple sites when you can build one and let your CSS do all the work? Trunk.js helps lighten the load and gets you started […]
Slidebars is a jQuery plugin for quickly and easily implementing app-style revealing menus and sidebars into your website. Born in 2014 from a reoccurring need to create mobile menus in responsive design, Slidebars has quickly become the number one choice for developers. With the release of version 2, Slidebars packs more functionality than ever before […]
A jQuery plugin that allows to create a side nav as in modern mobile apps. It aims to simplicity so that everybody can use it no matter if expert programmers or not. You will need to prepare a specific HTML template in order to make it work properly. At the bottom of the web page, […]
Sidr is a jQuery plugin for creating side responsive menus. It uses CSS3 transitions in modern browsers and fallbacks into jQuery.animate when they are not supported. The usage of Sidr is very easy, just create a div called sidr and place your menu there. Then activate the plugin binding it to a link. By default, […]
Slide Reveal is a jQuery plugin to show a side panel by sliding from the left or right of the page. The plugin does not add any fancy CSS to your side panel. So, you need to style it yourself to get a nice shadowing panel or a beautiful navigation.
An Elegant Accordion Menu with a lot of customization options that can be integrated into your site/blog quickly without writing any code.
A Slabbed Accordion Menu, fully customizable. Supports up to 2 sub menus, you can change the color, size and etc.
A minimalistic accordion menu that uses a flat design.