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@htmlelements.com).

  • Community Version (Free for Everyone) - All features without the premium set of enterprise oriented features and components.

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

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.

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

  • npm i @smarthtmlelements/smart-core - Core version source files.
  • npm i @smarthtmlelements/smart-elements - Professional version.
  • npm i @smarthtmlelements/smart-elements-community - Community version.
  • npm i @smarthtmlelements/smart-bootstrap - Material Bootstrap version source files.
  • npm i @smarthtmlelements/smart-custom-element - Library for Custom Elements Development