git404hub

what is rbem fr?

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.

vibe map

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 make with this?

VIBE 1

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

VIBE 2

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

VIBE 3

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

what's the stack?

JavaScript

how it stacks up fr

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 i run it?

Difficulty · easy time til it works · 5min

prompts (copy fr)

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 fr?

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.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.

similar repos, if this ain't it