Створити BEM-назву
Заповніть поля генератора й отримайте клас та CSS-селектор.
Як користуватися генераторомЩо таке BEM Generator
BEM Generator допомагає складати назви CSS-класів за правилами BEM. Ви вводите назву блока, за потреби додаєте елемент і модифікатор, а інструмент показує готовий клас і CSS-селектор.
Генератор працює прямо в браузері. Для звичайного використання не потрібно встановлювати додаткові програми або запускати сервер.
З чого почати
Перевірити правила назв
Подивіться, які символи можна використовувати в блоках, елементах і модифікаторах.
Правила й можливостіЗмінити мову
Інтерфейс доступний англійською, українською та німецькою.
Про мови інтерфейсуВикористовувати в навчанні
Генератор можна застосовувати на уроках, практичних заняттях і під час самостійного вивчення HTML та CSS.
Освітнє застосуванняЩо важливо знати
- Генератор перевіряє синтаксис BEM-назви, але не вирішує за вас, чи добре назва описує зміст компонента.
- Таблиця на головній сторінці містить приклади правильних і неправильних назв. Це не закритий список дозволених слів.
- Пошук у верхній частині сторінки працює з прикладами в таблиці назв, а не шукає текст у всій довідці.
Актуальність: зміст перевірено 27 вересня 2026 року для версії проєкту 1.0.1.