bem-css | Topic | Ecosyste.ms: Repos

wux-weapp/wux-weapp

:dog: 一套组件化、可复用、易扩展的微信小程序 UI 组件库

Language: JavaScript - Size: 47.6 MB - Last synced at: 16 days ago - Pushed at: about 1 year ago - Stars: 5,059 - Forks: 879

AleshaOleg/holy-grail-markup

All CSS methodologies compared examples at one place.

Language: JavaScript - Size: 4.35 MB - Last synced at: 17 days ago - Pushed at: over 2 years ago - Stars: 226 - Forks: 41

tomaszbujnowicz/frontie-webpack

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

Language: HTML - Size: 5.65 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 111 - Forks: 24

PacktWorkshops/The-HTML-and-CSS-Workshop

A New, Interactive Approach to Learning HTML and CSS

Language: HTML - Size: 28.4 MB - Last synced at: about 2 months ago - Pushed at: over 4 years ago - Stars: 91 - Forks: 129

redneckz/react-bem-helper

BEM library for React

Language: JavaScript - Size: 1.98 MB - Last synced at: 8 months ago - Pushed at: over 2 years ago - Stars: 21 - Forks: 2

mlturner88/vue-simple-bem

A simple Vue.js directive to map BEM CSS class names.

Language: TypeScript - Size: 1.32 MB - Last synced at: about 1 month ago - Pushed at: almost 2 years ago - Stars: 20 - Forks: 4

DanCarl857/youtube-clone

YouTube clone with HTML and CSS

Language: HTML - Size: 90.8 KB - Last synced at: about 2 years ago - Pushed at: about 6 years ago - Stars: 16 - Forks: 19

Dbuggerx/react-pokeapi

A sample of a SPA done with React, Redux-Toolkit, Typescript, Sass, CSS Grid, etc...

Language: TypeScript - Size: 359 MB - Last synced at: 10 months ago - Pushed at: about 1 year ago - Stars: 15 - Forks: 3

sebnitu/vrembem

A CSS component library based on the BEM methodology.

Language: JavaScript - Size: 70.3 MB - Last synced at: 6 days ago - Pushed at: 10 days ago - Stars: 14 - Forks: 1

fatmakiraz/landify-landing-page-template

This Landing Page is a one-page responsive website template which has been created mobile-first design.

Language: SCSS - Size: 1.64 MB - Last synced at: about 2 years ago - Pushed at: about 4 years ago - Stars: 11 - Forks: 2

Saman-Safaei/music-player

a simple music player with 3 musics

Language: CSS - Size: 12.1 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 8 - Forks: 0

alimansoor/omcss

OMCSS (Organisable and Maintainable CSS) is an approach towards creating a scalable and modular architecture for your application's stylesheet.

Language: CSS - Size: 883 KB - Last synced at: 23 days ago - Pushed at: about 7 years ago - Stars: 8 - Forks: 5

SkivaDev/movie-appv2

Language: JavaScript - Size: 3 MB - Last synced at: 23 days ago - Pushed at: over 2 years ago - Stars: 7 - Forks: 0

aocattleya/GroupChat-App

✏️ Chat app / Ruby on Rails + Haml, SCSS(BEM) + jQuery(Ajax) + MySQL + Nginx, AWS(EC2, S3)

Language: Ruby - Size: 322 KB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 7 - Forks: 5

This is a Todoist list app clone (https://todoist.com) from scratch using React (Custom Hooks, Context), Firebase & React Testing Library (unit & integration testing). The application will have styling using SCSS (CSS) and following the BEM naming methodology.

Language: JavaScript - Size: 1.78 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 6 - Forks: 0

Nathan-Somto/Cowrywise-landing-page

Cowrywise landing page with redesigned hero section built with React , framer-motion.

Language: JavaScript - Size: 8.21 MB - Last synced at: about 2 months ago - Pushed at: about 2 years ago - Stars: 6 - Forks: 0

KesionX/vue3-bem

Helps you use the BEM specification more concisely in vue3.

Language: TypeScript - Size: 104 KB - Last synced at: 14 days ago - Pushed at: about 3 years ago - Stars: 6 - Forks: 0

mohammadsafia/css-best-practice

Implement CSS best practices

Language: HTML - Size: 2.38 MB - Last synced at: 2 months ago - Pushed at: about 4 years ago - Stars: 6 - Forks: 0

jooysoouzaa/portfolio_Joy

Portfólio Joy Sóuza: Confira meus trabalhos e habilidades.

Language: JavaScript - Size: 1.71 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 5 - Forks: 1

eduardoborges/bemfy

🪛 A stupid simple BEM compose helper to keep your HTML clean.

Language: TypeScript - Size: 2.37 MB - Last synced at: 9 days ago - Pushed at: over 2 years ago - Stars: 5 - Forks: 0

Ebazhanov/weather-app

Learn Weather based on your Geolocation

Language: TypeScript - Size: 1.3 MB - Last synced at: 9 days ago - Pushed at: over 2 years ago - Stars: 5 - Forks: 2

sanidhyy/netflix-clone

Modern Netflix Clone using React JS

Language: JavaScript - Size: 3.12 MB - Last synced at: about 2 months ago - Pushed at: 7 months ago - Stars: 4 - Forks: 1

cheap-glitch/vue-css-modifiers 📦

🖌️ A tiny Vue directive to simplify the manipulation of CSS modifier classes.

Language: JavaScript - Size: 1.73 MB - Last synced at: 11 days ago - Pushed at: about 3 years ago - Stars: 4 - Forks: 0

tienhuynh-tn/clone-shopee

Cloning Website - SHOPEE - shopee.vn

Language: HTML - Size: 3.98 MB - Last synced at: about 2 months ago - Pushed at: over 3 years ago - Stars: 4 - Forks: 1

vuebits/bem

Simple implementation of BEM in Vue 3

Language: JavaScript - Size: 295 KB - Last synced at: 22 days ago - Pushed at: about 4 years ago - Stars: 4 - Forks: 4

kaeuchoa/mobile-carousel-js

Mobile carousel component made using Vanilla Javascript

Language: JavaScript - Size: 724 KB - Last synced at: about 2 years ago - Pushed at: about 4 years ago - Stars: 4 - Forks: 0

pvoznyuk/atom-bem-tools

BEM Serializers for Atom

Language: JavaScript - Size: 3.88 MB - Last synced at: about 2 months ago - Pushed at: over 7 years ago - Stars: 4 - Forks: 1

MohammedModather2020/tic-tac-toe-react-js

Build Game Tic Tac Toe Using React Js

Language: JavaScript - Size: 508 KB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 3 - Forks: 0

LuanEdCosta/petbook

A social network for pets | Project created to study CSS BEM, SEO and Accessibility

Language: HTML - Size: 5.74 MB - Last synced at: over 2 years ago - Pushed at: about 4 years ago - Stars: 3 - Forks: 0

devMagno/ui-clone-google

🔎 Clone da página inicial do Google com HTML5 e CSS3.

Language: CSS - Size: 122 KB - Last synced at: 3 months ago - Pushed at: over 4 years ago - Stars: 3 - Forks: 1

ValchanOficial/EcommerceFashionista

:dress: Codenation - Fashionista E-commerce

Language: JavaScript - Size: 66.4 KB - Last synced at: 3 months ago - Pushed at: almost 5 years ago - Stars: 3 - Forks: 1

ValchanOficial/InstaCodenation

Codenation - Módulo 2 - Mobile First: Instagram

Language: HTML - Size: 3.23 MB - Last synced at: 3 months ago - Pushed at: about 5 years ago - Stars: 3 - Forks: 0

MilosCemalovic/kafeterijakraljevo

Project contains Advance CSS, BEM Architecture, DRY Methodology, SASS, CSS Grid, CSS Flexbox, CSS animatios, Background video, SVG icons, Intersection Observer, Smooth Scroll and HTML5. Check out MVC OOP PhP version on my GitHub profile.

Language: SCSS - Size: 29.3 MB - Last synced at: 2 months ago - Pushed at: 2 months ago - Stars: 2 - Forks: 0

cholis04/fylo-dark-theme-landing-page-master

This is my solution to the Fylo Dark Theme Landing Page challenge on Frontend Mentor.

Language: SCSS - Size: 13.9 MB - Last synced at: about 2 months ago - Pushed at: 10 months ago - Stars: 2 - Forks: 4

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.

Language: TypeScript - Size: 32.4 MB - Last synced at: 3 months ago - Pushed at: about 1 year ago - Stars: 2 - Forks: 0

kaayso/Recipe-finder

Web application built with Angular9 and express frameworks. Find recipes for Ingredients you already have 👨🏻‍🍳🍕🍗.

Language: JavaScript - Size: 86.2 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 2

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.

Language: HTML - Size: 2.45 MB - Last synced at: 5 days ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 1

kumaratul60/spotify-clone

Build Spotify-clone using context API (Redux), material-ui, flexbox CSS(BEM), User Authentication, Spotify API, and also this is a single-page application.

Language: JavaScript - Size: 1.85 MB - Last synced at: about 1 year ago - Pushed at: about 4 years ago - Stars: 2 - Forks: 0

thevirinchi/Nature-Tours

Language: CSS - Size: 21.2 MB - Last synced at: about 2 years ago - Pushed at: over 4 years ago - Stars: 2 - Forks: 0

Hoziefa/Budget

Stay attentive to your budget

Language: JavaScript - Size: 6.56 MB - Last synced at: almost 2 years ago - Pushed at: over 4 years ago - Stars: 2 - Forks: 0

jagadeeshwithu/Angular5Projects

A course material and standard examples for learning the basics of Angular 5, which include One-way, two-way binding, Forms. Implemented PoC's of GMail app and Facebook App

Language: TypeScript - Size: 19 MB - Last synced at: over 2 years ago - Pushed at: almost 7 years ago - Stars: 2 - Forks: 0

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.

Language: Rust - Size: 83 KB - Last synced at: 3 days ago - Pushed at: 2 months ago - Stars: 1 - Forks: 0

sophi-hub/Kuut-links

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. 🚀💜

Language: SCSS - Size: 1.97 MB - Last synced at: 3 months ago - Pushed at: 4 months ago - Stars: 1 - Forks: 0

NEVI0/nevi0.github.io

:deciduous_tree: My linktree

Language: CSS - Size: 12.1 MB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

PyColors/heycinema

🎞️ heycinema is a search app from the OMDb API RESTful web service to obtain movie pieces of information, with All Best Practices.

Language: JavaScript - Size: 721 KB - Last synced at: 10 months ago - Pushed at: 11 months ago - Stars: 1 - Forks: 0

Dariush-Bakhtvar/Final-Task-Responsive-Course

Final-Task-Responsive-Course

Language: HTML - Size: 179 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

TatianePirico/front-ends-park

Game utilizando técnicas de Storytelling para programa de treinamento e engajamento

Language: HTML - Size: 51.6 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 1

autruonggiang/learn-BEM

Language: HTML - Size: 469 KB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

shinspiegel/use-bem-css

React hook to use BEM classes easily.

Language: TypeScript - Size: 3.67 MB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

adnankasikci/scss_project_management

Management of a large project with scss.

Language: SCSS - Size: 1.25 MB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

niloc95/niloc95

A personal professional website, that is Leveraging Node.js tools like NPM and webpack and BEM, PostCss

Size: 5.5 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

akramAdjab/Stats-preview-card-component

A simple Stats preview card component code challenge to Frontend Mentor

Language: SCSS - Size: 198 KB - Last synced at: 4 days ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

guidiasz/universidade-gesuas

Página de vendas feita para a Universidade GESUAS.

Language: HTML - Size: 1.62 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

francesjgonzales/proj1-dashboard

Dashboard - Using semantics HTML, BEM and fetch API using vanilla JS

Language: JavaScript - Size: 26.7 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

Chanda-Abdul/pomodoro-app

This is a solution to the Pomodoro app challenge on Frontend Mentor using JavaScript & Sass

Language: SCSS - Size: 29.5 MB - Last synced at: 3 months ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 2

Josemario17/App-Calculator

basic calculator

Language: CSS - Size: 30.3 KB - Last synced at: over 1 year ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

webvitalii/flexify

Flexify frontend framework - https://www.npmjs.com/package/flexify

Language: HTML - Size: 595 KB - Last synced at: 10 days ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

a-popkov/e-shop

Website layout using basic web platform technologies to see my skills set

Language: HTML - Size: 12 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

Darionas/order-summary-component

Order summary component

Language: CSS - Size: 240 KB - Last synced at: 5 days ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 2

hubert-kniola/BlogCMS

CMS system with fully customizable website

Language: TypeScript - Size: 1.64 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

ramonwordads/Akumas

One Piece fan Page é uma página do anime One Piece criada com a finalidade de praticar responsividade e acessibilidade em todos os aparelhos além de utilizar técnicas de arquitetura CSS fazendo uso da estrategia BEM(Block, Element , Modifier).

Language: HTML - Size: 3.49 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

SilasRodrigues19/ContactBook

Simple book application to manage contacts.

Language: JavaScript - Size: 397 KB - Last synced at: about 1 year ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

sravantp7/gpt3-react-app

GPT3 Website using Reactjs

Language: CSS - Size: 18.8 MB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

AhmedElbedfy/Frontend-Mentor

This is my Solutions for Frontend Mentor Challenges. :)

Language: CSS - Size: 2.04 MB - Last synced at: over 1 year ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

helcioItiyama/Spotify_Pocket

Developed during Codenation bootcamp, with ReactJs and Redux.

Language: JavaScript - Size: 73.8 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

helcioItiyama/Fashionista

E-commerce website developed using ReactJS and Redux-Saga

Language: JavaScript - Size: 34.7 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

stmoreau/tmdb-playground

👌Web App demonstrating TMDB's API 🔥

Language: JavaScript - Size: 3.57 MB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

adharamonzon/web-responsive

Web-responsive. Maquetación usando un diseño dado. Estructura a través de html, maquetación: CSS, SASS (BEM), automatización de tareas con gulp, y control de versiones con git

Language: CSS - Size: 2.75 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

gustavohdab/GPT-3

The project is a fully responsive Artificial Intelligence (AI) themed front-end page. The project was developed with the intention to practice and learn more about Artificial Intelligence (AI) technology and also to practice and learn more about web development technology.

Language: CSS - Size: 22.2 MB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

NathanOnCodes/aniversariantes-multiplica

Projeto Aniversariantes Multiplica - Projeto de revisão de conceitos

Language: CSS - Size: 1.54 MB - Last synced at: about 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

shubhanggupta2000/Restaurant_UI

A Modern UI/UX Restaurant Landing Page

Language: JavaScript - Size: 42.8 MB - Last synced at: about 1 year ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

Joads0n/AFFE-Arquitetura_CSS

Projeto feito do @alura na formação de Front-End no curso Arquitetura CSS: com @mahenrique94, que se trata de um site simples usando em seu código o padrão de Atomic Design e do BEM nas classes.

Language: HTML - Size: 1.45 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

gmanriqe/frontend-sissalss

Project thesis

Language: JavaScript - Size: 2.34 MB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

kumaratul60/LinkedIn-clone

Build a Social-media web application that presents a custom LinkedIn clone.The APP is created with the latest industry standards using React.js and Redux Toolkit Firebase is used for the backend as a real-time database with google authentication, guest login

Language: JavaScript - Size: 3.25 MB - Last synced at: about 1 year ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

r12esh/gpt3-landing-page

A responsive landing page for gpt3

Language: CSS - Size: 18.7 MB - Last synced at: about 1 year ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

kumaratul60/mail-me-clone

Build a Single page web application using React.js and Redux Toolkit Firebase is used for the backend as a real-time database.

Language: JavaScript - Size: 704 KB - Last synced at: about 1 year ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

devguimaraes/REACT-JS

Modulo introdutório de React com Javacritpt da Alura

Language: JavaScript - Size: 1.86 MB - Last synced at: over 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

vikramvi/social-proof-section

https://www.frontendmentor.io/challenges/social-proof-section-6e0qTv_bA This project will test your layout skills. If you're starting to get confident with Flexbox or Grid, this will provide a nice challenge! - [LIVE WEBSITE - CLICK BELOW]

Language: CSS - Size: 1.5 MB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

vikramvi/Product-preview-card-component

https://www.frontendmentor.io/challenges/product-preview-card-component-GO7UmttRfa This HTML & CSS-only challenge will be perfect for anyone starting to build responsive projects. [LIVE Website - CLICK BELOW]

Language: CSS - Size: 2.23 MB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

vikramvi/Chat-app-CSS-illustration

https://www.frontendmentor.io/challenges/chat-app-css-illustration-O5auMkFqY Chat app CSS illustration : In this challenge, you'll be building out the entire app illustration from scratch. This will seriously test your CSS skills. So give it a go if you feel confident! [LIVE Website - CLICK BELOW]

Language: CSS - Size: 1.6 MB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

vikramvi/Huddle-landing-page-with-curved-sections

Huddle landing page with curved sections ( Practice using pseudo-elements for styling extras and the CSS position property for the sections with curved edges. ) : https://www.frontendmentor.io/challenges/huddle-landing-page-with-curved-sections-5ca5ecd01e82137ec91a50f2 - [LIVE WEBSITE - CLICK BELOW]

Language: CSS - Size: 690 KB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 1

vikramvi/Fylo-landing-page-with-two-column-layout

https://www.frontendmentor.io/challenges/fylo-landing-page-with-two-column-layout-5ca5ef041e82137ec91a50f5 Fylo landing page with two column layout : This project is great if you're starting to get confident with slightly more complex layouts. The second section with the testimonial area will provide a nice challenge [LIVE WEBSITE - CLICK BELOW]

Language: CSS - Size: 1.2 MB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 1

vikramvi/Clipboard-landing-page

https://www.frontendmentor.io/challenges/clipboard-landing-page-5cc9bccd6c4c91111378ecb9 Put your layout skills to the test with this HTML & CSS landing page challenge. This challenge includes a design for hover states. - [LIVE WEBSITE - CLICK BELOW]

Language: CSS - Size: 3.58 MB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

vikramvi/Huddle-landing-page-with-a-single-introductory-section

https://www.frontendmentor.io/challenges/huddle-landing-page-with-a-single-introductory-section-B_2Wvxgi0 Huddle landing page with a single introductory section A perfect challenge for beginners, this project will get you working with a two column layout. - [LIVE WEBSITE - CLICK BELOW]

Language: CSS - Size: 1.43 MB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

vikramvi/Profile-card-component

https://www.frontendmentor.io/challenges/profile-card-component-cfArpWshJ - This is a perfect challenge to test your layout skills. The card layout doesn't shift, so it's also great for those that haven't dived into responsive websites yet! - [LIVE WEBSITE - CLICK BELOW]

Language: CSS - Size: 1.04 MB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

vikramvi/3-column-preview-card-component

https://www.frontendmentor.io/challenges/3column-preview-card-component-pH92eAR2- This challenge is perfect if you're just getting started. The shift between the layouts will be a nice test if you're new to building responsive projects. - [LIVE WEBSITE - CLICK BELOW]

Language: CSS - Size: 699 KB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

Topic: "bem-css"

cheap-glitch/vue-css-modifiers 📦