shankariyerr / Griddd
Licence: mit
A dead simple, customisable, flexbox-based griddd
Stars: ✭ 108
Projects that are alternatives of or similar to Griddd
Blueprint Css
📘 Blueprint CSS is a modern responsive CSS layout library & grid built on top of CSS Grid and Flexbox.
Stars: ✭ 233 (+115.74%)
Mutual labels: grid, scss, flexbox
React Flex Ready
A Flexbox grid ready, easy to implement and customize
Stars: ✭ 23 (-78.7%)
Mutual labels: grid, grid-system, flexbox
Griz
Grid library for React; Rescue the cat
Stars: ✭ 99 (-8.33%)
Mutual labels: grid, grid-system, flexbox
Flexible Grid
Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)
Stars: ✭ 154 (+42.59%)
Mutual labels: grid, scss, flexbox
flexboxes
CSS flexbox framework with pure flexbox grid ability
Stars: ✭ 27 (-75%)
Mutual labels: grid, flexbox, grid-system
gutter-grid
A Sass flexbox based grid system that is able to replicate CSS grid-gap in IE11
Stars: ✭ 18 (-83.33%)
Mutual labels: grid, flexbox, grid-system
Pintsize
Customisable 💪 Flexbox grid system
Stars: ✭ 330 (+205.56%)
Mutual labels: grid, grid-system, flexbox
Blazm.components
A few useful and awesome components for Blazor. Blazor + awesome (azm)=Blazm (Blossom)
Stars: ✭ 29 (-73.15%)
Mutual labels: grid, scss
Lemon
🍋 Minimal and responsive CSS framework for fast building websites.
Stars: ✭ 51 (-52.78%)
Mutual labels: grid, flexbox
Axentix
Axentix is an open source Framework based on CSS Grid using HTML, CSS and JS. The easy layout control and grid system makes it one of the most easy to learn framework.
Stars: ✭ 75 (-30.56%)
Mutual labels: grid, frontend
Atgrid.css
CSS Grid System with attribute selectors
Stars: ✭ 37 (-65.74%)
Mutual labels: grid, flexbox
Vue Bootstrap With Material Design
Vue Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 803 (+643.52%)
Mutual labels: scss, frontend
Indoorjs
Indoor mapping for floorplans using on fabricjs
Stars: ✭ 59 (-45.37%)
Mutual labels: grid, grid-system
Equalizecss
Css framework with grid based on flexboxes
Stars: ✭ 61 (-43.52%)
Mutual labels: grid, flexbox
React Rasta
React Rasta is a powerful and flexible grid system for React
Stars: ✭ 88 (-18.52%)
Mutual labels: grid, grid-system
Pwa Boilerplate
✨ PWA Boilerplate is highly scalable and is designed to help you kick-start your next project 🔭.
Stars: ✭ 82 (-24.07%)
Mutual labels: scss, frontend
Griddd
A dead simple, customisable, flexbox-based griddd
DEMO
Installation
NPM
npm install griddd
CDN
https://unpkg.com/[email protected]/dist/griddd.min.css
Getting started
Link the stylesheet
<link rel="stylesheet" href=“https://unpkg.com/[email protected]/dist/griddd.min.css”>
Simple Syntax
<div class="container">
<div class="columns">
<div class="is-4"></div>
<div class="is-8"></div>
</div>
</div>
It’s that simple.
Customising - It’s all yours.
Slug
Don’t like the is-
slug? I heard it boss. Loud and clear. You can change it here to whatever you want.
Number of Columns
Tired of 12 column
grids? Go ahead and insert the magic number here
Sites using Griddd
- Sindre Sorhus’s Touch Bar Simulator
- Vookmark ’s transactional pages
- griddd :)
- Are you using gridd? let me know
Oh, am I missing something? the badges! here you go:
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].