pip-webui

HTML5 UI for LOB applications

Usage no npm install needed!

<script type="module">
  import pipWebui from 'https://cdn.skypack.dev/pip-webui';
</script>

README

Pip.WebUI Logo
HTML5 UI Framework for Line-of-Business Applications

Development of complex Line-of-Business (Enteprise) applications is a serious undertaking that may require effort of a large group of designers, developers and testers. Typical product line may have multiple applications, each comes with tens of pages and dialogs. Enterprise users pay high price for their systems and demand quality of free apps they can see on their phones and tablets. But at the scale of large and complex LOB apps that presents an big challange. Software vendors are looking for efficient ways to build their applications delivering modern Look & Feel without spending a fortune on design and development.

One way to save money is to build portable responsive applications that can work on all devices, form-factors and operating systems. The most common way to achieve that is to use HTML5 technology that is supported on virtually any platform. There are lots of good HTML5 frameworks and libraries. They offer basic mechanisms and simple controls. However, designers and developers have to go a long way from those basic building blocks to create large and complex Line-of-Business apps.

Pip.WebUI framework offers a set of higher-level primitives to simplify development of LOB apps. They were put together to implement consistent and rich User Experience following Google Material design style.

Pip.WebUI Overview

The framework is based on popular Angular framework and Angular Material library of web controls. On the top of that Pip.WebUI provides a set of modules targeted toward LOB application development.

Pip.WebUI Structure

Pip.WebUI Modules

pip-webui-tasks Gulp build tasks
pip-webui-lib collection of 3rd party libraries other modules depend on
pip-webui-css CSS framework to extend Angular Material styles with animations visual effects and web components
pip-webui-core Core services: localization, themes, error handling, infinite scroll, draggable, selection behaviors, and more...
pip-webui-rest Customizable REST API for connected controls
pip-webui-layouts application layouts: simple, document, master-detail, tiles, split, dialog
pip-webui-controls basic controls: color picker, toggle buttons, popover, dialogs and more...
pip-webui-nav navigation mechanisms: appbar and sidenav
pip-webui-locations location view and editing controls
pip-webui-documents document browsing and upload controls
pip-webui-pictures picture view and editing controls, collage, avatars
pip-webui-composite composite view and editing control for complex mixed content
pip-webui-entry user signin, signup, password recovery and email verification pages
pip-webui-errors error handling pages and controls
pip-webui-settings application settings page
pip-webui-guidance user context guidance, inspirational quotes, intro dialogs
pip-webui-help integrated help page
pip-webui-support user support and feedback pages

Compatibility

  • Browsers: IE11+, Edge, Chrome 47+, Firefox 43, Opera 35
  • OSes: Windows, Windows Phone, MacOS, iOS, Android
  • 3rd Party Libraries: Angular 1.5.5+, Angular Material 1.0.8+

Learn more about Pip.WebUI

Acknowledgements

This project would not be possible without effort contributed by particular individuals.

  • Sergey Seroukhov - the project founder, architecture, web development and documentation
  • Mark Zontak - team management and web development
  • Alex Masliev - UX concept, interaction and graphical design
  • Anastas Fonotov - web development
  • Alex Dvoykin - web development
  • Kate Negrienko - web development
  • Andrey Podgorniy - code cleanup and documentation

We also would like to recognize help received from the following companies.

License agreement

Pip.WebUI is released under MIT license and totally free for commercial and non-commercial use.