A Component Library Based on the BEM Methodology

Vrembem is a front-end component library written to provide popular web interface styles. This allows developers and designers to implement powerful components in their web projects while keeping them flexible and customizable through the use of BEM methodology and Sass CSS extension language.

This Vrembem repository is managed as a monorepo that has all available components. Include all components with this comprehensive ergonomic vrembem package.

Components Included:

  • Breadcrumb
  • Button-group
  • Button
  • Card
  • Checkbox
  • Core
  • Dialog
  • Drawer
  • Dropdown
  • Grid
  • Icon-action
  • Icon
  • Input
  • Level
  • Media
  • Menu
  • Modal
  • Notice
  • Radio Button
  • Section
  • Switch
  • Table
  • Tooltip

How to make use of it:

1. Install and import parts as follows:

// install
npm install vrembem

// import all components
@use "vrembem";
import * from 'vrembem';

2. Or import parts of your alternative.

// Modal Component
npm install @vrembem/modal
@use "@vrembem/modal";
import Modal from '@vrembem/modal';

3. Or embrace the compiled JavaScript and CSS information on the web page.

<link rel="stylesheet" href="https://unpkg.com/@vrembem/COMPONENT/dist/styles.css">
<script src="https://unpkg.com/@vrembem/COMPONENT/dist/scripts.umd.js"></script>

4. Customize the part bypassing the variables utilizing the with key phrase.

@use "@vrembem/modal" with (
  $background: #333,
  $background-alpha: 0.9
);

Modular UI Component Library, Vrembem Plugin/Github


See Demo And Download

Official Website(sebnitu): Click Here

This superior jQuery/javascript plugin is developed by sebnitu. For extra Advanced Usages, please go to the official website.

Share