Inflate-ui NPM

InflateUI

InflateUI is a lightweight, modern, and flexible UI framework for the web.

Quick Start

To get started with InflateUI, please see:

The Getting Started Guide
The Documentation Site

The Philosophy

Brass tacks: The goal for InflateUI is to provide a highly-configurable and modular set of elements and utilities for building modern web interfaces, all while keeping a close eye on the size of final builds. Expanding to specifics, InflateUI is:

Flexible

Built on Flexbox and CSS variables, and with dozens of intuitive and modular elements, InflateUI can be used to build a wide variety of web interfaces.

Configurable

A turn-key solution for those who want it, but a powerhouse for those who need it. All elements, their CSS and JavaScript are designed to be both easy to use, and easy to modify. Tweak variables in CSS (no SASS compilation needed), build from SASS and TypeScript sources, hook into JavaScript LifeCycles, extend with your own elements, and more... InflateUI wants you to change it.

Small

Coming in at under 20 KiB GZipped (level 6) for all CSS and JavaScript combined, or under 100 KiB uncompressed (minified), it's no PureCSS, but InflateUI is quite small. That's all in. Any dependencies (which are close-to-non-existent) are bundled into the source and included in the above numbers.

Browser Support

InflateUI works with modern, evergreen browsers. InflateUI will not work with legacy or feature-light browsers such as Internet Explorer or Opera Mini. Compatibility tested with:

Chrome
Edge (Chromium)
FireFox
Safari
Opera

Contributing

InflateUI is new. It will almost certainly have bugs and missing features. Bug reports, feature requests, and contributions to code or documentation are always welcome. In you're interested in helping InflateUI grow, see the contributing guidelines in CONTRIBUTING.md.