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 30 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.
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.
Download and Installation
-
In general you need to use files from this directory only.
- smartelement.js: Core Smart HTML Elements framework
- Stylesheet files. Include at least one stylesheet Theme file and the images folder:
- styles/smart.style.css: Stylesheet for the base Theme.
The smart.style.css file should be always included in your project. - styles/images: contains images referenced in the stylesheet files
- smart.bindingsource.js: Data Binding API
- smart.date.js: Date API
- smart.draw.js: Draw API
- smart.numeric.js: Numeric API
- smart.accordion.js: Accordion element
- smart.button.js: Button, Toggle Button, Repeat Button elements.
- smart.calendar.js: Calendar element
- smart.dropdownlist.js: DropDownList element
- smart.led.js: LED element
- smart.listbox.js: ListBox element
- smart.pager.js: Pager element
- smart.powerbutton.js: Power Button element
- smart.progressbar.js: Progress Bar element
- smart.radiobutton.js: Radio Button element
- smart.scrollbar.js: ScrollBar element
- smart.switchbutton.js: Switch Button element
- smart.tabs.js: Tabs element
- smart.tooltip.js: Tooltip element
- smart.window.js: Window element
-
The index.htm file starts the demo/examples browser
Individual UI components examples are located in the /demos directory -
Browse the documentation and examples through the index.htm file
Individual documentation files are located in the /docs directory -
The /scripts, /images, /styles folders contain the files used by the demos only.