whatisgithub

What is rbem?

rtivital/rbem — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2016-09-29

★ 5JavaScriptAudience · developerComplexity · 1/5DormantSetup · easy

In one sentence

A tiny dependency-free JavaScript library that auto-generates BEM-style CSS class names, so you don't have to type long block__element--modifier strings by hand.

Mindmap

mindmap
  root((repo))
    What it does
      Generate BEM class names
      block function
      applyModifiers function
    Tech stack
      JavaScript
    Use cases
      React component styling
      Conditional CSS modifiers
      Consistent class naming
    Audience
      Frontend developers
    Perks
      Dependency free
      Tiny bundle size

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Generate consistent BEM class names for a component without typing them by hand.

USE CASE 2

Apply conditional CSS modifiers to a React component based on its state.

USE CASE 3

Keep a design system's CSS naming consistent across a large codebase.

What is it built with?

JavaScript

How does it compare?

rtivital/rbem00kaku/wp-rest-playgroundchalarangelo/mini-active-record
Stars555
LanguageJavaScriptJavaScriptJavaScript
Last pushed2016-09-29——
MaintenanceDormant——
Setup difficultyeasyhardeasy
Complexity1/53/51/5
Audiencedeveloperdevelopervibe coder

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Copy-paste prompts

Prompt 1
Show me how to use Rbem's block and applyModifiers functions to style a React Button component.
Prompt 2
Explain the BEM naming convention and how Rbem automates generating those class names.
Prompt 3
Help me refactor my hand-written BEM class strings to use Rbem instead.

Frequently asked questions

What is rbem?

A tiny dependency-free JavaScript library that auto-generates BEM-style CSS class names, so you don't have to type long block__element--modifier strings by hand.

What language is rbem written in?

Mainly JavaScript. The stack also includes JavaScript.

Is rbem actively maintained?

Dormant — no commits in 2+ years (last push 2016-09-29).

How hard is rbem to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is rbem for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.

What are similar repos?