Download and Getting Started

Commercial Use & Client Login

Evaluate and test jQWidgets for commercial purposes. The Client Login 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 20.0.0
Client Login

Evaluation period for commercial purposes is 30 days with email support
*Non-profit organizations may write to sales@jqwidgets.com to get a free license key.

Community 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 use jQWidgets for personal, private, company internal, or commercial purposes. If you agree to use jQWidgets according to the Community License or just try it, please proceed with your download.

Download jQWidgets 20.0.0

*Community users may join our Forums where they can submit questions to the community.
*The community license does not include: jqxGrid, jqxTreeGrid, jqxPivotGrid, jqxScheduler, jqxDataTable, jqxChart, jqxGantt and jqxKanban.


.

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.


How to Install with NPM

npm install jqwidgets-framework – jQWidgets Demos & Scripts
npm install jqwidgets-scripts – jQWidgets Scripts
npm install jqwidgets-ng – jQWidgets Angular Modules

Use This Code for the HTML Page

<!DOCTYPE html>
<html lang="en">
<head>
    <title>jQWidgets Material Design</title>
    <!-- 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.material.css" type="text/css" />
    <!-- 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>
    <script type="text/javascript">
        window.onload = function() {
            const button = new jqxButton("button", { width: '120px', height: '35px', theme: 'material'});
        };
    </script>	
</head>
<body>
	<button id="button">Button</button>
</body>
</html>

That’s all it takes to start using jQWidgets. To learn more, explore the Examples and Documentation For NPM install, refer to: NPM Package.

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

To find information about upcoming releases visit the Product Roadmap.