Create your own Modern Mobile-first Custom Elements or use our UI Toolkit
What is Smart HTML 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
- Property Change notifications
- Typed properties
- 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
Create Custom Element
- UI Toolkit with 60+ Custom Elements including Grids, Charts, Gantt, Layouts, created by our Team. All Web Components are designed from ground-up and based on a powerful framework core.
Download and Installation
- Download Smart HTML Elements - The .zip download contains source files and demos.
- npm i @smarthtmlelements/smart-core - Free version source files.
- npm i @smarthtmlelements/smart-elements - Commercial version source files.
- npm i @smarthtmlelements/smart-custom-element - Library for Custom Elements Development
The SDK files are located in the source directoryIn general you need to use files from this directory only.
Files list & description:
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
ExamplesIndividual Web components examples are located in the /demos folder. The Angular examples are located in the /angular folder.
DocumentationBrowse the documentation online: https://www.htmlelements.com/docs/
Other filesThe /scripts, /images, /styles folders contain the files used by the demos only.