Download and Getting Started

Commercial Use

The commercial version is suitable for any commercial use (corporate websites, mobile apps, web applications, internal projects, etc.), see License and Pricing. Download a 30-day fully functional evaluation version of jQWidgets.

Download jQWidgets 4.0.0

Non-Commercial Use

The non-commercial version is suitable for non-profit organizations, public schools, universities or a personal website that does not generate any direct or indirect revenue. If you agree to use jQWidgets for non-commercial purposes, please proceed with your download.

Download jQWidgets 4.0.0

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.