Bem Kit

screenshot of Bem Kit

Bem Kit

💄 CSS UI kit with BEM convention and SASS

Overview

BEM-Kit is a CSS UI kit that follows the BEM (Block, Element, Modifier) convention and is built with SASS. It offers a collection of components that can be imported and customized according to your needs. The kit aims to provide a standardized and modular approach to building user interfaces.

Features

  • Beautiful Classnames with BEM Standard: The kit uses the BEM naming convention for classnames, resulting in a clean and intuitive code structure.
  • Crafted from Scratch: All components in BEM-Kit are built from scratch, ensuring a high level of quality and consistency.
  • Import Rules Only: You have the option to import only the rules needed for your project, without producing any additional CSS classes.
  • Customizable Classnames: BEM-Kit offers a set of rules that allow you to customize the classnames to match your project's specific requirements.
  • Partial Component Import: You can selectively import components from the available collection, allowing for a more lightweight implementation.
  • Modular SASS Code: BEM-Kit provides a full SASS modular codebase, which makes it easy to customize and extend.
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.

gulp
Gulp

Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.