Displaying 1 to 20 from 88 results

hint.css - A CSS only tooltip library for your lovely websites.

  •    CSS

hint.css is written as a pure CSS resource using which you can create cool accessible tooltips for your web app. It does not rely on JavaScript but rather uses aria-label/data- attribute*, pseudo elements, content property and CSS3 transitions to create the tooltips. Also it uses BEM naming convention particularly for the modifiers.

inuitcss - Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects.

  •    CSS

Extensible, scalable, Sass-based, OOCSS framework for large and long-lasting UI projects. inuitcss is a framework in its truest sense: it does not provide you with UI and design out of the box, instead, it provides you with a solid architectural baseline upon which to complete your own work.

avalanche - Superclean, powerful, responsive, Sass-based, BEM-syntax CSS grid system

  •    CSS

Example of a two column, responsive, centered grid. All grid layout classes and responsive width classes are modifiers. $av-namespace Global prefix for layout and cell class names. Default: grid.

style - An opinionated starting point for scalable, maintainable CSS architecture.

  •    HTML

An opinionated starting point for scalable, maintainable CSS architecture. Style is an approach to writing CSS born & refined over several years at Envato by the team responsible for maintaining & evolving the 9 year old Rails codebase that powers Envato Market.




postcss-bem-linter - A BEM linter for postcss

  •    Javascript

A PostCSS plugin to lint BEM-style CSS.BEM-style describes CSS that follows a more-or-less strict set of conventions determining what selectors can be used. Typically, these conventions require that classes begin with the name of the component (or "block") that contains them, and that all characters after the component name follow a specified pattern. Original BEM methodology refers to "blocks", "elements", and "modifiers"; SUIT refers to "components", "descendants", and "modifiers". You might have your own terms for similar concepts.

bemto - Smart mixins for writing BEM in Pug

  •    HTML

“Block” is the main thing there. It creates the block from the first passed class and creates the context for all nested elements.

project-stub - Simple BEM project example

  •    Javascript

Project-stub is a template project repository used for BEM projects creation. It contains the minimal configuration files and folders you will need for quick start from scratch. Note: If your operating system is Windows, you must run the following commands in Git Bash with administrator rights. Make sure that you launch Git Bash as an administrator.

augur-ui - Augur UI

  •    Javascript

Augur is a decentralized prediction market platform built on Ethereum. It runs locally in your browser and communicates directly with the ethereum network, without going through intermediate servers. After putting in your passphrase you will get your address. You can get your secret/private key and import into metamask and connect to augur UI. Location of keystore file depends on os. ie. ~/Library/Ethereum/rinkeby/keystore/<'UTC--timestamp--account hash'>. This file can be used to extract private key. Instructions are beyond the scope of this readme.


arui-feather - Alfa-Bank UI library

  •    Javascript

arui-feather — это библиотека React компонентов для создания веб-интерфейсов. Вы можете посмотреть примеры использования на нашем сайте с документацией.

bem-components - Set of components for sites development

  •    Javascript

bem-components is an open-source library that provides a set of ready-made visual components (blocks) for creating web interfaces. The library provides design themes. This version introduces the islands theme, which implements the new Yandex design. Features include supporting multiple themes at once, and creating new themes.

bem-core - BEM Core Library

  •    Javascript

Documentation on bem-core in a much more informative way is also available at bem.info. It is also available in Russian. bem-core is a base library for web interface development. It provides the minimal stack for coding client-side JavaScript and templating.

kanbasu - A lightweight CSS framework written in Sass.

  •    CSS

Kanbasu is a toolbox to create responsive web interfaces quickly. It’s focused on the layout and voluntarily avoid defining much “styling” properties which can be completely different from project to project. Written is Sass, it’s highly customizable, every component being optional and customizable with variables.

atom-html-to-css - atom.io plugin: generate css from html structure

  •    Javascript

Generates CSS boilerplate based on the selected HTML. Character(s) used as a BLOCK*__*ELEMENT separator in BEM.

jquery.bem - jQuery BEM (Development of the project is closed)

  •    Javascript

В итоге, я получил иструмент, который позволил мне описывать поведение элемента для нужного селектора. Если применить класс b-buttonк некоторому элементу, то этот элемент будет вести себя, как кнопка, со всеми состояниями и событиями присущими кнопке. И самое замечательное, что не нужно беспокоиться о его инициализиции.

react-bem-modules - A tiny library to easy apply css classes from props to react components

  •    Javascript

And that is it. Seriously! For small/medium components you will end up with 0 (zero) css references on you code.

bem-cn - Friendly BEM-style class name generator, great for React.

  •    Javascript

Please do not use version 2.x or lower. New API and required codemods coming soon.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.