Top 83 css-grid open source projects

An intimate and comfortable way to layout your components

React layout component based on CSS Grid Layout and built with styled-components

📘 Blueprint CSS is a modern responsive CSS layout library & grid built on top of CSS Grid and Flexbox.

App to sketch out a business model canvas

A CSS Grid Framework

Lightweight and simple to use UI Kit. Fully responsive, just 3KB gzipped.

A minimal, accessible React/Preact calendar component using modern CSS.

Foundational Layout Primitives for your React App

Chat UX components built with React, inspired by Facebook Messenger

Flexbox Toolkit & Grid

💬 Responsive Vue.js comment system plugin that built with CSS Grid and Firebase REST API + Authentication. https://tugayyaldiz.github.io/vue-comment-grid

Box - CSS Framework

A simple minimalist one page portfolio. Link:

Responsive dashboard templates 📊✨

The grid and responsive utilities classes extracted from the Bootstrap 4 framework, compiled into CSS.

A fast and clean Hugo theme with css-grid and Hugo pipes support.

A simple framework for faster and beautiful responsive sites

A simple responsive CSS Grid for humans. View Demo -

Fluid Flex Solution for making infinite grid columns.

Plate: a super stripped-down WordPress starter theme for developers.

React grid using CSS Grid and styled-components

Just a CSS Flexbox Grid System

An Utility CSS only library. It supports css grid and many more useful css properties.

👓 A curated list of CSS Grid Layout Module or only Css Grid.

ungrid - the simplest responsive css grid

CSS Grid cheat sheet

Design system for the modern web.

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.

💄 CSS UI kit with BEM convention and SASS

A simple Jekyll template for creating a fast, static website on Netlify

A modular table, based on a CSS grid layout, optimized for customization.

The Flex Grid is a responsive CSS flexbox grid. Because we can!

🎮 2D game engine for manage collisions. Made with javascript and CSS Grid Layout.

A static clone of Tom's iconic 2006 Myspace profile page.

Offline-first arcade game for children

Painless transitions for CSS Grid

Vue components made with Flexboxgrid

📋 Form & Layout JS Components

Physical representation of layout composition to create declarative responsive layouts in React.

☁️ The CSS framework for the modern web.

Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.

An easy to use flexbox grid system.

CSS responsive grid of hexagons

A useful list of must-watch talks about CSS

WordPress theme featuring CSS Grid layouts via aggressive progressive enhancement. Proof of concept to get the conversation about what CSS Grid means for WordPress themes started. Currently running live at https://mor10.com

🧮 Generate basic CSS Grid code to make dynamic layouts!

This project is developed by Nguyen Huu Phuoc. I love building products and sharing knowledge.

.fitgrd is the lightweight & sexy looking responsive grid for your next awesome website.

SMART CSS GRID - CSS Framework

This repository contains content which will be helpful in your journey as a front-end Web Developer

A collection of best front-end frameworks for faster and easier web development.

A curated list of CSS Grid Resources

A fullscreen loop effect that shows a preview of images when hovering a menu item.

Play "Ultimate Tic-Tac-Toe" in the browser 🚀

UNITS is a simple and beautiful CSS component set.

Katana is CSS Layout System made with Flexbox

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.

Tools for grapesjs

A CSS Grid-based slideshow template with a layer motion effect on the main image and on the title.

Wrapper around react-flexbox-grid for Plotly Dash