image7

Amexio (Angular) UI Components

image8

 Amexio (Angular MetaMagic EXtensions for Inputs & Outputs) is a rich set of Angular 6 components powered by HTML5 & CSS3 for Responsive Design. Amexio is completely Open Sourced and Free. It's based on Apache 2 License.


  • 140+ UI Components
  • 80+ Additional UI Features
  • Charts / Maps / Dashboard / Layouts
  • 57 Material Design Themes
  • 16 Amexio Themes
  • D3 Charts (14)
  • Drillable / Zoomable Charts
  • Drag and Drop Feature
  • Responsive Web Design
  • Server side Rendering

Input Components

image9

Form fields - Text Fields, Numeric Fields, Checkbox, Radio Button, DropDown Menus, Date Picker, Time Picker, Type Ahead Text Fields etc.

With validator and warning messages. Validation based on the following attributes.

  • Min and Max values
  • Allow Blanks
  • RegEx
  • Special Field validators like (Email, Password etc)

Dropdowns with Multi Select options

image10

Dropdowns with more control on how the selection needs to be implemented.

  • Filtering
  • Multi Select 
  • Multi Select with max limit
  • Display total items selected or selected items
  • Split Button 

Data Grid

image11

  • Client side pagination with Previous, Next, Jump to page Features. 
  • Sorting based on String and Numeric data. 
  • Single row and Multi row selection. 
  • Hide columns, Responsive Feature for Grids
  • Tree Data Grid
  • Data Grid Grouping
  • Filters for Data Grids

Tree

image12

  • Tree View
  • Tree with Filters
  • Tree with Checkbox
  • Tree with Templates

Carousel View / Scroll View

image13

The ScrollView displays a collection of images or other content in a horizontal layout with built-in navigation between the items.

Good for Product catalogues with 'n' number of images to display in a scrollable fashion. 

Form Utilities

image14

  • Progress Bar
  • Notification Messages - with various styles Info, Success, Warning, Danger.
  • Multi Selector - ItemSelector is a specialized MultiSelect field that renders as a pair of MultiSelect field, one with available options and the other with selected options. A set of buttons in between allows items to be moved between the fields and reordered within the selection

Tabs

image15

Multi Style Tab Support

  • Simple Tabs
  • Tabs with Icons
  • Closable Tabs
  • Scrollable Tabs
  • Right Tab
  • Left Tab
  • 90 degree rotated Left Tab

Windows / Cards

image16

Basic Window

Confirm / Alert / Wait Dialog

Yes / No / Cancel Dialog

Prompt Dialog



Cards with Images

Cards with Text



Menu Bar

image17

Application Menus based on for different options and by default Responsive in nature. 

  1. Top Menu Bar
  2. Bottom Menu Bar (Good for Smart Device Apps)
  3. Left Drawer Menu Bar
  4. Right Drawer Menu Bar

image18

Templates

Templates are available for Grid and Tree. In Angular HTML is the language for template. Checkout the template examples in Grid View and Tree View.

Amexio Angular Charts based on Google Charts

Stacked Bar Charts

image19

Stacked Column Charts

image20

Donuts

image21

Line Charts

image22

Area Charts

image23

Histograms

image24

Combo Chart

image25

Time Line Charts

image26

Pie Charts

image27

Bar Chart

image28

Column Chart

image29

Candle Stick Charts

image30

Bubble Chart

image31

Scatter Chart

image32

Difference Scatter Chart

image33

Amexio Plugin 4 Visual Studio

image55

Microsoft Visual Studio Code - Extension

Amexio Angular Extension for Microsoft Visual Studio Code helps the developers to fast track the Angular development using Amexio UI Components Library. 

Amexio Plugin 4 Atom Editor

image56

Atom Editor - Extension

Amexio Angular Extension for Atom Editor helps the developers to fast track the Angular development using Amexio UI Components Library. 

Angular 6

Angular is known for its speed, performance and incredible tools. Lets learn about Angular 6, its basics, how to create small/medium/large applications with Angular 6 in this web series.

Why TypeScript?

Microsoft's Anders Hejlsberg: Introducing TypeScript.


  • TypeScript is a programming language that makes it easier to write cross-platform, application scale, JavaScript that runs in any browser or in any host

TypeScript, JavaScript & Dart

Lars Bak and Anders Hejlsberg talk about Dart, TypeScript and JavaScript with Channel 9