Projects in Awesome Lists tagged with smacss

https://github.com/minamarkham/sassy-starter

:tada: Sassy starter - HTML / SCSS (SMACSS)

boilerplate gulp sass sass-lint scss smacss

Last synced: 04 Apr 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/fuelfrontend/generator-smacss

Perfectionist generator that scaffolds out different types of Frontend apps

admin angular css frontend html javascript restify scaffold smacss smacss-generator

Last synced: 05 Jul 2025

https://github.com/webcyou/apbcss

APB CSS - Atomic Parts Base CSS -

apb-css atomic-parts button-icon css icons molecule oocss oocss-smacss skin smacss

Last synced: 06 Jul 2025

https://github.com/jeffwcx/translate-smacss-zh

SMACSS中文翻译

chinese smacss translation

Last synced: 12 Apr 2025

https://github.com/leongaban/sass-smacss

Organized project ready SASS modules using SMACSS

css sass scss smacss

Last synced: 11 Apr 2025

https://github.com/ilkeryilmaz/hyper

🎨 Hyper: A component-first CSS design system.

bem css-design oocss scaffold scss-files scss-framework scss-library smacss smacss-generator

Last synced: 14 Apr 2025

https://github.com/thatgibbyguy/ply

ply - A ratio based CSS Framework in SCSS.

css-framework grid ratio scss smacss

Last synced: 14 Apr 2025

https://github.com/iocss/crossass

A Sass mixin / function library for modular CSS like SMACSS, OOCSS, BEM etc.

bem css function functios library mixin mixins oocss sass smacss

Last synced: 25 Oct 2025

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/cbedroid/smacss-it

Build SMACSS folders and files structure template for Sass/Scss/Css

boilerplate boilerplate-template css django flask html javascript jquery python sass scss smacss smacss-sass snippets

Last synced: 20 Oct 2025

https://github.com/ausybenelux/jacket

A scss project starterkit with some sane defaults, with handy mixins and functions.

bem bourbon gulp gulp-tasks jade neat npm sassdoc scss-lint smacss starterkit

Last synced: 27 Oct 2025

https://github.com/manrriquez/scalable-starter-boilerplate-manrriquez

aos aos-animation boilerplate-front-end boilerplate-template bootstrap bootstrap5 es6 gulp gulp-tasks jquery sass sass-boilerplate slick-carousel slick-slider smacss

Last synced: 11 Apr 2025

https://github.com/ausybenelux/Jacket

A scss project starterkit with some sane defaults, with handy mixins and functions.

bem bourbon gulp gulp-tasks jade neat npm sassdoc scss-lint smacss starterkit

Last synced: 20 Jun 2025

https://github.com/anhtungbui/apple-isass

A clone of Apple.com's landing page layout as of July 2020 to practice Sass language 

css frontend sass smacss

Last synced: 23 Mar 2025

https://github.com/cooperdozier/easy-em

A static website framework and vanilla JavaScript menu with associated HTML & CSS where you only have to adjust 3 height values in the JavaScript to add & remove menu & submenu items. Optionally integrates with Pure CSS framework. Responsive, mobile first & minimal/lightweight/fast!

beginner beginner-friendly css educational framework html javascipt lightweight menu minimal mobile-first nav purecss readable responsive responsive-design simplicity smacss small-business website

Last synced: 14 Mar 2025

https://github.com/dzintars/front

Test setup (Don't use!) Dev server URL available while i'm developing.

conventional-commits custom-elements eslint example-project husky lint-staged lit-element lit-html prettier redux redux-saga scss smacss typescript web-components webpack4 yarn2

Last synced: 12 Sep 2025

https://github.com/mdshohelrana/css-erp-architecture

The large scale application development of css

css css3 sass smacss

Last synced: 31 Dec 2025

https://github.com/prod3v3loper/acss-bem-oocss-smacss

🗂 Atomic CSS (ACSS) - Block, Element, Modifier (BEM) - Object Oriented CSS (OOCSS) - Scalable Modular Architecture CSS (SMACSS)

acss bem css less oocss smacss

Last synced: 15 May 2025

https://github.com/laplacexd/easybank-landing-page

Practice website for 7:1 Pattern, OOCSS, SMACSS, and a bit of Javascript

7-1pattern oocss sass smacss

Last synced: 24 Oct 2025

https://github.com/aleksej579/websystemsolution

Test project

bem css3 gulp gulp4 html5 smacss

Last synced: 15 Mar 2025

https://github.com/acolorbright/stylelint-config-property-sort-order-acb

Stylelint config for property sort ordering according to SMACSS

smacss stylelint stylelint-config

Last synced: 06 Jul 2025

https://github.com/akifcan/css-example-with-smacss

https://with-smacss.netlify.app

smacss

Last synced: 16 May 2025

https://github.com/ulyanov-programmer/scott

The multi-page website with scrolling animations.

css gulp html js pcss postcss site smacss ts yarn

Last synced: 27 Dec 2025

https://github.com/kudinovfedor/html-boilerplate

Workpieces code and structure that I use in every project

babel browser-sync css3 eslint fk-template gulp html5 javascript jquery jshint node npm pug sass sass-lint smacss sprites webpack

Last synced: 30 Dec 2025

https://github.com/asrieldreemurrgm/boas_praticas_de_css

Estudo sobre as boas práticas de CSS - SMACSS e Metodologia BEM (Block Element Modifier) - Cada arquivo CSS possui comentários com explicação.

accordion bem-methodology button css form html5 inline-javascript javascript sass scss smacss

Last synced: 04 Apr 2025

https://github.com/asrieldreemurrgm/css_best_practices

Practical study of CSS best practices, applying SMACSS and BEM methodology. Includes examples of layout, modules, themes, forms, and interactive UI components.

accordion bem-methodology button css form html5 inline-javascript javascript sass scss smacss theming ui-components

Last synced: 09 Oct 2025

https://github.com/mauroreisvieira/ui-developer-theme

UI Developer Theme

bem css html scss smacss svg theme

Last synced: 09 Oct 2025

https://github.com/josealvesdev/youtube-clone

Projeto proposto pela dio.me com o objetivo de desenvolver as habilidades de flex box em uma aplicação Web Desafio de projeto do módulo 2. Bootcamp Trilha de CSS.

angular2 bem html sass scss smacss typescript

Last synced: 30 Dec 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/azkarmoulana/smacss

:two_hearts: CSS Architecture with SMACSS :snowman: :jack_o_lantern: https://smacss.com/

css3 front-end sass scss smacss

Last synced: 22 Jun 2025

https://github.com/josealvesdev/youtube-clone-com-grid

Projeto proposto pela dio.me com o objetivo de desenvolver as habilidades de grid layout em uma aplicação Web Desafio de projeto do módulo 2. Bootcamp Trilha de CSS.

bem html javascript sass scss smacss

Last synced: 24 Feb 2025

https://github.com/asrieldreemurrgm/boas_praticas_de_css2

Pratica das boas práticas de CSS - SMACSS e Metodologia BEM (Block Element Modifier) - Editado CSS fornecido e aplicado as regras de boas praticas de CSS a ele.

bem-methodology css html5 scss smacss

Last synced: 30 Aug 2025