Bui

screenshot of Bui
less

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

Overview

BUI (Blackstone Publishing User Interface) is a library of web components built with Lit, a powerful and lightweight library for creating user interface components. With the stable release of v1 web components and the addition of Lit, BUI provides developers with an incredible framework for creating customizable and scalable user interfaces. The library offers a range of features including Shadow DOM, CSS custom properties, and CSS "parts" for easy encapsulation and customization. Whether you need to import a select few components or create a full-featured application, BUI provides the tools and flexibility to meet your needs.

Features

  • Progressive scaling from desktop to mobile devices: BUI components are designed to seamlessly scale from desktop to mobile devices, providing a consistent user experience across different screen sizes.
  • Dark/Light Mode: BUI includes support for Dark and Light modes, allowing users to switch between different color schemes depending on their preference.
  • Color Themes: With BUI, you can easily customize the color themes of your application using CSS variables, giving you the flexibility to match your brand or design requirements.
  • Modern async/await style structure: BUI follows a modern async/await style structure, making it easier to write asynchronous code and handle complex operations.
  • Customizable with CSS vars and "parts": BUI components can be easily customized using CSS variables and "parts", allowing you to modify the look and feel of the components to match your design requirements.
  • Extensible and interoperable with other frameworks: BUI is designed to be extensible and interoperable with other frameworks, allowing you to integrate it seamlessly into your existing projects.
  • URL route management: BUI includes an application router for managing URL routes, making it easier to create complex web applications with multiple views and navigation paths.
less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

web-components
Web Components

Web components provide a way to create reusable, encapsulated UI components using standard web technologies such as HTML, CSS, and JavaScript. They allow developers to create complex UI components that can be easily shared across multiple projects and frameworks. Web components are built using four main specifications: Custom Elements, Shadow DOM, HTML Templates, and ES Modules.