Top 23 css-grid Open-Source Projects

• CSS Layout

  12 8,011 7.3 MDX

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

  

• cssgridgenerator

  3 4,968 0.0 Vue

  🧮 Generate basic CSS Grid code to make dynamic layouts!

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• must-watch-css

  2 4,669 4.1

  🔥 CSS talks you have to see ⚡️ covering CSS Grid, flexbox, custom variables, performance, frameworks, Sass, tools, and more! 🚀

• Front-End-Web-Development-Resources

  3 4,587 4.1

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

• front-end-frameworks

  1 2,777 4.4

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

  

• taffy

  36 1,818 8.5 Rust

  A high performance rust-powered UI layout library

  

Project mention: Show HN: Dropflow, a CSS layout engine for node or <canvas> | news.ycombinator.com | 2024-03-21

I maintain a standalone web layout engine[0] (currently implementing Flexbox and CSS Grid) which has no scripting support. WPT layout tests using is a major blocker to us running WPT tests against our library. Yoga (used by React Native) is in a similar position.<p>Do you think the WPT would accept pull requests replacing such tests with equivalent tests that don't use <script> (perhaps using a build script to generate multiple tests instead - or simply writing out the tests longhand)?<p>I could run against only the ref-tests, but if I can't get full coverage then the WPT seems to provide little value over our own test suite.<p>[0]: <a href="https://github.com/DioxusLabs/taffy">https://github.com/DioxusLabs/taffy</a>

• layoutit-grid

  63 1,577 0.0 Vue

  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.

  

Project mention: An Interactive Guide to CSS Grid | news.ycombinator.com | 2023-11-23

These things are worth knowing but for all but the simplest layouts, I still use an interactive design tool to generate the layout.

I'm not making excuses for my ignorance —I use grid daily— it's just easier to visualise and label, well, visually.

There are many online grid generators, but I use https://grid.layoutit.com/

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• gridlex

  1 1,374 0.0 CSS

  Just a CSS Flexbox Grid System

• animate-css-grid

  2 1,345 0.0 TypeScript

  Painless transitions for CSS Grid

• Cirrus

  9 1,321 9.0 SCSS

  :cloud: The SCSS framework for the modern web.

• ungrid

  1 1,285 0.0 CSS

  ungrid - the simplest responsive css grid

• waffle-grid

  1 604 0.0 CSS

  An easy to use flexbox grid system.

  

• kuhn

  1 364 0.0 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

• uhugrid

  7 200 4.6 JavaScript

  The fast alternative to masonry and mosaic layout.

Project mention: Show HN: Save This Repo, an easy alternative for creating masonry layouts | news.ycombinator.com | 2023-11-19

• axentix

  5 193 5.0 TypeScript

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

  

• pomme-page

  2 178 0.0 JavaScript

  Big buttons with easy click startpage for a browser.

• frow

  1 168 0.0 Sass

  Flexbox Toolkit & Grid

  

• vanilla-js

  1 166 2.0 JavaScript

  Projects using pure JavaScript without any external libraries or frameworks

• voronoi

  2 158 10.0 JavaScript

  Parametric Voronoi generator with real time editing and SVG export (by WebSVG)

  

• snack

  1 138 0.0 SCSS

  🍱 A minimal CSS framework for web. (by nzbin)

  

• beauter

  1 129 0.0 CSS

  A simple framework for faster and beautiful responsive sites

  

• plate

  1 110 2.5 PHP

  Plate: a super stripped-down WordPress starter theme for developers. (by joshuaiz)

• 100DaysOfCode

  10 95 0.0 JavaScript

  The 100 days of code challenge 💻

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

css-grid related posts

• An Interactive Guide to CSS Grid

  3 projects | news.ycombinator.com | 23 Nov 2023

• Show HN: Save This Repo, an easy alternative for creating masonry layouts

  1 project | news.ycombinator.com | 19 Nov 2023

• What happens when you master CSS grid?

  1 project | /r/css | 28 Jun 2023

• Must-Have CSS Tools for Effortless Styling 🚀

  1 project | dev.to | 28 May 2023

• help with broken grid?

  1 project | /r/neocities | 25 May 2023

• Display flex isn’t working please help, it starts off fine then when I try to put it in the center using display flex it messes up and idk why please help

  3 projects | /r/css | 21 Mar 2023

• How do I make this layout with CSS ?

  3 projects | /r/webdev | 10 Mar 2023
• A note from our sponsor - InfluxDB
  www.influxdata.com | 10 May 2024

  Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com