Download and Getting Started

Commercial Use

This download requires a valid license key. The download button navigates you to our Client portal. Depending on your subscription plan, you will be able to download Production and Source code builds. The Production build contains compressed Javascript files and examples. The Source code build contains readable Javascript files and server extensions.

Download jQWidgets 4.1.2

*Non-profit organizations may write to sales@jqwidgets.com to get a free license key.

Non-Commercial or Evaluation Use

This download contains a fully functional version of jQWidgets with compressed and watermarked Javascript files and examples. It is suitable for everyone who wishes to evaluate and test jQWidgets for commercial purposes or use it for non-commercial purposes. If you agree to use jQWidgets for non-commercial purposes or evaluate it, please proceed with your download.

Download jQWidgets 4.1.2

*Non-commercial users may join our Forums where they can submit questions to the community.
Evaluation period for commercial purposes is 30 days with email support.

How to Use

  1. Download jQWidgets.
  2. Unzip to a directory of your choice
  3. Copy the jqwidgets directory to your project
  4. Use your favorite text editor to create a basic HTML page.

Use This Code for the HTML Page

<html>
<head>
<!-- add the jQuery script -->
<script type="text/javascript" src="scripts/jquery-1.11.0.min.js"></script>
<!-- add the jQWidgets framework -->
<script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
<!-- add one or more widgets -->
<script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
<!-- add the jQWidgets base styles and one of the theme stylesheets -->
<link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
<link rel="stylesheet" href="jqwidgets/styles/jqx.darkblue.css" type="text/css" />
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
$("#myButton").jqxButton({ width: '120px', height: '35px', theme: 'darkblue'});
});
</script>
<input type="button" value="Click Me" id='myButton'/>
</body>
</html>

That’s all it takes to start using jQWidgets. To learn more, explore the Examples and Documentation.

Customize jQWidgets with your own themes using our easy to use Theme Builder.

To find information about upcoming releases visit the Product Roadmap.