awesome-grids-css

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #cli #claude-code #codex #developer-tools #react #windows

awesome-grids-css

★ 34 Open GitHub ↗

A curated list of awesome Grids CSS System :metal:

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![awesome flexbox](https://raw.githubusercontent.com/danilovaz/awesome-grids-css/master/awesome-grids-css.png)](https://github.com/danilovaz/awesome-grids-css/)

[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)
[![CodeOfConduct](https://img.shields.io/badge/code%20of%20conduct-1.3.0-ff69b4.svg)](http://contributor-covenant.org/version/1/3/0/)
[![Build Status](https://travis-ci.org/danilovaz/awesome-grids-css.svg?branch=master)](https://travis-ci.org/danilovaz/awesome-grids-css)

> A curated list of awesome Grids CSS System.
Inspired by [awesome-flexbox](https://github.com/afonsopacifer/awesome-flexbox) and [awesome-svg](https://github.com/willianjusten/awesome-svg).

## Table of Contents
* [W3C Specification](#w3c-specification)
* [Guides](#guides)
* [Tools](#tools)
* [Featured Projects](#featured-projects)
* [Talks](#talks)
* [Who to Follow](#who-to-follow)
* [Contributing](#contributing)
* [License](#license)

## W3C Specification
*The specification describes a two-dimensional grid-based layout system, optimized for user interface design.*
* [CSS Grid Layout Module Level 1](https://www.w3.org/TR/css-grid-1/)

## Guides
*Guides for developers or designers start their studies this wonderful technology.* :metal:
* [Building with grid](http://chris.house/blog/building-a-home-page-with-grid/) - Building a Home Page with Grid
* [Introducing the CSS Grid Layout](http://www.sitepoint.com/introducing-the-css-grid-layout/) - Introducing the CSS Grid Layout
* [The future of layout with CSS Grid layouts](https://hacks.mozilla.org/2015/09/the-future-of-layout-with-css-grid-layouts/) - The future of layout with CSS Grid layouts
* [The holy grail layout](http://bitsofco.de/holy-grail-layout-css-grid/) - The Holy Grail Layout with CSS Grid

## Tools
*Have a little help to create their projects* :smiley:

## Featured Projects
*Awesome projects about grid system.*
* [Jeet](https://github.com/mojotech/jeet) - The most advanced, yet intuitive, grid system available for Sass or Stylus
* [Lost](https://github.com/peterramsing/lost) - PostCSS fractional grid system built with calc() by the guy who built Jeet

## Talks
*Tired of reading articles? See an interactive talk and learn grid system now.*
* [Making Sense of the New CSS Layout](https://rachelandrew.co.uk/archives/2016/03/25/making-sense-of-the-new-css-layout/?utm_content=bufferfb55e&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer) - At Fluent Conf in San Francisco I presented a fairly high-speed look at the latest modules for CSS Layout.

## Who to Follow
*People who talk about it.*
* Afonso Pacifer [@afonsopacifer](https://twitter.com/afonsopacifer)
* Rachel Andrew [@rachelandrew](https://twitter.com/rachelandrew)

## Contributing
Want to contribute? [Follow these recommendations](https://github.com/danilovaz/awesome-grids-css/blob/master/CONTRIBUTING.md).

## License

[![CC0](https://licensebuttons.net/p/zero/1.0/88x31.png)](http://creativecommons.org/publicdomain/zero/1.0/)

To the extent possible under law, [Danilo Vaz](https://github.com/danilovaz) has waived all copyright and related or neighboring rights to this work.

awesome-grids-css

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README