image1

Amexio (Angular) UI Components

image2

 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

image3

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

image4

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

image5

  • 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

image6

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

Carousel View / Scroll View

image7

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

image8

  • 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

image9

Multi Style Tab Support

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

Windows / Cards

image10

Basic Window

Confirm / Alert / Wait Dialog

Yes / No / Cancel Dialog

Prompt Dialog



Cards with Images

Cards with Text



Menu Bar

image11

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

image12

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

image13

Stacked Column Charts

image14

Donuts

image15

Line Charts

image16

Area Charts

image17

Histograms

image18

Combo Chart

image19

Time Line Charts

image20

Pie Charts

image21

Bar Chart

image22

Column Chart

image23

Candle Stick Charts

image24

Bubble Chart

image25

Scatter Chart

image26

Difference Scatter Chart

image27

Amexio Plugin 4 Visual Studio

image49

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

image50

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