Download and Getting Started

  • This download contains the Commercial Professional version of Smart HTML Elements. It includes all Smart HTML Elements. The files within it are compressed Javascript files and examples. The Commercial Professional version requires EULA acceptance, see license.

    *Users may join our Forums where they can submit questions to the community.

  • This download contains the Free Core version of Smart HTML Elements. It does not include all Smart HTML elements. The files within it are compressed Javascript files and examples. The Free Core version is licensed under the permissive Apache v2 license.

    *Users may join our Forums where they can submit questions to the community.

A GETTING STARTED GUIDE

How to use

  1. Download Smart HTML Elements.
  2. Unzip to a directory of your choice
  3. Copy the source directory to your project
  4. 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/smart.element.js"></script>
     <script type="text/javascript" src="../../source/smart.button.js"></script>
    </head>
    <body>
     <smart-button>Click Me</smart-button>
    </body>
    </html>
  5. 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

  1. npm i @smarthtmlelements/smart-core – Core version source files.
  2. npm i @smarthtmlelements/smart-elements – Commercial version source files.
  3. npm i @smarthtmlelements/smart-custom-element – Library for Custom Elements Development



By downloading Smart HTML Elements, you agree with our EULA and Privacy Policy.
Download