nowfound

Dev tools · alternatives · 2026

24 alternatives to Waffle Grid

An easy to use flexbox grid system.

Waffle Grid is an open-source flexbox grid system designed for developers who need a straightforward approach to responsive web layouts. The tool simplifies the process of building grid-based designs by leveraging… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Waffle Grid launched in 2017; newer entries below may have overtaken it.

  1. 1

    Build flexible, responsive layouts - without writing code

    2016 · flexbox.webflow.com · its alternatives →

  2. 2
    Flex▲325

    Flexbox's are a pain to write, Flex makes it easy.

    2019 · its alternatives →

  3. 3AS
  4. 4

    Grid based on CSS3 flexbox

    2016 · flexboxgrid.com · its alternatives →

  5. 5

    Build awesome user interfaces with CSS flexbox

    2016 · flexboxpatterns.com · its alternatives →

  6. 6

    Hi HN. I built Waffle because I kept ending up with 15 terminal windows scattered across three spaces with no idea what was running where. Splitting/merging in iTerm kind of works but it never felt intuitive to me. With that in mind, I built something to suit my workflow: Waffle is a native macOS terminal (Built on Miguel de Icaza's SwiftTerm) that tiles your sessions into an auto-scaling grid automatically. 1 session is fullscreen, 2 is side by side, 4 is 2x2, 9 is 3x3. Open a terminal, it joins the grid. Close one, the grid rebalances. No splitting, no config. I've been using it a lot…

    Apr 2026 · waffle.baby · its alternatives →

  7. 7

    A simple, lightweight Javascript library for dynamic grid layouts. - e-oj/Magic-Grid

    2018 · github.com · its alternatives →

  8. 8

    CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.

    2024 · cssgridgenerator.io · its alternatives →

  9. 9
    Waffle▲84

    Your github workflow open sourced.

    2014 · its alternatives →

  10. 10

    A completely visual way to build CSS grid–powered layouts

    2018 · its alternatives →

  11. 11

    Responsive & lightweight CSS grid for your website.

    2016 · simplegrid.io · its alternatives →

  12. 12RG
  13. 13

    CSS Grid frameworks with custom browser support in a snap

    2018 · grid-wiz.vercel.app · its alternatives →

  14. 14GJ

    Grid.js is a lightweight JavaScript table plugin that works on all web browsers and devices. Grid.js is open-source and it helps you create advanced tables in seconds!

    2020 · gridjs.io · its alternatives →

  15. 15

    Create beautiful bento layouts online

    2025 · bento-generator.com · its alternatives →

  16. 16
    Grid.js▲322

    Free and open-source HTML table plugin that works everywhere

    2020 · gridjs.io · its alternatives →

  17. 17
    TailGrids▲404

    Tailwind CSS Component Library and UI Kit

    2022 · tailgrids.com · its alternatives →

  18. 18

    Simple tool to generate css grids

    2019 · cssgrid-generator.netlify.com · its alternatives →

  19. 19
  20. 20SG

    2021 · split.js.org · its alternatives →

  21. 21

    Hey HN! I just released Puck 0.18 with a new drag-and-drop engine for CSS grid and flexbox support. You can now use Puck to create a page builder that behaves like a design tool, but embedded within your own app and using your own React components. To use it, just add `display: flex` (or grid, etc) to your DropZone and Puck will gracefully handle drag-and-drop across all dimensions. Shout out to the dnd-kit maintainer Claudéric for the collaboration and support (if you’re reading this, I just sponsored you on GitHub!) and as always, a huge thanks to my wonderful community for all the testing…

    2025 · github.com · its alternatives →

  22. 22

    Build progressive websites with simple drag'n'drop 🚀

    2018 · grid.studio · its alternatives →

  23. 23FE
  24. 24
    GRID▲244

    Turn your spreadsheets into smart, interactive web documents

    2021 · grid.is · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →