Skip to content
46

BEM Resources

Just a repo full of BEM resources

500 stars26 forks51 entriesLast push Oct 14, 2023 (2 years ago)License MIT

This page lists names, links and short descriptions. The original list on GitHub is the source and belongs to its authors.

Articles

A CSS Guideline Tutorial: BEM with Sass

BEMantic - DRY like you mean it

BEM & Atomic Design: A CSS Architecture Worth Loving

Battling BEM (Extended Edition): 10 Common Problems And How To Avoid Them

BEM and SMACSS: Advice From Developers Who’ve Been There

MindBEMding – getting your head ’round BEM syntax - CSS Wizardry

, by Harry Roberts (1/25/13)

In 2 lists

A New Front-End Methodology: BEM - Smashing Magazine

BEM 101 - CSS Tricks

An Introduction to the BEM Methodology - Tuts Plus

Scaling Down The BEM Methodology For Small Projects - Smashing Magazine

Fifty Shades of BEM - Kaelig

Keeping the Front-End Modular with BEM - Thoughtbot

The Evolution Of The BEM Methodology - Smashing Magazine

BEM Basics - 8th Light

How To BEM - Roman Kuba

Expressive BEM with Sass: a different approach - Anders Hansen

Expressive BEM with Sass Part II: A first draft of mixins - Anders Hansen

Learning to love BEM

Working with BEM at Scale — Advice From Top Developers

CSS Architecture: BEMCSS — Block, Element & Modifier

BEM Guidelines for component focused development

BEMIT: Taking the BEM Naming Convention a Step Further

CSS BEM Syntax Basics

BEM official naming convention

BEM for CSS - An Introduction

Getting Started With BEM (with a little help from Sass)

BEM (Block element modifier) - CSS Methodologies Part 3

How I stopped worrying and learned to love the CSS with BEM

BEM CSS Basics for WordPress Themes Developers

Generate responsive BEMIT classes with Sass

The BEMIT naming convention

BEM by example

Introducing BEM: The popular CSS naming convention

7 Reasons To Use BEM CSS

Resources

BEM Official Website

In 2 lists

Get BEM

BEM Cheat Sheet

With Pre-processors

Generating BEM selectors with CSS preprocessors - Frontend Babel

With Pre-processors >Sass

Even Easier BEM-ing with Sass 3.3 - alwaystwisted

BEM Mixins - CSS Tricks

With Pre-processors >Stylus

Stylus and BEM: a quick mixin - Frank M Taylor

With Pre-processors >PostCSS

PostCSS BEM Linter

Repos, CodePens and Things >Repos

BEM Constructor

WordPress BEM Menu

BEM Grid

In 2 lists

Flexible Grid System with BEM

BEM.js

Slides & Videos >Slides

BEM CSS Workshop - Varya Stepanova

BEM - Luciano Battagliero

Slides & Videos >Videos

Writing Modular CSS With Sass and BEM - Tuts Plus

MindBEMding – Rethink Web Development - Kevin Mack

See category
93

Awesome Vue

vuejs/awesome-vue

🎉 A curated list of awesome things related to Vue.js

Fresh★ 74k1067 entriesPushed 5 days ago
93

Awesome DESIGN.md

VoltAgent/awesome-design-md

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

Fresh★ 119k74 entriesPushed 9 days ago
91

Awesome Angular

PatrickJS/awesome-angular

:page_facing_up: A curated list of awesome Angular resources

Fresh★ 10k1944 entriesPushed today
90

Awesome Blazor

AdrienTorris/awesome-blazor

Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

Fresh★ 9.4k375 entriesPushed today
88

Must-Watch CSS

AllThingsSmitty/must-watch-css

CSS talks you have to see covering CSS Grid, flexbox, custom variables, performance, frameworks, tooling, and more! 📺

Fresh★ 4.9k70 entriesPushed 6 days ago
87

Awesome React Native

jondot/awesome-react-native

Awesome React Native components, news, tools, and learning material!

Fresh★ 36k194 entriesPushed 1 month ago