Introduction - Documentation |

Smart is two things:

  • Framework which allows you to create your own Custom Elements.

    The Framework's default class is called Smart.BaseElement. The Smart.BaseElement class extends the native HTMLElement class adding additional features like:
    • Data Binding
    • Reactivity System
    • Cross-Browser and Device compatible event system
    • Event Routing
    • Style Change Notifications
    • Resize Notifications
    • Browser and Device detection API
    • Property Type detection API
    • Observable Objects
    • Observable Arrays
    • Localization
    • Property Change notifications
    • Typed properties
    • Templates
    • Property Bindings
    • Nested Elements with Automatic Property and Event Bindings
    • Automatic Event Listeners and Memory Leak resolutions
    • Lifecycle callbacks
    • Date and Numeric API for Engineering and Scientific Apps
    • Conditional Formatting API a.k.a. MS Excel
    • Data Export to Excel, CSV, TSV, HTML and PDF
    Visit: for additional details about it.
  • UI Toolkit with Custom Elements created by our team.

Files required in all projects using the SDK

  • smart.element.js: Smart HTML Elements framework
  • Stylesheet files. Include at least one stylesheet Theme file and the images folder:
  • styles/smart.default.css: Stylesheet for the┬ádefault Material 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:

  • smart.core.js: Free Custom Elements
  • smart.elements.js: Commercial Custom Elements