# Built with BEM We have gathered here useful and interesting projects built with BEM. If your projects are not yet included here, email us at [info@bem.info](mailto:info@bem.info). ## bem-flashcards A small project based on project-stub and built using bem-core and bem-history libraries. Contains of a set of English words with translations that are shown as tipping cards. Has an option to change its dictionary for any other dictionary or for a set of random phrases. To prepare a dictionary from an XLS-file use [ruby-script](https://gist.github.com/ololobus/11f222d1fc48f2efef56). Input XLS-file shall contain three columns (A, B, C): a word, its transcript and its translation. Project is ready to use. Fork, change and fill the dictionary up. Project repository on [GitHub](https://github.com/ololobus/bem-flashcards/), [demonstration](http://ololobus.github.io/bem-flashcards). Authored by Aleksey Kondratov, [gh: ololobus](https://github.com/ololobus), [@ololobuss](https://twitter.com/ololobuss), [kondratov.aleksey@gmail.com](mailto:kondratov.aleksey@gmail.com). ## bem-grid A library to define CSS grids. CSS grid is built using flexbox and has a degradation for old browsers. It is fully customizable for any needs using variables, uses rem units and superfast Stylus. Based on bem-core library. Project repository on [GitHub](https://github.com/bem-incubator/bem-grid). Authored by Anton Winogradov, [gh: verybigman](https://github.com/awinogradov), [@awinogradov](https://twitter.com/awinogradov), [winogradovaa@gmail.com](mailto:winogradovaa@gmail.com). ## bem-ng A library to use BEM methodology together with AngularJS. Allows writing view-oriented BEMJSON. Project repository on [GitHub](https://github.com/awinogradov/bem-ng). Authored by Anton Winogradov, [gh: verybigman](https://github.com/awinogradov), [@awinogradov](https://twitter.com/awinogradov), [winogradovaa@gmail.com](mailto:winogradovaa@gmail.com). ## angular-bem A set of directives to simplify your workflow with BEM-markup in AngularJS applications. Project repository on [GitHub](https://github.com/tenphi/angular-bem). Authored by Andrey Yamanov, [gh: tenphi](https://github.com/tenphi), [@tenphi](https://twitter.com/tenphi), [tenphi@gmail.com](mailto:tenphi@gmail.com). ## bemy A Node.js application for manipulations with BEM structure. Allows creating and renaming BEM entities on a file system (analogue of the `bem create` command). Could be used to set up a block file structure using [ENB](http://enb-make.info) building tool `deps.js` files. Works via shell with Webstorm, Sublime and other editing programs. Project repository on [GitHub](https://github.com/f0rmat1k/bemy). Authored by Anton Grischenko, [gh: f0rmat1k](https://github.com/f0rmat1k), [f0rmateg@yandex.ru](mailto:f0rmateg@yandex.ru). ## generator-bem-ng An unusual generator of BEM projects that use AngularJS. Using it you can easily create a basic structure of a BEM project and modules of an AngularJS application. Generator uses a module paradigm that may appear rather unconventional, but that is in fact very convenient and appropriate if you're familiar with BEM. Project repository on [GitHub](https://github.com/awinogradov/generator-bem-ng). Authored by Anton Winogradov, [gh: verybigman](https://github.com/awinogradov), [@awinogradov](https://twitter.com/awinogradov), [winogradovaa@gmail.com](mailto:winogradovaa@gmail.com). ## gem bem-on-rails Allows working with BEM methodology in Ruby on Rails projects. Project repository on [GitHub](https://github.com/awinogradov/bem-on-rails). Authored by Anton Winogradov, [gh: verybigman](https://github.com/awinogradov), [@awinogradov](https://twitter.com/awinogradov), [winogradovaa@gmail.com](mailto:winogradovaa@gmail.com). ## atom-bemjson-snippets A set of snippets for speedy generating of BEMJSON in Atom editor. Install from an Atom package manager. Project repository on [GitHub](https://github.com/awinogradov/atom-bemjson-snippets). Authored by Anton Winogradov, [gh: verybigman](https://github.com/awinogradov), [@awinogradov](https://twitter.com/awinogradov), [winogradovaa@gmail.com](mailto:winogradovaa@gmail.com). ## sublime-bemjson-snippets A set of snippets for speedy generation of BEMJSON in Sublime Text (v2, v3). [Install](https://github.com/1vank1n/sublime-bemjson-snippets#install) manually or use [Package Control](https://packagecontrol.io/packages/BEMJSON%20snippets). Project repository on [GitHub](https://github.com/1vank1n/sublime-bemjson-snippets). Authored by Ivan Lukyanets, [gh: 1vank1n](https://github.com/1vank1n), [@1vank1n](https://twitter.com/1vank1n), [lukyanets.ivan@gmail.com](mailto:lukyanets.ivan@gmail.com). ## bem-social A library of social widget blocks for sites built with BEM stack of technologies. Share, Like, Follow, Yandex.Share API and some others. Contains social networks SVG icons together with a few design themes. Library uses a few blocks of [bem-components](https://ru.bem.info/libs/bem-components/) library. Project repository on [GitHub](https://github.com/voischev/bem-social). Authored by Ivan Voischev, [gh: voischev](https://github.com/voischev), [@voischev](https://twitter.com/voischev), [voischev.ivan@ya.ru](mailto:voischev.ivan@ya.ru). ## bnsf A framework to create one-page application according to BEM methodology. Allows easy reuse of the same code, especially templates and routing, on both the client side and server side. Search engine friendly. Depends on [bem-core](https://ru.bem.info/libs/bem-core) library, for templating uses `BEMHTML` and `BEMTREE`, building with `bem-tools`. Project repository on [GitHub](https://github.com/apsavin/bnsf). Authored by Alexander Savin, [gh: apsavin](https://github.com/apsavin), [@apsavin](https://twitter.com/ap_savin), [a.p.savin@yandex.ru](mailto:a.p.savin@yandex.ru). ## sails-bem-project-stub A project-stub based on [Sails](http://sailsjs.org) nodejs MVC framework. Frontend part of the project-stub is built using full stack of BEM technologies including BEMTREE, BEMHTML, i-bem.js, bem-core and bem-components libraries. BEM-blocks of the interface are located within the views folder. The project is configured to work with mongoDB, however allows an option to use any database. Project repository on [GitHub](https://github.com/alexbaumgertner/sails-bem-project-stub). Authored by Alexander Baumgertner, [gh: alexbaumgertner](https://github.com/alexbaumgertner), [@alexbaumgertner](https://twitter.com/alexbaumgertner), [alexbaumgertner@yandex.ru](mailto:alexbaumgertner@yandex.ru). ## bem-site-engine A `bem-core@v2*`-based project developed to collect and store documentation. The project is designed to create a site with a set of articles presented in an easy-to-navigate and easy-to-search form. The project uses block of the [bem-components](https://en.bem.info/libs/bem-components/) library. Now, the `dev` branch of the project repo is stable and frozen. If you find some bugs, report us with [issues](https://github.com/bem/bem-site-engine/issues) on GitHub. Project repository on [GitHub](https://github.com/bem/bem-site-engine). Authored by Andrey Kuznetsov [gh: tormozz48](https://github.com/tormozz48), [@kuznetsov48](https://twitter.com/@kuznetsov48), [andrey.kuznetsov48@yandex.ua](mailto:andrey.kuznetsov48@yandex.ua). ## bem-cn [BEM](https://en.bem.info/method/)-friendly class names generator. Simple syntax was created originally to be used in React components, but it is good enough with any other frameworks. Project repository on [GitHub](https://github.com/albburtsev/bem-cn). Authored by Alexander Burtsev, [gh: albburtsev](https://github.com/albburtsev), [burtsev@burtsev.me](mailto:burtsev@burtsev.me). ## b_ [BEM](https://en.bem.info/method/)-friendly class names generator with an option of flexible adjustments of the formatting syntax. Project repository on [GitHub](https://github.com/azproduction/b_). Authored by Mikhail Davydov, [gh: azproduction](https://github.com/azproduction), [i@azproduction.me](mailto:i@azproduction.me). ____________________________________ **Join us with your projects!**