bem-methodology

There are 2 repositories under bem-methodology topic.

• bem / bem-react

  A set of tools for developing user interfaces using the BEM methodology in React

  bembem-methodologydeclarativereactreact-components
  Language:TypeScript 437

• engageinteractive / core

  Our Front-end baseplate, from mobile to desktop

  baseplatebem-methodologybrowsersyncframeworkgulpjavascriptscsstinypng-api
  Language:CSS 309

• chris-pearce / scally

  Scally is a Sass-based, BEM, OOCSS, responsive-ready, CSS framework that provides you with a solid foundation for building reusable UI's quickly 🕶

  csscss-architecturecss-frameworksasssass-frameworkbem-methodologyresponsive-design
  Language:CSS 285

• eBay / skin

  Pure CSS framework designed & developed by eBay for a branded, e-commerce marketplace.

  htmlcssaccessibilitya11ylesslibrarystylesheetsstylescss-frameworkariaebaybembem-methodology
  Language:JavaScript 175

• brainly / style-guide

  :art: Brainly Front-End Style Guide

  style-guidecssbem-methodologyfrontend-componentsreact-components
  Language:TypeScript 162

• ramiz-rahman / sort-visualizer

  This is a web app built to visualize classic sorting algorithms such as insertion sort, merge sort, quick sort, heap sort, etc. The entire app is built with only React; no other third-party JS or CSS library has been used.

  reactreactjsanimationbem-methodologycss3jspwaprogressive-web-appsorting-algorithms-implementedsorting-algorithmsquicksortmergesortinsertionsortheapsortdutch-nationalflag-problemselection-sortshell-sortbubble-sort
  Language:JavaScript 149

• franzheidl / bemify

  Sass Mixins to write BEM-style SCSS source

  bembem-methodologycsssasssass-mixins
  Language:HTML 147

• tomaszbujnowicz / frontie-webpack

  Front-end Boilerplate | Gulp 4 + Webpack 4 + Babel + ITCSS Architecture + BEM Methodology + Twig.js

  gulp4gulpwebpackwebpack4babelbrowsersyncsasstwigjsbootstrapbootstrap-gridgulpjsworkflowboilerplatefrontend-boilerplatefrontend-starter-kititcsscss-architecturebembem-methodologybem-css
  Language:HTML 109

• alfa-laboratory / cn-decorator

  Best way to use BEM with React

  bembem-methodologyreacttheme-manager
  Language:JavaScript 95

• fullstack-development / react-redux-starter-kit

  Modular starter kit for React+Redux+React Router projects.

  typescriptreactreduxwebpackunit-testingbem-methodology
  Language:TypeScript 91

• benbrehaut / bem-examples

  A list of websites using BEM methodology for naming CSS classes.

  bembem-methodologycsssassscsslessfront-endmethodology
  67

• NebulaUI / nebula-css

  💫 ITCSS and BEM based Sass/CSS toolkit; extensible & scalable to any project size

  itcsssass-frameworkbem-methodologycssui-gridsass-maparchitecture
  Language:CSS 62

• fatmakiraz / vanilla-js-ecommerce

  Vanilla JavaScript Ecommerce is a project I developed with Vanilla JavaScript to improve my JavaScript skills.

  vanilla-jsscssliquidbem-methodologyecommerce
  Language:JavaScript 36

• ArmorDarks / ekzo

  :dizzy: Functional Sass framework for rapid and painless development

  atomicatomic-cssbembem-methodologycssdesign-freeframeworkfrontend-frameworkfunctionalfunctional-cssgridmixinsmodern-browsersmodularobject-orientedoocssresponsivesasssass-frameworktypography
  Language:CSS 33

• VitorLuizC / vue-flipper

  A component to flip elements with a nice transition.

  vue-flippervue-flipflipperflipvue-componentvueflip-animationanimationtransitionbem-methodologystylusbili
  Language:Vue 32

• getninjas / gaiden

  GetNinjas Styleguide

  bem-methodologycssstyleguide
  Language:CSS 29

• redneckz / react-bem-helper

  BEM library for React

  bembem-methodologybem-cssreactflow
  Language:JavaScript 21

• marcbruederlin / comet

  A minimal and robust BEM-style CSS toolkit.

  css-frameworkbem-methodologyminimalistextensiblecustomizable
  Language:CSS 19

• ViktorSvertoka / cinemania

  Website Cinemania, team project Free Time on JS 📼

  bem-methodologyhtml5javascriptnpmparcelsassgoitcinemania
  Language:SCSS 17

• ViktorSvertoka / ViktorSvertoka

  Hi 👋, I'm glad to see you here! This is my :octocat: GitHub Profile ✍️

  babelbem-methodologybrowserslistcss3figmafrontendgitgithub-readme-profilegithub-readme-statsgithub-readme-trophygoithtml5javascriptmy-profilenpmparcelreadmereadme-profilesassterminal
  16

• khaledayed / BEM-CSS-Example

  Example of use BEM CSS Naming.

  bem-methodologycss3gulp-automationhtml5scss
  Language:HTML 15

• bidodev / front-end-projects

  :fire: List of Front-end Projects built in 2019 / 2020 during DCI Web Development Course.

  sassbem-methodologyflexboxcss-gridreactjsdom-manipulationmvc-patterngoogle-books-apihtml-css-javascript
  14

• enzyme / zeus

  A novel mobile first flexbox BEM css grid.

  zeusgrid-layoutsassbembem-methodologyflexboxflexbox-grid
  Language:CSS 14

• fjargsto / abem

  Boundary Element Method for Acoustics

  acousticssimulationbem-methodology
  Language:Jupyter Notebook 14
• minizalo

  k-kyler / minizalo

  A web chat developed by React, Material UI, Vite JS, ASP.NET Core Web API and PostgreSQL.

  asp-web-apiaspnet-corebem-methodologychat-applicationcsharpcsscustom-hooksentity-framework-code-firstfunctional-componentsmaterial-uipostgresqlreactreact-hooksreact-testing-libraryredux-toolkitsignalrtypescriptvitejs
  Language:TypeScript 14

• r4fx / mate

  Mate is a simple, modern and strong CSS framework which honor native elements names and BEM methodology.

  matecssscsshtmlframeworkbem-methodologyfront-end
  Language:CSS 14

• sebnitu / vrembem

  A CSS component library based on the BEM methodology.

  csscomponentslibraryfront-endbembem-methodologybem-cssjavascriptuiui-components
  Language:JavaScript 13

• shabraware / Eduford

  University Landing Page

  7-1architecturebem-methodologycsscss-flexboxcss-gridhtmlhtml5javascriptresponsive-designsass
  Language:HTML 13

• aashrafh / frontend-components

  The frontend of some of the popular web components using vanilla JS

  javascriptvanilla-javascripthtmlcssbembem-methodologyhtml5css3semanticshtml-semanticsfrontend-componentsfrontend
  Language:JavaScript 12

• rlengvenis / survey-app-frontend

  A simplified version of Google Forms application frontend written with React.js

  survey-appreacjscreate-react-appbem-methodologytesting-practicesjwt-authenticationenzymemocharedux-thunkreduxreal-world-project
  Language:JavaScript 11

• CodeWithMohaimin / get-started-with-sass

  This is an ultimate repository for learning SASS. Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

  bem-methodologysass
  Language:HTML 10

• iobuhov / stylus-bem-sugar

  Collection of stylus mixins that help write code in BEM notation

  bembem-methodologycssgulpmixinspluginpreprocessorstylusstylus-bem-sugarstylus-mixin
  Language:CSS 10

• brainz-cz / bem-cheat-sheet

  A quick guide for the BEM styling methodology

  bembem-methodologycheatsheetcssscss
  9

• denisraymer / richbee-relation

  HTML layout for Richbee. The parallax effect has been implemented. System of modal windows with warnings. The development used GULP, BEM, BABEL, WEBPACK, SCSS, SMARTGRID

  gulpjswebpackbem-methodologybabelscsssmart-gridhtml5cssjquery
  Language:HTML 9
• scss-vars-loader

  funbox / scss-vars-loader

  SCSS variables for BEM-blocks

  bembem-methodologyscsswebpackwebpack-loader
  Language:JavaScript 9

• verstaerker / vue-bem

  A custom directive to create BEM classes.

  vuejsbembem-methodologyvue-directivemixinsvue-bem
  Language:JavaScript 9