vladocar / Smart Css Grid
Licence: mit
SMART CSS GRID - CSS Framework
Stars: ✭ 291
Projects that are alternatives of or similar to Smart Css Grid
Katana
Katana is CSS Layout System made with Flexbox
Stars: ✭ 57 (-80.41%)
Mutual labels: css3, css-framework, css-grid
Box Css Framework
Box - CSS Framework
Stars: ✭ 138 (-52.58%)
Mutual labels: css-framework, css3, css-grid
Cirrus
☁️ The CSS framework for the modern web.
Stars: ✭ 716 (+146.05%)
Mutual labels: css-framework, css3, css-grid
unitscss
UNITS is a simple and beautiful CSS component set.
Stars: ✭ 13 (-95.53%)
Mutual labels: css3, css-framework, css-grid
swatch
A lightweight, modern theming library based on CSS variables and the setter/getter pattern.
Stars: ✭ 14 (-95.19%)
Mutual labels: css3, css-framework
Front End Frameworks
A collection of best front-end frameworks for faster and easier web development.
Stars: ✭ 2,786 (+857.39%)
Mutual labels: css-framework, css-grid
advanced-web-developer-bootcamp-notes-examples-and-exercises
Examples and Exercises compiled. From the awesome Advanced Web Developer Bootcamp
Stars: ✭ 24 (-91.75%)
Mutual labels: css3, css-grid
Fluid
Modern, Stylish, Easier and Powerful Css framework for faster and hassle free web development
Stars: ✭ 24 (-91.75%)
Mutual labels: css-framework, css-grid
sass-structure
Sass folder structure => organizing project files.
Stars: ✭ 32 (-89%)
Mutual labels: css3, css-framework
strawberry
A new flexbox based CSS micro-framework.
Stars: ✭ 71 (-75.6%)
Mutual labels: css3, css-framework
60gs
60GS - 60 Columns Grid System based on CSS Grid Layout
Stars: ✭ 65 (-77.66%)
Mutual labels: css-framework, css-grid
glide
a modular but comfy startpage for many scenarios
Stars: ✭ 39 (-86.6%)
Mutual labels: css3, css-grid
vanilla-js
Projects using pure JavaScript without any external libraries or frameworks
Stars: ✭ 129 (-55.67%)
Mutual labels: css3, css-grid
Two-Lines-CSS-Framework
Two Lines CSS Framework
Stars: ✭ 17 (-94.16%)
Mutual labels: css-framework, css-grid
hangman-game
A responsive hangman game built with vanilla javascript, html, and css. Animated with GSAP and canvas animations.
Stars: ✭ 22 (-92.44%)
Mutual labels: css3, css-grid
aioneframework
Aione Framework: All-in-one lightweight mobile first front-end framework to design websites, web applications, mobile applications, progressive web applications having large number of examples, documentation, tutorials, community support, components.
Stars: ✭ 13 (-95.53%)
Mutual labels: css-framework, css-grid
Stylizer
Stylizer is a flexible Css framework based on the visual aspect, the framework offers you a clean and easy work.
Stars: ✭ 44 (-84.88%)
Mutual labels: css3, css-framework
Front End Web Development Resources
This repository contains content which will be helpful in your journey as a front-end Web Developer
Stars: ✭ 3,452 (+1086.25%)
Mutual labels: css-framework, css-grid
Shorthand
Feature rich CSS framework for the new decade https://shorthandcss.com
Stars: ✭ 230 (-20.96%)
Mutual labels: css-framework, css3
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/
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].