BlockUI is an Independent, Reusable & BEM (Block Element Modifier) based UI Blocks/Components Snippets.
BlockUI is a community driven project and we welcome you to join the project and contribute.
Develop reusable UI blocks for rapid UI development.
BEM stands for Block Element, Modifiers. The problem BEM is trying to solve is the naming problem and structure that CSS often run into. BEM also provides a better structure for your CSS code and scalable CSS.
Let’s say we want to build a card component. The block would be .card. Then any sections within card would be elements. So in this example, we have image, description, button. BEM naming convention connects block and element with two underscores ex. card__image. Finally, we have two different types of buttons, success and back. We call these modifiers and we connect them with our element with two dashes, for example .car__button — success.
- Delivery Automation: https://buddy.works/