Bulmil

screenshot of Bulmil
vite
bulma

Bulmil

:lipstick: A agnostic UI components library based on Web Components, made with Bulma & Stencil.

Overview

Bulmil is an agnostic UI library based on Web Components, made with Bulma.io and Stencil.js. It was created as a proof of concept to introduce an easy way to consume common reusable web components for use with various modern application frameworks or with pure Javascript. Currently in Alpha stage, the beta version will be available once an issue is resolved. Bulmil leverages Stencil, which is a compiler for building fast web apps using Web Components. Stencil combines the best concepts of popular frontend frameworks and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.

Features

  • Agnostic UI library based on Web Components
  • Easy integration with various modern application frameworks or with pure Javascript
  • Built with Bulma.io and Stencil.js
  • Supports TypeScript, JSX, virtual DOM layer, one-way data binding, asynchronous rendering pipeline, and lazy-loading
  • Generates 100% standards-based Web Components
vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

bulma
Bulma

Bulma is a free, open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

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.

Storybook

Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.