https://github.com/eduardoborges/bemfy

🪛 A stupid simple BEM compose helper to keep your HTML clean.
https://github.com/eduardoborges/bemfy

bem bem-css classnames helper react

Last synced: 3 months ago
JSON representation

🪛 A stupid simple BEM compose helper to keep your HTML clean.

• Host: GitHub
• URL: https://github.com/eduardoborges/bemfy
• Owner: eduardoborges
• Created: 2020-12-02T13:57:33.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-23T18:55:18.000Z (over 3 years ago)
• Last Synced: 2025-10-09T12:43:56.701Z (7 months ago)
• Topics: bem, bem-css, classnames, helper, react
• Language: TypeScript
• Homepage:
• Size: 2.37 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

          
# bemfy [![NPM](https://img.shields.io/npm/v/bemfy.svg)](https://www.npmjs.com/package/bemfy) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

> A stupid simple BEM compose helper to keep your HTML clean.

- Works with any library/framework.

- Add and remove independent class names with truthy or falsy value.

- Fast!

- Ridiculously tiny at less [500B](http://bundlephobia.com/result?p=bemfy).

- No deps

## Install

```bash

npm install --save bemfy

```

## Usage

```tsx

import React from 'react';

import bemfy, { c } from 'bemfy'

const Component = () => {

  const b = bemfy("custom-button");

  return 


    
The lazy cat jumps over dizzy fox

    Jump!

  

}


export default Component;

```

This will render:

```html



  
The lazy cat jumps over dizzy fox

  Jump!



```


## License

MIT © [Eduardo Borges](https://github.com/eduardoborges)