Data

Tools

Indexes

Applications

Experiments

Awesome

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

Projects in Awesome Lists tagged with cssgrid

A curated list of projects in awesome lists tagged with cssgrid .

https://github.com/thomaspark/gridgarden

A game for learning CSS grid layout 🥕

css cssgrid game learning tutorial

Last synced: 13 May 2025

https://github.com/etesam913/euismod

📝 A website that make learning CSS grid easy and interactive

css cssgrid flexbox grid-layout interactive layout learning react tool

Last synced: 24 Aug 2025

https://github.com/facjure/mesh

A toolkit for Responsive Web Typography

cssgrid layout-engine typography

Last synced: 21 Feb 2026

https://github.com/codingelle/django-whatsapp-web-clone

A WhatsApp Web Clone Chat Application for those developers that like to use Django Channel for handling WebSocket request

cssgrid django djangochannel javascript tortoise-orm websocket whatsapp-web

Last synced: 25 Jun 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/taskbase/tb-grid

tb-grid is a super simple and lightweight 12 column responsive grid system utilizing css grid.

12column alternative awesome bootstrap css cssgrid foundation grid grid-layout grid-system lightweight minimalistic responsive scss simple skeleton

Last synced: 30 Dec 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/arronhunt/simple-columns

🏛 A simple 12-column framework utalizing CSS grid

columns css cssgrid layout

Last synced: 14 Apr 2025

https://github.com/medelman17/flexy-flip-cards

Responsive cards that flip. Built with React, Styled-Components, and CSS Grid.

cards cssgrid react reactjs reactjs-components styled-components

Last synced: 23 Apr 2025

https://github.com/dansalahi/pj-online-studio

An PJ Online Studio

css cssgrid html javascript

Last synced: 20 Mar 2025

https://github.com/hamlim/future-grid

A grid system for the future (and the past)

css css-grid css-grid-layout css-grids cssgrid flexbox framework grid ie8

Last synced: 06 Feb 2026

https://github.com/sabbirrahman/reddit-magazine

A simple reddit magazine app using web components

async-await cssgrid fetch-api webcomponents

Last synced: 28 Feb 2025

https://github.com/simonpadbury/baselayer-3

A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.

accessibility cascade-layers color-mix container-queries css cssgrid cssvariables eleventy-site oklch-color postcss responsive-layout

Last synced: 29 Oct 2025

https://github.com/diamondnath07/my_youtube_page

This a youtube clone app which features a live video. It is also a desktop view only application that works pretty well on your desktop and features css flexbox display property. It is built using html and css

css3 cssgrid html5

Last synced: 12 Sep 2025

https://github.com/judah-caruso/gridicarus

A structural approach to CSS Grids

css cssgrid framework gridicarus

Last synced: 15 Mar 2025

https://github.com/ajmalfaris11/youtube-frond-end

YouTube Friend End: HTML and CSS Repository :- Welcome to the YouTube Friend End repository! This repository hosts the front-end codebase for a YouTube channel's interface. Specifically designed for desktop viewing, this project is built using HTML and CSS, offering a visually appealing and intuitive user experience tailored for viewers engaging

css cssgrid flexbox-css html5 static-site

Last synced: 14 May 2025

https://github.com/govind-kumarr/my-tunes-musicapp

myTunes is a simple webpage where one can look at the best music and movie collections. It also have a gift cards feature by which you can avail amazing gift vouchers.

css3 cssflexbox cssgrid html5 javascript

Last synced: 24 Apr 2025

https://github.com/nn-bayat/developer-portfolio-website

A responsive portfolio website showcasing projects like a Tribute Page, Random Quote Machine, and Tic Tac Toe Game. Features a clean design, visual previews, and easy navigation. Built with HTML, CSS, and minimal JavaScript.

css3 cssgrid fullresponse-forces html5

Last synced: 15 Feb 2026

https://github.com/wadiebenabdouh/checkout-page

Checkout page e-shopping. first time using Javascript

chrome css cssgrid figma firefox flexbox javascript mediaqueries nodejs parcel-bundler sass scss

Last synced: 09 Apr 2025

https://github.com/kylealwyn/flexxed

The last CSS grid you'll ever need

css-grid cssgrid flexbox responsive

Last synced: 07 Jan 2026

https://github.com/glweems/whatgrid

Generate Css Grid Layouts and save them as templates for later

css cssgrid graphql nextjs node react styled-components

Last synced: 28 Feb 2025

https://github.com/clojj/elm-css-grid

Elm package for CSS Grid

css cssgrid elm elm-language grid layout

Last synced: 14 Jun 2025

https://github.com/nsdonato/mentor_productcard

Challenge de Frontend Mentor, Product Card. Utilizando Flexbox y CSS Grid

css cssgrid html

Last synced: 29 Mar 2025

https://github.com/osujipius/solflare

A replica of the solona based wallet website

bootstrap cssgrid

Last synced: 20 Jul 2025

https://github.com/san-pblr-gct/airporttransfer

Real time react application for allocating taxi using React, redux, signalr

aggrid css cssgrid react redux signalr styled-components styledcomponents

Last synced: 23 Feb 2026

https://github.com/manu-karenite/responsivewebpage

This is my first repository which contains my first Webpage which is Responsive in Nature prepared with Media Query(s) in CSS file.

css3 cssgrid html html5 media-queries

Last synced: 30 Dec 2025

https://github.com/andrey-tech/calendar-js

Класс Calendar. Формирует НTML-код календаря на год или на месяц с версткой CSS Grid Layout.

calendar css-grid-layout cssgrid grid-layout javascript jquery js

Last synced: 29 Mar 2025

https://github.com/victorcmarinho/zappts-test

Create pages layout, “sign in” and “sign up”.

angular cssgrid flexbox html5 sass typescript zappts

Last synced: 26 Feb 2025

https://github.com/tsra0ne/travelblog

Blog Page Using CSS Grid

css cssgrid html

Last synced: 22 Jul 2025

https://github.com/mooenz/mis-apuntes

Este repositorio es creado con el objetivo de guardar todos los apuntes, registros y ejercicios recopilados en los diferentes cursos tomados en la plataforma Platzi.

bases-de-datos css3 cssgrid dom-manipulation html html5 java-engine javascript makefile mobile-first nodejs npm-package responsive-web-design typescript

Last synced: 17 Mar 2025

https://github.com/kartiksarwan2017/react-calculator

Creating a Simple Calculator App for Arithmetic Operations using ReactJS

bootstrap5 css3 cssgrid html5 react-textfit reactbootstrap reactjs

Last synced: 23 Feb 2025

https://github.com/manu-karenite/guess-the-number

Contains a simple Web Application for a game called Guess -The- Number , bulit using HTML , CSS and JavaScript. The Web Application is totally reponsive in nature created with the help of Media Queries.

css3 cssgrid html5 javascript media-queries

Last synced: 05 Nov 2025

https://github.com/jamesgeorge007/github-navbar

Just cloned the Github Navbar and made it responsive. Done as a hobby project.

css3 cssgrid html5 navigationbar

Last synced: 21 Feb 2025

https://github.com/kaushikshivam/marketika

Marketing - A general landing page for business start ups and marketing agencies

creative css cssgrid custom-grid flexbox grid grid-layout html landingpage marketing-agency sass sass-functions sass-mixins website-template

Last synced: 07 Nov 2025

https://github.com/lewiskirega/calculator

This is a website that you can use to do your calculations. It has all the things needed in a basic calculator.

css cssgrid html5 javascript

Last synced: 21 Jan 2026

https://github.com/amodinho/formulaone-graphql-client

The front-end for 'FanBoost', powered by React-Apollo! 🏎🏂

apollo cssgrid grapql react tdd testing

Last synced: 12 Oct 2025

https://github.com/amaranand360/calculator

simple calculator web app built with javaScripts

css cssgrid html javascript

Last synced: 29 Mar 2025

https://github.com/aemin321/calculator

Calculator using JS , HTML , CSS

calculator css cssgrid flexbox html javascript

Last synced: 28 Feb 2025

https://github.com/mainageorge/css-grid-project

a website to show case css grid layout. The entire website is build using grid.

cssgrid cssgridlayout html javascript responsive-design responsivewebdesign

Last synced: 02 Apr 2025

https://github.com/mahmoudsamydev/dashboard-html-css

This repository represent a project of a Complete dashboard website, created with only HTML, CSS | Support responsivness

css css3 cssflexbox cssframework cssgrid html html5

Last synced: 04 Jul 2025

https://github.com/juiceboxes/juice-grid

Lightweight, simple, grid system using CSS Grid OR Flexbox

css cssgrid flexbox flexbox-grid grid grid-layout grid-system sass scss

Last synced: 27 Apr 2025

https://github.com/kobowood1/mywesiteboilerplate

A cool HTML CSS boilerplate for building websites quickly

css cssgrid flexbox-css html5 semantic

Last synced: 23 Oct 2025

https://github.com/eneax/learn-css-grid

25 exercises to master CSS Grid by Wes Bos

css-grid cssgrid html-css wesbos

Last synced: 19 Mar 2026

https://github.com/giandiport80/microsoft-homepage-clone

Cloning website microsoft homepage

cssflexbox cssgrid webdesign

Last synced: 15 Feb 2026

https://github.com/gkevinb/advent

Advent calendar surprise!!

cssgrid html-css-javascript

Last synced: 02 Apr 2025

https://github.com/hawkiq/cssgrid

repo for CSS Grid tutorial by me on IQ TECH channel

css cssgrid html tutorial

Last synced: 15 Jun 2025

https://github.com/mkraetke/css-grid-tutorial

Codegirls: Tutorial für CSS Grid

css cssgrid grid

Last synced: 02 Mar 2025

https://github.com/silvestrevivo/css-microsoft-homepage

CSS grid landing following the Youtube tutorial from @bradtraversy

css3 cssgrid youtube-video

Last synced: 20 Mar 2025

https://github.com/tupizz/testinggridcss

testando grid css with a template

cssgrid html-css

Last synced: 04 Apr 2025

https://github.com/chengetanaim/geniuslyricsclone

Cloning https://genius.com/ home page using HTML & CSS.

css cssflexbox cssgrid html

Last synced: 05 Jul 2025

https://github.com/ahmed-elbald/space-tourism-website-angular

🚀 🪐 This is my solution for Frontend Mentor's Space Tourism Website Challenge

accessibility angular angular2 css cssgrid frontend-mentor frontend-mentor-challenge html javascript rxjs

Last synced: 05 Apr 2025

https://github.com/aleksandromilenkov/faraway

React App for tracking your travel items. See it here: https://aleksandro-faraway.netlify.app/

createcontext css css3 cssgrid react reactjs usecontext-hook

Last synced: 26 Mar 2025

https://github.com/hughmorris01/react_grocer_bud

A React grocery list app built using 3 components, a controlled form input and toastify alerts. Local storage on the browser is used for persistent data.

css cssform cssgrid reactjs

Last synced: 21 Mar 2025

https://github.com/julian-chu/f2elab_week4_productgallery

https://julian-chu.github.io/F2ELab_week4_ProductGallery/

cssgrid

Last synced: 07 Mar 2026

https://github.com/abhiraj-ku/sukul-portfolio

This is portfolio website of rohit sukul (my friend)

css3 cssgrid html-css-javascript portfolio-website

Last synced: 13 Mar 2025

https://github.com/sameerjs6/calculator-app

This calculator app will be a great test of your CSS and JS skills especially. If you're wanting to practice using Grid, this challenge will be perfect for anyone!

css cssanimations cssgrid csstransition design javascript javascript-es6

Last synced: 13 Sep 2025

https://github.com/jnathalieng/ng_justinenathalie_webdevmidterms

This is my repository for my Squeezit Homepage and Character Page. The goal is to show the responsiveness of the grids with mobile to desktop.

css cssanimations cssgrid grid-system html js

Last synced: 26 Jun 2025

https://github.com/cristobalnyram/yard_sale

Interfaces of platform of yard sale

css cssgrid

Last synced: 28 Mar 2025

https://github.com/raihan2bd/image-gallery

This project is an Image Gallery built with React, JavaScript, HTML, and CSS. It allows users to view an image gallery on different devices, select and delete multiple images, and update the image order via drag and drop.

css cssgrid drag-and-drop html react responsive-design

Last synced: 05 Mar 2025

https://github.com/tsra0ne/productpage

Product Page Using 12 Column CSS Grid

css cssgrid html

Last synced: 03 Mar 2025

https://github.com/tsra0ne/gameblog

Blog Page Using CSS Grid

css cssgrid html

Last synced: 03 Mar 2025

https://github.com/itsproali/leaderboard

Here is a leaderboard of 2022 and this is responsive. (Try to resize your Browser window)......... All of the information are used as demo.

css css3 cssflex cssgrid html html5 itsproali leaderboard

Last synced: 14 Apr 2025

https://github.com/roggersanguzu/mopack-moving-and-packing

This Shows a Buildup Using CSS and HTML. It entails a packing and Transportation Company on individual Bases thought Not yet Completed

css3 cssgrid html html5

Last synced: 25 Jul 2025

https://github.com/dianavile/e-commerce-bookstore

Bookstore is an ecommerce Landingpage, created from scratch.

css3 cssflexbox cssgrid ecommerce html5 landingpage

Last synced: 08 Sep 2025

https://github.com/boymelvs/online-calculator

kodegoph bootcamp coding activity

cssgrid html5 javascript sass

Last synced: 22 Aug 2025

https://github.com/pedrolimass/dashboard_bootstrap

Desenvolvimento de um dashboard com Bootstrap.

bootstrap4 css3 cssgrid html5 javascript

Last synced: 11 Sep 2025

https://github.com/princiya/gridvsflexbox

CSS Grid vs Flexbox - the new web layout

css3 cssgrid flexbox

Last synced: 26 Dec 2025

https://github.com/manishsinghtomar/image_gallery

Image Gallery is used to store and display a collection of pictures. This example creates a responsive Image Gallery using HTML and CSS. Each gallery contains a number of div sections. Each div section contains an image.

css css-flexbox cssgrid html html-css responsive-layout

Last synced: 29 Jun 2025

https://github.com/andrei1994rus/movea

it's page layout Movies (also this is started page). Only this page is available.

adaptive burger burger-menu crossbrowser css-flexbox css-grid css3 cssflexbox cssgrid figma figmadesign fonts html iframe js modal normalize vanilla-js video video-player

Last synced: 26 Feb 2025

https://github.com/azlibdar/airbnb-homepage-grid

Airbnb's Homepage - Grid Layout sing HTML and CSS

airbnb-clone css3 cssgrid

Last synced: 31 Mar 2025

https://github.com/yisus82/zenva-responsive-web-design

Responsive Web Design - Zenva.com

css css-grid css3 cssgrid flexbox html html-css html5

Last synced: 24 Mar 2025

https://github.com/mr-ahmed-mr-bald/space-tourism-website-angular

🚀 🪐 This is my solution for Frontend Mentor's Space Tourism Website Challenge

accessibility angular angular2 css cssgrid frontend-mentor frontend-mentor-challenge html javascript rxjs

Last synced: 26 Jan 2026

https://github.com/epictetusz1/etch-a-sketch

Sketch Pad / Etch-A-Sketch assignment from The Odin Project

css css-grid css3 cssgrid front-end html javascript learning theodinproject

Last synced: 22 Apr 2025