Projects in Awesome Lists tagged with bem-css
A curated list of projects in awesome lists tagged with bem-css .
https://github.com/wux-weapp/wux-weapp
:dog: 一套组件化、可复用、易扩展的微信小程序 UI 组件库
bem-css mini-program miniprogram ui-design weapp weapp-demo wechat-weapp weixin wux wux-weapp wuxui wx-component wxapp
Last synced: 13 May 2025
https://github.com/aleshaoleg/holy-grail-markup
All CSS methodologies compared examples at one place.
atomic bem bem-css bem-platform bootstrap bootstrap-4 bootstrap4 bootstrapping css css-methodologies css-modules oocss organic smacss
Last synced: 11 Aug 2025
https://github.com/AleshaOleg/holy-grail-markup
All CSS methodologies compared examples at one place.
atomic bem bem-css bem-platform bootstrap bootstrap-4 bootstrap4 bootstrapping css css-methodologies css-modules oocss organic smacss
Last synced: 13 Mar 2025
https://github.com/tomaszbujnowicz/frontie-webpack
Front-end Boilerplate | Gulp 4 + Webpack 4 + Babel + ITCSS Architecture + BEM Methodology + Twig.js
babel bem bem-css bem-methodology boilerplate bootstrap bootstrap-grid browsersync css-architecture frontend-boilerplate frontend-starter-kit gulp gulp4 gulpjs itcss sass twigjs webpack webpack4 workflow
Last synced: 29 Oct 2025
https://github.com/packtworkshops/the-html-and-css-workshop
A New, Interactive Approach to Learning HTML and CSS
accessibility api bem bem-css bundler code-optimization codebase css-preprocessors css3 html-tags html5 npm reusability webcomponents webpage website
Last synced: 21 Aug 2025
https://github.com/mlturner88/vue-simple-bem
A simple Vue.js directive to map BEM CSS class names.
bem bem-css typescript vue vuejs
Last synced: 06 May 2025
https://github.com/sebnitu/vrembem
A CSS component library based on the BEM methodology.
bem bem-css bem-methodology components css front-end javascript library ui ui-components
Last synced: 21 Apr 2026
https://github.com/alimansoor/omcss
OMCSS (Organisable and Maintainable CSS) is an approach towards creating a scalable and modular architecture for your application's stylesheet.
bem bem-css css css-framework css3 front-end-development frontend frontend-framework modular-css oocss oocss-framework sass sass-framework scss scss-framework smacss
Last synced: 20 Oct 2025
https://github.com/skivadev/movie-appv2
accessibility api-rest axios-react bem-css movies-api react-router reactjs responsive sass tmdb-api
Last synced: 07 Mar 2026
https://github.com/kesionx/vue3-bem
Helps you use the BEM specification more concisely in vue3.
bem bem-css bem-naming bem-vue vue3-bem vuejs
Last synced: 23 Apr 2025
https://github.com/mohammadsafia/css-best-practice
Implement CSS best practices
bem bem-css bem-methodology best-practices css-animations css-flexbox css-grid performance
Last synced: 04 Jan 2026
https://github.com/nathan-somto/cowrywise-landing-page
Cowrywise landing page with redesigned hero section built with React , framer-motion.
bem-css cowrywise framer-motion javascript landing-page react react-icons react-router-v6 vite
Last synced: 14 Apr 2025
https://github.com/jooysoouzaa/portfolio_joy
Portfólio Joy Sóuza: Confira meus trabalhos e habilidades.
bem-css bootstrap bootstrap4 bootstrap5 css css-flexbox css-grid css3 front-end git github gulp html javascript less portfolio sass
Last synced: 12 Apr 2025
https://github.com/eduardoborges/bemfy
🪛 A stupid simple BEM compose helper to keep your HTML clean.
bem bem-css classnames helper react
Last synced: 18 Jan 2026
https://github.com/sophi-hub/kuut--urls-shortener
O Kuut é um encurtador de URLs rápido e eficiente, desenvolvido com Node.js e Express. Ele permite transformar links longos em URLs curtas, facilitando o compartilhamento. Com um design responsivo, acessível e otimizado para SEO, o Kuut oferece uma experiência moderna e intuitiva. 🚀💜
axios bem-css cors ejs-templates express mvc-architecture nanoid nodejs nodemon sass seo-optimization
Last synced: 03 Mar 2026
https://github.com/ebazhanov/weather-app
Learn Weather based on your Geolocation
bem bem-css css fetch-api typescript weather-app
Last synced: 14 Apr 2025
https://github.com/cheap-glitch/vue-css-modifiers
🖌️ A tiny Vue directive to simplify the manipulation of CSS modifier classes.
bem bem-css bem-modifiers css vue vue-directive
Last synced: 24 Mar 2025
https://github.com/sanidhyy/netflix-clone
Modern Netflix Clone using React JS
bem bem-css clone clone-app css es6 html javascript js modern-ui-ux netflix netflix-clone react reactjs
Last synced: 29 Jun 2025
https://github.com/pvoznyuk/atom-bem-tools
BEM Serializers for Atom
atom atom-package atom-plugin bem bem-css bemhtml bemjson
Last synced: 13 Apr 2025
https://github.com/tienhuynh-tn/clone-shopee
Cloning Website - SHOPEE - shopee.vn
bem-css clone-website css3 html5 javascript responsive-web-design shopee
Last synced: 22 Feb 2026
https://github.com/vuebits/bem
Simple implementation of BEM in Vue 3
bem bem-css bem-methodology bem-naming vue vuejs vuejs3
Last synced: 14 Mar 2026
https://github.com/valchanoficial/ecommercefashionista
:dress: Codenation - Fashionista E-commerce
bem-css codenation mobile-first reactjs redux spa
Last synced: 11 Apr 2026
https://github.com/devmagno/ui-clone-google
🔎 Clone da página inicial do Google com HTML5 e CSS3.
bem-css css3 devmagno html5 mobile-first ui-clone
Last synced: 19 Apr 2026
https://github.com/valchanoficial/instacodenation
Codenation - Módulo 2 - Mobile First: Instagram
bem bem-css css font-awesome google-fonts html html5 media-queries
Last synced: 17 Aug 2025
https://github.com/anburocky3/bem-css-tamil
Learn about BEM in detail with clear practical examples in Tamil. Video, PPT, Adobe XD file all are available to download.
bem bem-css bem-methodology css
Last synced: 23 Mar 2025
https://github.com/cholis04/fylo-dark-theme-landing-page-master
This is my solution to the Fylo Dark Theme Landing Page challenge on Frontend Mentor.
accessibility bem-css bem-naming css front-end-development frontend-mentor sass sass-functions sass-mixins
Last synced: 14 Apr 2025
https://github.com/lucas0019/bikcraft
Site desenvolvido no curso da origamid
adobe-xd bem-css bikcraft html-css-javascript ui-ux
Last synced: 26 Feb 2025
https://github.com/eduardosrocha/land-next
Este é um projeto Next.js que explora meticulosamente o design usando CSS, criando um sistema de design próprio e oferecendo insights valiosos sobre design e arquitetura CSS.
7-1-design-architecture bem-css design-patterns design-system responsive-design
Last synced: 01 Aug 2025
https://github.com/akramadjab/stats-preview-card-component
A simple Stats preview card component code challenge to Frontend Mentor
animation animation-css animations bem bem-css bem-methodology css css-animations css-flexbox html media-queries responsive-design responsive-layout
Last synced: 26 Aug 2025
https://github.com/helcioitiyama/spotify_pocket
Developed during Codenation bootcamp, with ReactJs and Redux.
bem-css fetch-api hooks reactjs redux redux-persist
Last synced: 22 Feb 2025
https://github.com/adnankasikci/scss_project_management
Management of a large project with scss.
bem bem-css bem-methodology sass sass-mixins
Last synced: 18 Jan 2026
https://github.com/swisnl/sass-custom-box
BEM-compatible SASS mixins for styling radioboxes and checkboxes
bem-css checkboxes hacktoberfest radiobox sass sass-mixins
Last synced: 18 Jan 2026
https://github.com/emrered/javascript-openweathermap
☁️ Get weather forecast by city using Open Weather Map API
ajax bem-css css flexbox html javascript jquery openweathermap-api
Last synced: 01 Mar 2025
https://github.com/hubert-kniola/blogcms
CMS system with fully customizable website
apollographql bem-css dotnet-core graphql react react-hooks react-router redux
Last synced: 14 Apr 2026
https://github.com/antharuu/mew
🎨 Mew - A lightweight CSS preprocessor with elegant BEM support. Crafted in Rust, featuring intuitive nesting, variables, and seamless BEM integration. Write cleaner, more maintainable CSS with a minimalist yet powerful syntax.
bem bem-css bem-methodology css css-preprocessor css3 developer-tools preprocessor rust rust-lang
Last synced: 16 Mar 2026
https://github.com/haquanq-frontendmentor/testimonials-grid-section
Solution for frontendmentor.io challenge: testimonials-grid-section
bem-css frontendmentor postcss vite
Last synced: 18 Sep 2025
https://github.com/stmoreau/tmdb-playground
👌Web App demonstrating TMDB's API 🔥
aws-lambda bem-css netlify netlify-lambda react react-context-api
Last synced: 04 Feb 2026
https://github.com/ben-rogerson/bemgen
🤘Quickly generate HTML & CSS code from a component structure.
bem bem-css bem-gen bem-methodology bem-naming react
Last synced: 24 Apr 2026
https://github.com/sravantp7/gpt3-react-app
GPT3 Website using Reactjs
bem-css css javascript jsx reactjs
Last synced: 20 Apr 2026
https://github.com/5hraddha/around-react
Around The U.S. - a responsive website made in ReactJS where a user can have a collection of the pictures of his journey around the US.
bem-css css-grid css3 html5 npm react react-components react-hooks reactjs rest-api webpack
Last synced: 08 Apr 2026
https://github.com/chanda-abdul/pomodoro-app
This is a solution to the Pomodoro app challenge on Frontend Mentor using JavaScript & Sass
Last synced: 25 Apr 2026
https://github.com/helcioitiyama/fashionista
E-commerce website developed using ReactJS and Redux-Saga
bem-css mobile-first reactjs redux redux-persist redux-saga
Last synced: 12 Apr 2026
https://github.com/haquanq-frontendmentor/news-homepage
Solution for frontendmentor.io challenge: news-homepage
bem-css frontendmentor html postcss typescript vite
Last synced: 09 Apr 2026
https://github.com/ethereumdevtech/todo-app
Todo App With Christmas Theme, Local Storage | Svelte, Sortable.js
Last synced: 19 Aug 2025
https://github.com/br0wsa/git504_01022021_ohmyfood
🍱 Ohmyfood : Dynamisez une page web avec des animations CSS. Projet 3 du parcours "Dev web" @ OpenClassrooms.
accueil animation animation-css au-survol bem-css css de-menus front-end gitignore html json keyframes npmi openclassrooms plat responsive-design sass scss variables
Last synced: 22 Mar 2025
https://github.com/irina-anat/goit-markup-hw-08
WebStudio (HTML, SCSS)
adaptive bem-css burger-menu html mobile-first responsive sass sprite viewport
Last synced: 24 Feb 2025
https://github.com/matviyroman/testpsd
test psd
bem-css bem-methodology css3 css3-flexbox gulp gulp-autoprefixer gulp-sass gulp-sourcemaps gulp-watch html5 sass
Last synced: 23 Feb 2025
https://github.com/leonardocamargo31/react-shop
Loja virtual chamada React Shop, feita com React e Redux.
Last synced: 11 Apr 2026
https://github.com/victorcazanave/vscode-bem-css-generator
A Visual Studio Code extension that generate BEM CSS classes based on the HTML class attributes.
bem-css extension visual-studio-code
Last synced: 23 Aug 2025
https://github.com/nikitakumawat/ui-design-
Created UI design of home page using ReactJS and CSS
bem-css css3-animations css3-flexbox reactjs reactjs-components
Last synced: 16 Apr 2026
https://github.com/marcoschalet/ecommerce-3
Projeto Compass UOL.
bem-css css3 ecommerce html5 typescript
Last synced: 25 Sep 2025
https://github.com/mahenrique94/video-arquitetura-css-bem
Exemplo de projeto para vídeo no meu canal:
bem bem-css bem-methodology css css-methodologies css3 front-end frontend
Last synced: 03 Jul 2025
https://github.com/taiseen/react-restaurant-website
Restaurant Website | JSM
bem-css css javascript react reactjs responsive toggle-menu
Last synced: 11 Jun 2025
https://github.com/ethereumdevtech/githubuser-finder
A great challenge from Frontend Mentor
async-await bem-css javascript scss
Last synced: 26 Nov 2025
https://github.com/wlodpawlowski/bem-learning-app
UI web application for testing BEM-methodology for easy building front-end applications.
bem bem-component bem-css bem-entity bem-methodology bem-naming bemhtml bemjson bemquery-library css front-end-app front-end-application-framework html5 pug-template-engine pugjs sass ui
Last synced: 04 Sep 2025
https://github.com/almeidaleandro28/alura-css-architecture
Project to practice css architecture
Last synced: 09 Apr 2025
https://github.com/haquanq-frontendmentor/mortgage-repayment-calculator
Solution for frontendmentor.io challenge: mortgage-repayment-calculator
accessibility bem-css frontendmentor frontendmentor-junior html junior postcss
Last synced: 13 Apr 2026
https://github.com/pijeismart/githubuser-finder
A great challenge from Frontend Mentor
async-await bem-css javascript scss
Last synced: 01 Mar 2025
https://github.com/pijeismart/todo-app
Todo App With Christmas Theme, Local Storage | Svelte, Sortable.js
Last synced: 01 Mar 2025
https://github.com/rickalves/css-bem-atomic
Langing page CSS 3
atomic-design bem-css css-flexbox css-grid css3
Last synced: 16 Mar 2025
https://github.com/robson-teixeira/html-frontend-ii-imersao
Repositório do curso Imersão Front-End 2ª Edição da plataforma Alura.
alura angular bem-css css frontend html html5 imersao-alura imersaoalura imersaoalura-dev imersaodev javascript json-server media-queries reset-css spotify
Last synced: 13 Apr 2026
https://github.com/lancaluis/clubhouse-clone
A project made for JSExpert Week https://javascriptexpert.com.br
bem-css clone-app clubhouse css3 html5 semantic-web
Last synced: 26 Mar 2025
https://github.com/haquanq-frontendmentor/loopstudios-landing-page
Solution for frontendmentor.io challenge: loopstudios-landing-page
accessibility bem-css frontendmentor frontendmentor-junior html javascript postcss
Last synced: 18 Apr 2026
https://github.com/pchaparro/frontend-mentor
Frontend mentor challenges.
bem bem-css challenge css frontend frontend-mentor html html-css-javascript html5 javascript
Last synced: 09 Oct 2025
https://github.com/busrarafa/modern-html-css-2.0
https://busrarafa.github.io/Modern-HTML-CSS-2.0/
bem-css html-css-javascript html5 js lumina vercel
Last synced: 27 Jan 2026
https://github.com/sravantp7/sushi-website
A Sushi store webiste using HTML and CSS only.
animation bem-css css html responsive
Last synced: 10 Oct 2025
https://github.com/haquanq-frontendmentor/expenses-chart-component
Solution for frontendmentor.io challenge: expense-chart-component
accessibility bem-css frontendmentor frontendmentor-junior html postcss
Last synced: 08 Apr 2026
https://github.com/fabio-miguel/build-my-binder
A Web Application to build your own virtual Yu-Gi-Oh binder. TypeScript | React.js | Redux | Node.js | Express.js | PostgreSQL | React Testing Library (Unit) | Jest (Integration) | Playwright (E2E) | Storybook.js
aws bem-css docker expressjs github-actions jest playwright postgresql react react-testing-library redux tdd typescript
Last synced: 27 Jan 2026
https://github.com/amssdias/wizard-quizz
bem-css css html javascript sass vuejs
Last synced: 30 Jan 2026
https://github.com/shim369/django-sqlite-blog
Blog with Django and Python
bem-css django dotenv flocss google-analytics-4 google-search-console gsap matplotlib pandas progressive-web-app python sqlite3 summernote vanilla-js
Last synced: 15 Apr 2026
https://github.com/haquanq-frontendmentor/clipboard-landing-page
Solution for frontendmentor.io challenge: clipboard-landing-page
bem-css frontendmentor frontendmentor-junior postcss stylelint
Last synced: 15 Apr 2026
https://github.com/haquanq-frontendmentor/fylo-dark-theme-landing-page
Solution for frontendmentor.io challenge: fylo-dark-theme-landing-page
bem-css frontendmentor frontendmentor-junior html5 postcss
Last synced: 18 Apr 2026
https://github.com/rafaelcarvalhocaetano/unive
Complete application using on the front React on the back NestJS and Lambdas with Node and serveless going up to AWS.
bem-css react redux saga sass typescript
Last synced: 05 Apr 2026
https://github.com/haquanq-frontendmentor/coding-bootcamp-testimonials-slider
Solution for frontendmentor.io challenge: coding-bootcamp-testimonials-slider
accessibility bem-css frontendmentor frontendmentor-junior javascript postcss
Last synced: 19 Apr 2026
https://github.com/haquanq-frontendmentor/interactive-pricing-component
Solution for frontendmentor.io challenge: interactive-pricing-component
bem-css drag-and-drop frontendmentor html postcss slider typescript vite
Last synced: 20 Apr 2026
https://github.com/haquanq-frontendmentor/intro-component-with-sign-up-form
Solution for frontendmentor.io challenge: intro-component-with-signup
accessibility bem-css css frontendmentor html javascript
Last synced: 20 Apr 2026
https://github.com/capdiem/bemit
A BEM(Block Element Modifier) classes generator.
bem bem-css bem-methodology blazor
Last synced: 25 Apr 2026
https://github.com/jacobgrisham/grid-layout-with-responsive-design
Home Rental Landing Page using Sass, a grid layout, and responsive design.
bem-css bem-methodology bem-naming css css-grid css3 grid-layout media-queries npm-scripts responsive responsive-web-design sass scss
Last synced: 26 Apr 2026
https://github.com/akramadjab/order-summary-component
A simple Order Summary component code challenge to Frontend Mentor using Flexbox, Animation, and Hover state
animation animation-css animations bem bem-css bem-methodology css css-animations css-flexbox html media-queries responsive-design
Last synced: 08 Jul 2025
https://github.com/shaikrasheed99/css-bem
Examples of CSS BEM.
bem bem-css bem-methodology css css-bem html sass
Last synced: 03 Mar 2025
https://github.com/dedo-dev/recipe-page
Final challenge of Frontend Mentor Learning Path
bem bem-css css-grid css3 custom-properties flexbox flexbox-css grid html5 logical-properties
Last synced: 20 Mar 2025
https://github.com/dedo-dev/social-links-profile
Third challenge of Frontend Mentor Learning Path
bem bem-css bem-methodology css-flexbox css3 custom-pro flexbox html logical-propert
Last synced: 20 Mar 2025
https://github.com/nshimiye/ng-tooltip
Tooltip implementation using BEM naming for css and angular
angular bem-css bem-naming tooltip
Last synced: 28 Mar 2025
https://github.com/kellenkjames/meet-landing-page
Responsive landing page challenge focused on modular SCSS architecture, flexbox layouts, and mobile-first design.
bem-css responsive-design scss
Last synced: 07 May 2025
https://github.com/darionas/rest-countries-api-with-color-theme-switcher
World countries app
api-rest bem-css grid-layout html-css-javascript responsive-design
Last synced: 23 Jun 2025
https://github.com/prabhu30/product-preview-card
This is a challenge project listed on frontend mentor website. I built the project by looking at the design image given.
Last synced: 14 Jul 2025
https://github.com/xander1936/modern_business_app
Here's a reactjs modern_business_app created by JavaScript Mastery and built from scratch with vitejs, tailwindcss and created entirely from scratch using a figma design.
bem-css bem-methodology complex-gradients figma figma-design figma-design-conversion front front-end-development local-data react-bootstrap react-components react-file-structure react-hooks reactjs reusable-components tailwindcss vitejs
Last synced: 07 Apr 2026
https://github.com/akramadjab/qr-code-component
A simple template of QR Code Component!
bem bem-css bem-methodology css-flexbox css3 html-css html5 qr-code qrcode sass sass-mixins
Last synced: 18 Jul 2025
https://github.com/teekaytech/cyhermes-assessment
An assessment test for Junior Frontend Developer role at Cyhermes.
bem-css components netlify node-sass reactjs
Last synced: 05 Apr 2025
https://github.com/prabhu30/nft-preview-card-component
This is a challenge project listed on frontend mentor website. I built the project by looking at the design image given.
Last synced: 04 Jul 2025
https://github.com/marialmeida1/web-profilegit
Site criado com intuito de ser um perfil que pega dados do GitHub, feito para a disciplina de Desenvolvimento Web na PUC Minas.
api bem-css html-css javascript json-server smacss
Last synced: 23 Feb 2025
https://github.com/martinezfabian/landing-page-delivery-app
Landing page of delivery app using Sass and Gulp, following the mobile first approach and BEM methodology.
bem-css gulp html5 landing-page sass
Last synced: 21 Jul 2025
https://github.com/lil-bee/edie-homepage
static homepage challenge by devchallenge.io
bem-css css-variables responsive-website
Last synced: 29 Oct 2025
https://github.com/xander1936/gpt3-xander
gpt3-xander is a modern ui/ux website in ReactJS created by JavaScript Mastery and built from scratch with a Figma design totally responsive.
bem-css bem-methodology complex-gradients css-flexbox css-grid css-variables figma figma-design from-scratch media-queries react-components react-file react-folder-structure react-icons reactjs
Last synced: 22 Jul 2025
https://github.com/kateryna-borysenko/natours
Landing Page
bem-css floatlayout html5 landing-page responsive-design scss
Last synced: 22 Feb 2025
https://github.com/martinezfabian/homesaleswebsite
Home sales website using Sass and Gulp, following the mobile first approach and BEM methodology.
bem-css css html5 mobile-first
Last synced: 21 Mar 2025