Alternatives

Products that do what r12 does

a Swiss-inspired grid overlay for designers and developers

1. 1
   Grid Overlay Pro▲106

   A browser extension to visualize grid layouts on any webpage

   Feb 2026

2. 2
   TailGrids 2.0▲269

   Components, Blocks and Templates for Tailwind CSS

   2023

3. 3LA
   Layoutit – An interactive CSS Grid generator▲437

   2018 · layoutit.com

4. 4AS
   A simple lightweight CSS grid, not a bloated framework▲134

   2012 · thisisdallas.github.com

5. 5
   Layouts.dev▲699

   A notebook for building interfaces with Tailwind & shadcn/UI

   2024 · layouts.dev

6. 6
   TailGrids▲407

   Tailwind CSS Component Library and UI Kit

   2022

7. 7
   Grid Layout Builder by Webflow▲194

   A completely visual way to build CSS grid–powered layouts

   2018

8. 8MG
   Magic Grid – A simple JavaScript library for dynamic grid layouts▲167

   2018 · github.com

9. 9
   Preline UI v2.0▲324

   Open source Tailwind CSS component library

   2024

10. 10RG
    Reddit Grid – A better way to browse subreddits that are very visual▲217

    2017 · redditgrid.com

11. 11
    Simple Grid▲229

    Responsive & lightweight CSS grid for your website.

    2016

12. 12PO
    Puck – Open-source visual editor for React▲451

    Hey hackers, OP here! I've been dipping in and out of this problem space for the last few years with many of my clients. Puck sits somewhere between an old-school WYSIWYG-powered CMS and headless one, allowing content teams to author content using real React components. Traditional CMS solutions were flexible but often resulted in page that completely broke the brand guidelines. Headless CMS solutions are a fantastic way of controlling brand by restricting UI changes to developers, but makes layout changes restrictive and slow as developers often need to get involved. Puck provides a visual…

    2023 · github.com

13. 13
    Tailgrids 3.0▲342

    Open-source React UI library for Tailwind and AI Workflow

    May 2026 · tailgrids.com

14. 14
    Subform▲165

    A CAD-inspired design tool for UX/UI design.

    2016

15. 15
    GRID Sheets 1.0▲130

    AI-powered spreadsheet w/ interactive datavis layer

    2023

16. 16
    Tailwind CSS v2.0▲390

    Rapidly build modern websites without ever leaving your HTML

    2020

17. 17DA
    DataSheetGrid, an Airtable-like React component▲342

    I've built and have been maintaining a React component that renders an Airtable / Notion-like component for a few years. This can be seen as an where the value is an array of objects. You can then specify any number of columns that are each responsible for rendering an input for a specific key. The component handles all accessibility features like keyboard navigation, adding / removing rows, context menu, virtualization... If you ever need your users to input long lists of data, this might be a good way to render the form!

    2023 · react-datasheet-grid.netlify.app

18. 18IM
    I made a drag and drop CSS grid generator▲262

    2024 · cssgridgenerator.io

19. 19
    Grid.studio (beta)▲229

    Build progressive websites with simple drag'n'drop 🚀

    2018

20. 20
    Figma Grids Generator▲127

    Generate layout grid styles on the fly

    2020

21. 21
    Grid Wiz▲90

    CSS Grid frameworks with custom browser support in a snap

    2018

22. 22AS
    A simple React table library using CSS Grid Layout▲57

    2018 · github.com

23. 23
    UX HeatGrid▲82

    Visualize user attention and content density in real time

    Feb 2026

24. 24SI
    Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta▲158

    2014 · shoelace.io

Ranked by how close each launch is in meaning, then by votes. Refine with a description →