Best Material Components for the Web

Build responsive, mobile-first projects on the Web with the most advanced front-end component library

What is Smart HTML Elements?

Smart HTML Elements represents a framework based on Javascript, HTML and CSS for building web-based applications that run on PC, Touch and Mobile devices. Smart HTML Elements includes more than 40 UI components. All components are designed from ground-up and based on a powerful common core. The framework core provides fundamental capabilities like support for HTML Element extensions and inheritance, HTML Templates , Data Binding, Event handling and routing, property change notifications, device and browser compatibility detection and adjustments.

Works across devices and browsers

Smart HTML Elements takes the JavaScript & HTML UI development to a new level. It is platform independent, cross-browser compatible and works on PC and mobile devices. Don’t spend time testing on different devices and browsers. Use a reliable, CSS compliant JavaScript library based on native technologies.The product supports all major desktop and mobile web browsers - Internet Explorer 11.0, Edge, Firefox, Safari, Opera, Google Chrome.

Professional/Enterprise and Community Comparison

Theme Builder

Web Components

A suite of polyfills supporting the Web Components specs is included in our examples. These polyfills ensure that Custom Elements are supported in all browsers.

Custom Elements

| Component | Status | Issues | ----------| ------ | ------ | <smart-accordion> | | Issues | <smart-button> | | Issues | <smart-calendar> | | Issues | <smart-card> | | Issues | <smart-carousel> | | Issues | <smart-check-box> | | Issues | <smart-grid> | | Issues | <smart-input> | | Issues | <smart-list-box> | | Issues | <smart-power-button> | | Issues | <smart-progress-bar> | | Issues | <smart-radio-button> | | Issues | <smart-repeat-button> | | Issues | <smart-scroll-bar> | | Issues | <smart-switch-button> | | Issues | <smart-sortable> | | Issues | <smart-table> | | Issues | <smart-tabs> | | Issues | <smart-toggle-button> | | Issues | <smart-tooltip> | | Issues | <smart-toggle-button> | | Issues

Download and Installation

Download Smart HTML Elements

• The SDK files are located in the jqwidgets directory

  In general you need to use files from this directory only.

  Files list & description:

  Files required in all projects using the SDK

  • smart.element.js: Core Smart HTML Elements framework

  • smart.elements.js: Smart HTML Elements bundle

  • Stylesheet files. Include at least one stylesheet Theme file and the images folder:

  • styles/smart.default.css: Stylesheet for the base Theme.
    The smart.default.css file should be always included in your project.

  • styles/images: contains images referenced in the stylesheet files

  Files for elements. Include depending on project needs:

  https://www.htmlelements.com/docs/scripts-dependencies/

• Examples

  The index.htm file starts the demo/examples browser
  Individual UI components examples are located in the /demos directory

• Documentation

  Browse the documentation https://www.htmlelements.com/docs/

• Other files

  The /scripts, /images, /styles folders contain the files used by the demos only.