automaton-ui

A set of HTML elements to speed up UI prototyping

Usage no npm install needed!

<script type="module">
  import automatonUi from 'https://cdn.skypack.dev/automaton-ui';
</script>

README

automaton-ui

A Basic set of components using plain HTML5 + CSS3 + Javascript ES2020 to help with the creation of User Interfaces for web applications.

Examples

Each component can either be created via HTML or Javascript. Example of both are provided below.

UI.Button

Inline HTML

<script src="/dist/ui.js" type="module"></script>
<ui-button icon="fa-hourglass" onclick="showSplash()">Splash</ui-button>

Javascript Creation

import * as UI from './dist/ui.js';

let button = new UI.Button('Splash', showSplash, {icon="fa-hourglass"});
document.body.append(button);

Simple UI button with Font awesome hourglass Logo