Skip to content
/ bui Public

‹B› Web components, classes, and utilities for creating single-page PWAs – built with Lit by Blackstone Publishing

Notifications You must be signed in to change notification settings

kjantzer/bui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

eb1daba · Feb 27, 2025
Jun 27, 2024
Feb 25, 2025
Jan 16, 2025
Feb 24, 2025
Jun 19, 2024
Feb 27, 2025
Jan 29, 2025
Feb 27, 2025
Dec 16, 2024
Feb 24, 2025
Jan 23, 2025
Oct 25, 2024
Feb 27, 2025
Apr 19, 2022
May 21, 2020
Nov 17, 2020
Jun 19, 2023
Apr 19, 2022
May 17, 2022
Apr 19, 2022
Jun 19, 2024
May 17, 2022
Sep 12, 2024
Sep 12, 2024
Feb 9, 2021
Jun 19, 2023

Repository files navigation

Blackstone UI (BUI)

Web components for creating interfaces - built with Lit by Blackstone Publishing

demo

preview

🎉 Features

  • 📱 Progressive scaling from desktop to mobile devices
  • 🌗 Dark/Light Mode
  • 🎨 Color Themes
  • 🧑‍💻 Modern async/await style structure
  • 🛠 Customizable with css vars and "parts"
  • 🔗 Extensible and interoperable with other frameworks
  • ⚓️ URL route management

ℹ️ Overview

The stable release of v1 web components with the addition of lit make for an incredible framework for writing user interface components.

Shadow DOM, CSS custom properties, and css "parts" makes encapsulation easy yet still customizable.

BUI is a library of low level custom elements, full featured "presenters", useful utility functions, application router, code extension "helpers", node.js server classes (for creating RESTful APIs), and more.

Import and use a select few components or use most of it to create a full featured application.

⭐️ The demo/documention is an example of what can be built with BUI and a good resource for reading more about what the library offers.

⬇️ Installation

BUI is actively developed on a daily basis by Blackstone Publishing. It is used in multiple internal application production environments. New features, changes, and bug fixes occur weekly - however, it may be slower to reach this public repo.

Although BUI is available as an npm package, the library is updated too frequently to publish consistent versions.

Installing the latest is recommended:

npm install https://github.com/kjantzer/bui.git --save

We will attempt to document major breaking changes in the changelog. If you find any bugs/issues, please report or submit a PR.

🚀 Getting Started

Cloning and runing the demo/docs locally on your computer would be a good place to start. From there you can see how the various components work together to create an application.

Install parcel globally if you don't already have it installed

$ npm install -g parcel-bundler

Install the dependencies, then start the demo app

$ git clone https://github.com/kjantzer/bui.git
$ cd bui
$ npm install
$ npm start

You should then be able to view the demo at:
http://localhost:1234

🚨 Notice

Since BUI is actively developed nearly every day and done so by a small team, the documentation likely won't be 100% up to date. You may need to reference the physical code to discover some options/settings.

No software is bug free, but the latest commit of BUI should be fairly stable as it is used in a production environment at Blackstone.