gitwtfhub

wtf is rbem?

rtivital/rbem — explained in plain English

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

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

TL;DR

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

Why would anyone build with this?

REASON 1

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

REASON 2

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

REASON 3

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

What's in the stack?

JavaScript

How it stacks up

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 spin it up?

Difficulty · easy Time to first run · 5min

Yoink these 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

wtf 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.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.

Other repos in this lane