Cross-platform UI Components Library – Facefull

Preview:

Description:

If you are building web based applications that may run on multiple platforms, then it would make a lot of sense to consider having some common UI components in your code.

This will not only enormously save you time while building the application, but would also mean that substantial amount of effort can be saved while designing the interface and appearance of the application.

While there are plenty of cross-platform UI component libraries available to developers, there aren’t many that work on all major platforms (e.g. browsers, mobile apps, and desktop apps).

This has been the single biggest challenge facing mobile developers as of late — one with no clear solutions. However, there is a library that allows you to write cross-platform UI components in JavaScript:

Facefull is a tiny, flexible, and customizable UI components library for both web and desktop applications, which offers 30+ UI components for faster UI design. Let’s get started.

UI Components Included:

• Alert
• Box
• Button
• Categorylist
• Checkbox
• Circlebar
• Combobox
• Counter
• DropArea
• Edit
• Facefull bridge interface
• Grid
• HeaderButton
• HotkeyHolder
• ItemPicker
• Label
• Link
• List
• Mainmenu
• Page
• PopupMenu
• Progressbar
• PulseChart
• Scrollbox
• Subpage
• Tablist
• Tabs
• Text
• Toggle
• Tooltip
• Window
• WindowControl

How to use it:

1. Download the package and insert the following files into your web app.

<link rel="stylesheet" href="facefull.min.css" />
<script src="facefull.min.js"></script>

2. Initialize the Facefull. Happy coding.

window.addEventListener('load', function() {
  facefull.doInit();
});

Preview:

Overview

Form Elements

Alert Box

Changelog:

07/29/2022

• v0.9.7

07/18/2022

• fixed styles

06/05/2022

• Mobile PopupMenu padding fixed
• PopupMenu positioning improvements