Smart Angular Components

User interface with proven reliability

Feature complete

Tech assistance by Experts

What is Angular?

Angular is a framework which helps you build modern applications for the web, mobile, or desktop.

How to use our Angular Components?

Our Angular components can be downloaded from:

The current list of Angular components:
  • Smart.CheckBox
  • Smart.RadioButton
  • Smart.ProgressBar

How to use our Web Components with Angular?

Our Web Components UI toolkit can be used the same way you use Button, Input, Select HTML tags. You can take a look at this tutorial:

Below is demonstrated how to use our Smart.ProgressBar Angular component


import { Component, OnInit } from '@angular/core';  
 import { FormGroup, FormBuilder } from '@angular/forms';  
 export class Hero {  
  id: number;  
  name: string;  
  selector: 'app-root',  
  template: `  
     <SmartProgressBar [value]="value"></SmartProgressBar>  
 export class AppComponent {  
   value = 30;  

import { NgModule, CUSTOM_ELEMENTS_SCHEMA  } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule,ReactiveFormsModule } from '@angular/forms';
import { SmartProgressBarModule } from './angular.components/smart.progressbar.module';

import { AppComponent } from './app.component';
import '@smarthtmlelements/smart-core/source/smart.core.js';

    declarations: [AppComponent],
    imports: [BrowserModule, FormsModule, ReactiveFormsModule, SmartProgressBarModule],
    providers: [],
    bootstrap: [AppComponent]

export class AppModule { }

Download sample:

Angular Components with Zero dependencies

  • Unique Performance and User Experience.
  • Feature complete. Developer friendly UI Components.
  • Mobile-Ready.
  • Native Angular support.
  • Supported Browsers: Chrome, Firefox, Safari & Edge.

Exceptional features for Engineering and Science web apps development

  • Arbitrary-precision arithmetic and Math functions.
  • DateTime precision up to a yoctosecond (10⁻²⁴ second).