Modular UI Component Library – vrembem

Preview:

Description:

vrembem is an open-source, customizable, modular component library for creating modern web apps in an easy way.

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 use it:

1. Install and import components as follows:

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

2. Or import components of your choice.

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

3. Or include the compiled JavaScript and CSS files on the 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 component by passing the variables using the with keyword.

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

Previews:

Grid

Dropdown

Dialog

Card

Buttons

BreadCrumb

Table

Switch

Alert

Modal