• Stars
    star
    307
  • Rank 136,109 (Top 3 %)
  • Language
    HTML
  • License
    MIT License
  • Created over 6 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

SMART CSS GRID - CSS Framework

License MIT Gzip Size

SMART CSS GRID - Minimal CSS Framework

Smart CSS Grid is CSS GRID based fluid responsive layout system with 12 columns.


  • Minimal. It is only 0.5 KB.
  • Clear syntax.
  • No unnecessary nesting, meaning you will write less HTML.
  • Responsive.
  • Flexible the main width can be any number or uint ex: 960px, 90% or whatever you like.
  • Supports rows merging, nesting columns, column swapping..

The project is designed to adapt to any size or any column gap. You can change these values into the main CSS file. Example width: 85% and grid-gap: 20px; or width: 1200px and grid-gap: 14px;

https://vladocar.github.io/SMART-CSS-GRID/

Demo 1

Read more on my blog..

Download or Install

You can simply download the library or use:

$ npm i smart-css-grid

You can use PKG CDN:

 <link rel="stylesheet" href="https://unpkg.com/[email protected]/smart-grid.css">

License

This project is licensed under the MIT License

More Repositories

1

screenshoteer

Make website screenshots and mobile emulations from the command line.
JavaScript
1,675
star
2

Basic.css

Basic.css - Classless CSS Starter File
HTML
679
star
3

nanoJS

Minimal standalone JS library for DOM manipulation
JavaScript
653
star
4

Hartija---CSS-Print-Framework

Universal CSS for web printing
HTML
529
star
5

CSS-Micro-Reset

Minimal barebone CSS Reset
CSS
357
star
6

femtoJS

femtoJS - Really small JavaScript (ES6) library for DOM manipulation.
JavaScript
141
star
7

Box-CSS-Framework

Box - CSS Framework
HTML
138
star
8

Minimal-Notes

Minimal Notes web app build with Vue.js
HTML
127
star
9

infinity-css-grid

Fluid Flex Solution for making infinite grid columns.
HTML
120
star
10

flexy

Flexy is minimal CSS framework made with Flex
HTML
115
star
11

1-line-CSS-Framework

One Line CSS Framework
HTML
69
star
12

picoCSS

picoCSS - really small JavaScript Framework
HTML
67
star
13

60gs

60GS - 60 Columns Grid System based on CSS Grid Layout
HTML
65
star
14

ramd.js

ramd.js JavaScript library for making web applications.
HTML
63
star
15

Katana

Katana is CSS Layout System made with Flexbox
HTML
58
star
16

keywordsextract

keywords-extract - Command line tool extract keywords from any web page.
JavaScript
55
star
17

CSS-Mini-Reset

CSS Mini Reset
CSS
52
star
18

AutoObjectDocumentation

Auto Object Documentation - JavaScript
JavaScript
51
star
19

Flex-One

1 CSS Class Layout System made with Flex
HTML
49
star
20

Basic-CSS-Typography-Reset

Essential CSS Typography Set
HTML
47
star
21

Scribble-Font

Scribble Font for Prototyping & Wireframing
HTML
47
star
22

PDFSave

Convert websites into readable PDFs
JavaScript
46
star
23

CSS-Mobile-Reset

36
star
24

boilerplate-readme-template

Boilerplate README.md Template for GitHub or GitLab use.
36
star
25

floaty

CSS Float Based Layout System
HTML
35
star
26

HTML-Lorem-Ipsum-Crash-Test

HTML Lorem Ipsum Crash Test for testing your CSS
HTML
35
star
27

HTML5-Mini-Template

HTML5 Mini Template
35
star
28

o---JS-Library-for-Object-Manipulation

o - JS Library for Object Manipulation
JavaScript
31
star
29

CSS3-Fancy-Box

CSS3 Fancy Box
HTML
27
star
30

Two-Lines-CSS-Framework

Two Lines CSS Framework
17
star
31

Foxy-CSS-Framework

Foxy CSS Framework
16
star
32

CSS3-Chat-Bubble

CSS3 Chat Bubble
9
star
33

Font-Pairing-Glyph-Comparison-Tool

Web Template for Glyph Comparison
HTML
7
star
34

Simple-Button

Simple CSS Button - Starter Kit for CSS Buttons
HTML
4
star
35

Spacestone

CLI for tesseract.js
JavaScript
2
star
36

emastic---css-framework--beta3--0.8

Emastic is small, fluid, em based CSS Framework
2
star
37

npm-I-love-you-too

npm love us. we love it back.
2
star
38

foam-template

CSS
1
star
39

Pangram-Proveruvac-Makedonski

Панграм проверувач
HTML
1
star
40

font-pairing

Font Pairing
HTML
1
star
41

Child-Selector-System-CSS_Framework

Child Selector System is experimental CSS Framework that use child selectors for making multiple simple (column) grid.
HTML
1
star