Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with css-grid

A curated list of projects in awesome lists tagged with css-grid .

https://github.com/phuocng/csslayout

A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!

css css-grid flexbox flexbox-layout grid-layout reactjs typescript webpack

Last synced: 14 May 2025

https://github.com/sdras/cssgridgenerator

🧮 Generate basic CSS Grid code to make dynamic layouts!

css-grid generated-code generated-layout grid grid-layout grid-system netlify vue

Last synced: 14 May 2025

https://github.com/usablica/front-end-frameworks

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

css-framework css-grid responsive-css responsive-grid

Last synced: 05 Oct 2025

https://github.com/dioxuslabs/taffy

A high performance rust-powered UI layout library

css-grid flexbox hacktoberfest layout rust ui

Last synced: 12 Dec 2025

https://github.com/DioxusLabs/taffy

A high performance rust-powered UI layout library

css-grid flexbox hacktoberfest layout rust ui

Last synced: 27 Mar 2025

https://github.com/LayoutitStudio/layoutit-grid

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.

css css-grid generator vite vue vue3

Last synced: 05 Sep 2025

https://github.com/layoutitstudio/layoutit-grid

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.

css css-grid generator vite vue vue3

Last synced: 08 Apr 2025

https://github.com/rohitkrai03/pills

A simple responsive CSS Grid for humans. View Demo -

css css-grid grid grid-framework

Last synced: 16 May 2025

https://github.com/aholachek/animate-css-grid

Painless transitions for CSS Grid

animations css-grid transitions

Last synced: 14 May 2025

https://github.com/devlint/gridlex

Just a CSS Flexbox Grid System

css css-grid css3 flexbox-grid grid sass scss

Last synced: 15 May 2025

https://github.com/chrisnager/ungrid

ungrid - the simplest responsive css grid

bower css css-grid grid npm responsive simple ungrid vanilla-css

Last synced: 16 May 2025

https://github.com/kettanaito/atomic-layout

Build declarative, responsive layouts in React using CSS Grid.

atom atomic-design atomic-layout composition css-grid layout react responsive-props styled-components

Last synced: 14 Apr 2025

https://github.com/AakashRao-dev/cheatsheets-for-developers

📊 Get all of my CSS Cheatsheets from here which I have created & shared on twitter. Thanks for the support. 💜

cheatsheet css css-flexbox css-grid

Last synced: 14 Mar 2025

https://github.com/aakashrao-dev/cheatsheets-for-developers

📊 Get all of my CSS Cheatsheets from here which I have created & shared on twitter. Thanks for the support. 💜

cheatsheet css css-flexbox css-grid

Last synced: 12 Apr 2025

https://github.com/AakashRao-dev/Cheatsheets-for-Developers

📊 Get all of my CSS Cheatsheets from here which I have created & shared on twitter. Thanks for the support. 💜

cheatsheet css css-flexbox css-grid

Last synced: 30 Mar 2025

https://github.com/shovoalways/css-course

এই Modern CSS3 Tutorial Bangla প্লেলিস্ট ফলো করলে আমি আশা করি আপনার আর কোথাও থেকে CSS শিখতে হবে না। আমি এই একটা প্লে-লিস্ট এ ডিটেইলে আপনাকে CSS3 শিখাব, ইনশাআল্লাহ্‌। তাই আপনি যদি আগ্রিহী হন দেখতে থাকুন। Learn CSS for the first time or brush up your CSS skills and dive in even deeper. EVERY web developer has to know CSS.

css css-flexbox css-grid css3

Last synced: 04 Apr 2025

https://github.com/pr1mer-tech/waffle-grid

An easy to use flexbox grid system.

css css-grid flex flexbox flexbox-grid responsive sass scss waffle-grid

Last synced: 12 Dec 2025

https://github.com/bedrock-layouts/bedrock

Foundational Layout Primitives for your React App

css-flexbox css-grid grid-layout grid-system layout layouts

Last synced: 14 May 2025

https://github.com/Bedrock-Layouts/Bedrock

Foundational Layout Primitives for your React App

css-flexbox css-grid grid-layout grid-system layout layouts styled-components

Last synced: 13 Mar 2025

https://github.com/mor10/kuhn

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

css-grid progressive-enhancement wordpress wordpress-theme

Last synced: 06 Apr 2025

https://github.com/frjo/hugo-theme-zen

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

css-grid hugo hugo-theme responsive theme

Last synced: 15 May 2025

https://github.com/significa/react-snuggle

An intimate and comfortable way to layout your components. (NOT MAINTAINED)

css css-grid masonry react tiles

Last synced: 14 May 2025

https://github.com/jxnblk/react-css-grid

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

css-grid css-grid-layout grid-layout layout react react-component styled-components

Last synced: 04 Oct 2025

https://github.com/sejr/react-messenger

Chat UX components built with React, inspired by Facebook Messenger

chat components css css-grid facebook library messaging messenger react ux

Last synced: 08 Apr 2025

https://github.com/arunmichaeldsouza/css-mint

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

css-color-swatches css-framework css-grid css-library ui-components ui-design ui-kit

Last synced: 10 Apr 2025

https://github.com/websvg/voronoi

Parametric Voronoi generator with real time editing and SVG export

bootstrap client-side css-grid geometric-algorithms sampling-methods static-site svg svg-filters template-string vanilla-js voronoi

Last synced: 09 Apr 2025

https://github.com/kikiklang/pomme-page

Big buttons with easy click startpage for a browser.

binance crypto-chart css-grid newsapi openweather parcel-bundler pug self-hosted stormglass

Last synced: 02 May 2025

https://github.com/WebSVG/voronoi

Parametric Voronoi generator with real time editing and SVG export

bootstrap client-side css-grid geometric-algorithms sampling-methods static-site svg svg-filters template-string vanilla-js voronoi

Last synced: 09 Apr 2025

https://github.com/cipherlogs/uhugrid

The fast alternative to masonry and mosaic layout.

collaborate css-grid grid-css masonry masonry-grid masonry-js masonry-layout mosaic mosaic-images

Last synced: 09 Apr 2025

https://github.com/axentix/axentix

The framework mixing fully customizable components and utility-first classes, leaving the design choice to the developer.

axentix css css-grid dependency-free framework frontend grid javascript js ui

Last synced: 06 Apr 2025

https://github.com/rubencodes/recal

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

calendar calendar-component css-grid javascript-dates picker preact range-picker react

Last synced: 09 Apr 2025

https://github.com/louh/lcars

A responsive layout for Star Trek's LCARS user interface made completely in HTML/CSS/JavaScript.

css-grid lcars snowpack startrek vue vuejs

Last synced: 04 Apr 2025

https://github.com/dmhendricks/bootstrap-grid-css

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

bootstrap bootstrap-grid css-grid grid grid-layout

Last synced: 05 Apr 2025

https://github.com/tugayyaldiz/vue-comment-grid

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

comment-grid css-grid firebase firebase-authentication firebase-rest-api grid-system plugin vue vue-comment vuejs

Last synced: 18 Aug 2025

https://github.com/speyll/anemone

A Zola theme embracing minimalism, focusing on clean CSS while steering clear of resource-heavy JavaScript. Immerse yourself in a seamless user experience, powered by lightning-fast load times. ⚡

css css-grid css3 html html-css-javascript html5 javascript markdown ssg ssg-theme ssg-zola static-site static-site-generator static-website theme zola zola-site zola-theme zola-website

Last synced: 10 Apr 2025

https://github.com/bankole2000/netflix

Netflix homepage clone. Simple HTML CSS JS excercise

clone css-grid css3 netflix

Last synced: 05 Jul 2025

https://github.com/snack-ui/snack

🍱 A minimal CSS framework for web.

css-framework css-grid sass scss snack

Last synced: 15 May 2025

https://github.com/outboxcraft/beauter

A simple framework for faster and beautiful responsive sites

beauter css css-framework css-grid framework-css ui

Last synced: 16 Mar 2025

https://github.com/vladocar/infinity-css-grid

Fluid Flex Solution for making infinite grid columns.

css css-framework css-grid css-library flex flex-layout flexbox flexbox-css flexbox-grid

Last synced: 09 Jul 2025

https://github.com/Speyll/anemone

A Zola theme embracing minimalism, focusing on clean CSS while steering clear of resource-heavy JavaScript. Immerse yourself in a seamless user experience, powered by lightning-fast load times. ⚡

css css-grid css3 html html-css-javascript html5 javascript markdown ssg ssg-theme ssg-zola static-site static-site-generator static-website theme zola zola-site zola-theme zola-website

Last synced: 21 Sep 2025

https://github.com/elcritch/figuro

UI Library in pure Nim! [WIP]

animations css css-grid graphical-user-interface gui ui ux

Last synced: 07 May 2025

https://github.com/joshuaiz/plate

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

acf acf-ready bones css-grid cssgrid gutenberg php plate sass scss starter-theme theme woocommerce-support wordpress wordpress-theme

Last synced: 15 Apr 2025

https://github.com/nem035/react-gridit

React grid using CSS Grid and styled-components

css-grid react styled-components

Last synced: 24 Mar 2025

https://github.com/codyhouse/flashgrid

Lightweight CSS Grid System

codyhouse css-grid grid scss

Last synced: 15 Apr 2025

https://github.com/danurbanowicz/jekyll-netlify-boilerplate

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

boilerplate cms css-grid jamstack jekyll jekyll-boilerplate netlify-cms sass static-site

Last synced: 12 Oct 2025

https://github.com/tscircuit/minicssgrid

A tiny CSS grid implementation in typescript

css-grid css-grid-layout tscircuit

Last synced: 29 Sep 2025

https://github.com/vladocar/60gs

60GS - 60 Columns Grid System based on CSS Grid Layout

css css-framework css-grid grid grid-layout grid-system html

Last synced: 01 Aug 2025

https://github.com/motine/css_grid_annotator

Automatically annotate CSS Grid items with row and column positions, so they are correctly positioned in IE11.

css-grid ie11 polyfill

Last synced: 07 May 2025

https://github.com/ummahusla/potatocss

🥔 Simple CSS framework for hackers. Simple as potato.

css css-framework css-grid html responsive

Last synced: 10 Apr 2025

https://github.com/welefen/grid-layout

grid-layout is a layout engine which implements grid, can used in canvas/node-canvas

css-grid grid grid-layout layout

Last synced: 11 Jul 2025

https://github.com/xiphoseer/htmlcars

A HTML5 & CSS3 implementation of an LCARS GUI system from StarTrek

css-flexbox css-grid gui html-css html5 lcars star-trek vue-router vuejs2

Last synced: 11 May 2025

https://github.com/Xiphoseer/htmlcars

A HTML5 & CSS3 implementation of an LCARS GUI system from StarTrek

css-flexbox css-grid gui html-css html5 lcars star-trek vue-router vuejs2

Last synced: 21 Jul 2025

https://github.com/jeroenoomsnl/the-flex-grid

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

css-framework css-grid css-grid-layout flexbox flexbox-css flexbox-grid flexbox-layout flexgrid

Last synced: 23 Sep 2025

https://github.com/allthingssmitty/responsive-css-grid

A super-lightweight, responsive, 8-column grid based on box-sizing

box-sizing css css-grid grid pure-css purecss responsive responsive-grid

Last synced: 19 Oct 2025

https://github.com/jeffersonrpm/landing-page-anime

A simple landing page made in HTML and CSS has five anchors. The theme chosen is related to anime, the theme adopted is dark mode. In this project, grid, accessibility, responsive design, mobile, transitions, forms, among others, were addressed.

accessibility anime css-animations css-flexbox css-grid css3 dark-theme desktop-first form html5 landing-page mobile responsive-web-design transition-animation

Last synced: 21 Mar 2025

https://github.com/burnoutjs/burnoutjs

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

css-grid css-grid-layout game-development game-engine grid-layout hacktoberfest hacktoberfest2021

Last synced: 15 Apr 2025

https://github.com/phiilu/solved-by-grid

Popular page layouts solved with css-grid

collection css css-grid css-grid-layout

Last synced: 19 Mar 2025

https://github.com/alexchopin/vue-flexboxgrid

Vue components made with Flexboxgrid

css css-grid flexbox flexbox-grid vue-components vuejs vuejs2

Last synced: 12 Apr 2025

https://github.com/fusioncharts/faberjs

FaberJS is an open-source platform-independent layouting engine capable of mimicking different CSS layouting paradigm(ex. CSS grids)

canvas css css-grid css-grid-layout css-grids grid-layouts js-layouts layout layout-algorithm layout-engine svg-layout svg-layout-manager

Last synced: 08 May 2025

https://github.com/alexerlandsson/tiny-grid

This is a lightweight CSS grid framework used to build responsive websites and applications. With just a size of 4KB minified (< 1KB gzipped), it is hard to find a smaller framework with the same possibilities.

css-grid grid scss smaller-framework

Last synced: 09 Apr 2025

https://github.com/ab-noori/portfolio

Portfolio website will showcase all of my recent work. It will also maintain the information and history of my recent projects, the brave information about me, and the link to my resume.

css-flexbox css-grid css3 html5 javascript

Last synced: 05 Oct 2025

https://github.com/ultimate-ttt/ultimate-ttt

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

css-grid react redux tic-tac-toe typescript ultimate-tic-tac-toe web-game

Last synced: 16 May 2025

https://github.com/davidedantonio/bee-grid

A microframework based on CSS Grid Layout to build various types of grids thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes to organize your content.

css css-framework css-grid css-grid-layout cssgrid design-tools frontend grid jekyll micro-framework mixins sass-variables web

Last synced: 10 Apr 2025

https://github.com/fluid-framework/fluid

Modern, Stylish, Easier and Powerful Css framework for faster and hassle free web development

css css-framework css-grid fluid framework frontend mobile ready responsive scss scss-framework

Last synced: 23 Aug 2025

https://github.com/yamoo9/cj-olive-networks

CJ 올리브 네트웍스 강의 저장소 "반응형 웹 디자인"편

css-flexbox css-grid responsive-web-design rwd

Last synced: 22 Mar 2025

https://github.com/ab-noori/onlinebookstore

A simple book store with vanilla JavaScript. You can select multiple numbers of books. Adding them to cart, removing them from cart, decreasing and increasing the cart amount and calculating the total cost of the cart.

css-grid css3 flexbox html5 vanilla-javascript

Last synced: 02 Jul 2025

https://github.com/appforge-lab/vise.css

Minimal, Lightweight and Mature CSS Framework

css css-framework css-grid css3 grid-layout grid-system minimal

Last synced: 18 Mar 2025