CSS Class Name Generator
Generates an example CSS class name in a common BEM-ish convention (e.g. card__title, btn--active) — a naming-convention example distinct from a plain URL slug's format.
How to use this tool
- Press generate for a class name.
- Generate again for another one.
Common use cases
- CSS/component naming inspiration
- Teaching BEM-style conventions
- Documentation/mockup examples
Related generators
- Environment Variable Name GeneratorGenerate an example environment-variable name in UPPER_SNAKE_CASE, like API_SECRET.
- URL Slug GeneratorA kebab-case URL slug for test data or mockups.
- Base64 String GeneratorA Base64-encoded token built from cryptographically secure random bytes, for testing or placeholder data.
- CSS Variable Name GeneratorA random kebab-case CSS custom-property name.