Download and Getting Started
-
Professional Version - All essential features, Enterprise oriented premium features and web components, Dedicated support, Source code. See License
30 days Trial with dedicated email support(support@jqwidgets.com).
-
Community Version - includes the free Table, Tabs, Tree & Menu. plus a 30-day trial of all Professional/Enterprise paid components.*Users may join our Forums where they can submit questions to the community. Compare Community & Enterprise
Download Smart HTML Elements
A GETTING STARTED GUIDE
Versions
Smart Framework comes in two forms: Community (free, including production use) and Professional/Enterprise (you need a license to use). Compare them Community & Professional/Enterprise
The Professional/Enterprise version includes more Web Components and Grid features and Dedicated 24hrs Support by our Company. See Pricing for details on purchasing an Enterprise license.
It is free to try out our Web Components. You do not need to contact us. All that we ask when trialing is that you don't use Smart HTML Elements Professional/Enterprise in a project intended for production.
The Professional/Enterprise version includes more Web Components and Grid features and Dedicated 24hrs Support by our Company. See Pricing for details on purchasing an Enterprise license.
It is free to try out our Web Components. You do not need to contact us. All that we ask when trialing is that you don't use Smart HTML Elements Professional/Enterprise in a project intended for production.
How to use
- Download Smart HTML Elements.
- Unzip to a directory of your choice
- Copy the source directory to your project
-
Use your favorite text editor to create a basic HTML page.
Use This Code for the HTML Page
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="../../source/styles/smart.default.css" type="text/css" /> <script type="text/javascript" src="../../source/modules/smart.button.js"></script> </head> <body> <smart-button>Click Me</smart-button> </body> </html>
-
That’s all it takes to start using Smart HTML Elements. To learn more, explore the Examples and Documentation.
To find information about upcoming releases visit the Product Roadmap.
NPM Installation
- npm i smart-webcomponents
Smart Web Components for JavaScript. Install the professional version of Smart Web Components for vanilla JavaScript to leverage a robust set of customizable UI components, including grids, charts, forms, and more, with advanced features and premium support
- npm i smart-webcomponents-angular
Smart Web Components for Angular
Integrate the professional version of Smart Web Components into your Angular projects. This package provides Angular components for building dynamic, enterprise-grade applications with components optimized for performance and scalability - npm i smart-webcomponents-react
Use the professional version of Smart Web Components tailored for React applications. This package ensures React developers can easily incorporate advanced UI components with full compatibility and optimized rendering for modern web apps - npm i smart-webcomponents-community
Community(FREE) version. Includes Table, Tabs, Tree and Menu components
NuGet Installation
- dotnet add package Smart.Blazor
Deploy the professional version of Smart Web Components in your Blazor projects via NuGet for a native .NET experience. This package delivers over 70 high-performance UI components, such as grids, schedulers, charts, and editors, fully integrated with Blazor's server-side and client-side rendering modes, enabling rapid development of scalable, interactive web applications with enterprise-level features and dedicated support