0.9.1 โ€ข Published 4 months ago

bloum v0.9.1

Weekly downloads
-
License
MIT
Repository
github
Last release
4 months ago

Table of Contents

What is Bloum?

Bloum is an open-source library of web components. The goal of this library is to provide a set of CSS and JavaScript components that can be used in any web project, regardless of the framework or library used. The main use-case for Bloum is to provide easy-to-use components for a project using MPA (Multi-Page Application) like Laravel, Django or Rails. It pairs well with server-side rendering and progressive enhancement tools like HTMX and Alpine.js.

Features

  • ๐Ÿš€ Feature-rich: Bloum provides a wide range of components to build modern web apps or design systems.
  • ๐Ÿชถ Lightweight: Bloum is light. It's less than 20KB minified and gzipped.
  • ๐Ÿ” Accessible: Built with accessibility in mind. It's fully keyboard-navigable and WAI-ARIA compliant.
  • ๐ŸŒ“ Dark mode: Supports dark mode out of the box.
  • ๐Ÿ“ฑ Responsive: Works on all modern browsers and devices.
  • ๐Ÿ“ฆ Single package: Everything is bundled in a single package for an easy setup.
  • ๐ŸŽจ Theming: Easy to customize with CSS variables.

Installation

CDN

Use the following lines in your head tag to load the latest version of Bloum from a CDN:

<script src="https://unpkg.com/bloum" defer></script>
<link href="https://unpkg.com/bloum/dist/bloum.min.css" rel="stylesheet">

Package Manager

Install Bloum using your favorite package manager:

# NPM
npm install bloum

# Yarn
yarn add bloum

# Pnpm
pnpm add bloum

# Bun
bun add bloum

Usage

Once installed, import the library in your JavaScript project:

import "bloum"

This will register all the components globally.

After that, include the stylesheet in your JavaScript if you're using a bundler like Vite or Webpack:

import "bloum/dist/bloum.min.css"

Then, use the components in your HTML.

Documentation

The documentation is available at https://www.bloum.dev for more information on how to use the components.

License

Bloum is MIT licensed ยฉ Gil Balsiger

0.9.0

4 months ago

0.9.1

4 months ago

0.8.0

5 months ago

0.7.0

6 months ago

0.6.2

6 months ago

0.6.4

6 months ago

0.6.1

6 months ago

0.6.0

6 months ago

0.5.7

6 months ago

0.5.4

6 months ago

0.5.3

6 months ago

0.5.6

6 months ago

0.5.5

6 months ago

0.5.0

6 months ago

0.4.1

6 months ago

0.5.2

6 months ago

0.5.1

6 months ago

0.4.0

6 months ago

0.3.0

1 year ago

0.2.0

1 year ago

0.1.3

1 year ago

0.1.0

1 year ago

0.1.2

1 year ago

0.1.1

1 year ago

0.0.6

1 year ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago