Life & fun · alternatives · 2026

24 alternatives to Drul.js – A simple library to create HTML grid layouts

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Drul.js – A simple library to create HTML grid layouts launched in 2017; newer entries below may have overtaken it.

1. 1
   Gridset▲75

   Web Layout Evolved.

   2014 · monotype.com · its alternatives →

2. 2
   Squints▲81

   Design tools for the live web

   27d ago · squints.app · its alternatives →

3. 3GB
   Grid by Example – Usage Examples for the CSS Grid Layout Module▲5

   2014 · gridbyexample.com · its alternatives →

4. 4
   Ordering Disorder▲64

   Grid Principles for Web Design

   2016 · amazon.com · its alternatives →

5. 5
   Automated Responsive Design Testing▲65

   A step-by-step guide to cross-browser layout testing

   2016 · tinnedfruit.com · its alternatives →

6. 6HP
   High-Performance canvas data grid▲8

   2017 · tonygermaneri.github.io · its alternatives →

7. 7AG
   A grid based editor for Markdown tables, CSV, Gherkin tables, HTML▲9

   2021 · eviltester.github.io · its alternatives →

8. 8
   Css Grid By Mozilla Firefox▲10

   INTRODUCTION TO CSS GRID LAYOUT

   2017 · mozilladevelopers.github.io · its alternatives →

9. 9
   Grid▲5

   A simple guide to responsive design.

   2016 · adamkaplan.me · its alternatives →

10. 10AR
    A React port of Sketch's grid system▲7

    2018 · medium.com · its alternatives →

11. 11
    bricklayer.js▲5

    Lightweight Cascading Grid Layout Framework

    2016 · bricklayer.js.org · its alternatives →

12. 12FA
    Flexi, a layout framework for Ember.js▲5

    2016 · runspired.github.io · its alternatives →

13. 13
    Matt's DOM Utils—a modular HTML DOM library with wide browser support▲6

    2012 · fortybelow.ca · its alternatives →

14. 14TA
    Tweed – An OO JavaScript VDOM UI Library▲5

    2017 · medium.com · its alternatives →

15. 15
    Navigable and zoomable grid built with React▲5

    2018 · github.com · its alternatives →

16. 16
    Windsock.js – A flux inspired library for building web applications▲6

    2016 · github.com · its alternatives →

17. 17
    Monkberry▲6

    A JavaScript library for building web user interfaces

    2016 · monkberry.js.org · its alternatives →

18. 18
    Griddle▲6

    An ultra customizable datagrid component for React

    2017 · griddlegriddle.github.io · its alternatives →

19. 19AO
    An open source WebGL renderer in 300 lines of JavaScript with 30 maps▲5

    2018 · comanche3d.com · its alternatives →

20. 20
    Polished js▲6

    A lightweight toolset for writing styles in JavaScript

    2017 · polished.js.org · its alternatives →

21. 21
    I built a declarative layout engine for SVG, Canvas, WebGL▲5

    Hey HN, I built a tiny zero DOM layout engine for vector graphics and custom renderers to resolves nested rows/cols/grids into exact `{x, y, w, h}` boxes, with text measurement, overflow signals, and collision separation. This is to help make SVG, PDF, Canvas responsive. Feedback welcome from anyone building canvas/SVG diagrams, dashboards, node editors, or diagram tools.

    Jul 2026 · github.com · its alternatives →

22. 22
    Drizzle▲6

    A streamlined tool for presenting UI pattern libraries.

    2016 · github.com · its alternatives →

23. 23
    Descartes▲3

    An experimental library for writing CSS in JavaScript

    2016 · descartes.io · its alternatives →

24. 24SU
    Smooth UI System, a new way to style components▲6

    2019 · smooth-ui.smooth-code.com · its alternatives →

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 →