# getbem/getbem.github.io **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/getbem-getbem-github-io).** 5,746 stars · 220 forks · MDX · MIT ## Links - GitHub: https://github.com/getbem/getbem.github.io - Homepage: http://getbem.github.io/ - awesome-repositories: https://awesome-repositories.com/repository/getbem-getbem-github-io.md ## Topics `bem` `css` `getbem` ## Description Get BEM to all people in simplest way ## Tags ### Development Tools & Productivity - [BEM Element Scoping](https://awesome-repositories.com/f/development-tools-productivity/markup-element-scoping/bem-element-scoping.md) — Implements the double-underscore scoping pattern that ties element styles to their parent block. - [Style Reuse Utilities](https://awesome-repositories.com/f/development-tools-productivity/style-reuse-utilities.md) — Provides a methodology for transferring self-contained block styles between projects to reduce code duplication. ### Programming Languages & Runtimes - [Flat CSS Class Selectors](https://awesome-repositories.com/f/programming-languages-runtimes/class-based-architecture/flat-css-class-selectors.md) — Ships a flat class selector architecture that avoids CSS specificity conflicts through single-class naming. ### Software Engineering & Architecture - [Educational Resources](https://awesome-repositories.com/f/software-engineering-architecture/css-architecture-patterns/educational-resources.md) — Provides an educational resource for structuring CSS into independent, reusable blocks that work across projects. - [BEM](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/engineering-best-practices/code-craftsmanship-standards/coding-standards/naming-conventions/bem.md) — Defines the specific BEM naming convention that scopes CSS classes and prevents style leakage. - [Block-Element-Modifier Standards](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/engineering-best-practices/code-craftsmanship-standards/coding-standards/naming-conventions/component-naming/block-element-modifier-standards.md) — Provides a guide to the block-element-modifier naming system that scopes styles and prevents selector conflicts. - [CSS Component Naming](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/engineering-best-practices/code-craftsmanship-standards/coding-standards/naming-conventions/css-component-naming.md) — Defines a block-element-modifier naming system that keeps CSS scoped, predictable, and reusable across projects. - [Modular Architecture Interfaces](https://awesome-repositories.com/f/software-engineering-architecture/modular-architecture-interfaces.md) — Provides modular architecture interfaces for building interfaces from independent, reusable components. ([source](https://getbem.com/)) ### System Administration & Monitoring - [BEM Modifier Flags](https://awesome-repositories.com/f/system-administration-monitoring/diagnostic-tools/diagnostics/telemetry-and-log-collectors/application-logging/logging-extenders/custom-pattern-flags/bem-modifier-flags.md) — Provides the double-dash modifier flag pattern that alters component appearance without changing base structure. ### User Interface & Experience - [BEM Structural Style Organizations](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/react-components/element-manipulation-utilities/css-property-modifiers/bem-structural-style-organizations.md) — Provides the BEM structural pattern that organizes styles into blocks, elements, and modifiers. ([source](https://getbem.com/introduction)) - [Independent CSS Block Encapsulations](https://awesome-repositories.com/f/user-interface-experience/content-block-editors/style-injection-blocks/reusable-style-block-definition/independent-css-block-encapsulations.md) — Provides independent CSS block encapsulation that prevents selector conflicts across projects. ([source](https://getbem.com/)) - [Modular UI Components](https://awesome-repositories.com/f/user-interface-experience/modular-ui-components.md) — Ships modular UI components that can be mixed and matched without causing style conflicts. ([source](https://getbem.com)) - [Reusable UI Components](https://awesome-repositories.com/f/user-interface-experience/reusable-ui-components.md) — Provides a methodology for building independent, self-contained CSS blocks that mix and reuse without style conflicts. - [Block-Based Style Isolations](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/styling-variants/style-variant-mapping/variant-based-style-resolvers/cross-block-conflict-resolvers/block-based-style-isolations.md) — Provides the foundational block-based isolation pattern that prevents CSS selector conflicts across components. - [Independent CSS Block Selectors](https://awesome-repositories.com/f/user-interface-experience/ui-components/text-editors/syntax-highlighting-components/block-level-styling/independent-css-block-selectors.md) — Ships independent block-level CSS selectors that prevent style conflicts across a project. ([source](https://getbem.com/)) - [Cross-Project Style Block Libraries](https://awesome-repositories.com/f/user-interface-experience/content-block-editors/style-injection-blocks/reusable-style-block-definition/cross-project-style-block-libraries.md) — Enables transferring self-contained style blocks between projects to reduce code duplication. ### Web Development - [Educational Resources](https://awesome-repositories.com/f/web-development/front-end-architecture-patterns/educational-resources.md) — Provides an educational resource for structuring CSS into independent, reusable blocks that work across projects. - [Self-Contained CSS Components](https://awesome-repositories.com/f/web-development/front-end-development/self-contained-css-components.md) — Ships a methodology for building UI interfaces from self-contained CSS components that transfer between projects. - [Reusable Block Architectures](https://awesome-repositories.com/f/web-development/modular-architectures/css-style-modules/reusable-block-architectures.md) — Provides an architecture for structuring styles into independent, reusable blocks that mix across projects without conflicts. - [BEM-Based Naming](https://awesome-repositories.com/f/web-development/syntax-conventions/bem-based-naming.md) — Serves as a guide for learning and applying the Block-Element-Modifier naming convention for maintainable CSS. - [Methodology Configuration](https://awesome-repositories.com/f/web-development/web-standards/advanced-css-styling/css-methodologies/methodology-configuration.md) — Documents how to adapt and configure the BEM methodology for different tools, frameworks, and naming preferences. ### Artificial Intelligence & ML - [Cross-Project Style Block Transfers](https://awesome-repositories.com/f/artificial-intelligence-ml/prompt-caching/non-prefix-block-reuse/cross-project-style-block-transfers.md) — Enables transferring self-contained style blocks between projects to reduce code duplication. ([source](https://getbem.com/introduction))