HTML5 grid-drawing tool for UI designers
HTML5 grid-drawing tool for UI designers launched on April 11, 2011 with 18 votes, #46 of 229 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 15 years on.
In plain words
Neatgrid is a grid-drawing tool designed for UI designers working with HTML5. Launched in 2011, it helps designers create and visualize grid layouts for their user interface projects. The tool runs in the browser and allows designers to draw and adjust grids to establish structure and alignment for their designs. It's built for anyone creating web interfaces who needs a straightforward way to establish grid systems as a foundation for their layout work.
written from the facts on this page · September 2026
Does a similar job
all alternatives →
Wired-elements – UI web components with a hand drawn, sketchy look2018 · wiredjs.com · ▲650Common UI Elements with a sketchy hand-drawn look.
I made a drag and drop CSS grid generator2024 · cssgridgenerator.io · ▲262CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.

- ASA simple lightweight CSS grid, not a bloated framework2012 · thisisdallas.github.com · ▲134

More life & fun this month
the category →
A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.
Life & fun · 1d ago · permit.petercai.com
- IV
Life & fun · 14d ago · tanzaniaeducationproject.org

Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.
Life & fun · 15d ago · bigwords.page

Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.
Life & fun · 8d ago · guitoro.com

Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.
Life & fun · 12d ago · carrierexplode.com

Life & fun · 22d ago · space.bl2.net
Source: Show HN post ↗
Launched alongside, April 2011
the whole month →
Start selling what you know, see what sticks, and get paid. Simple and effective.
Work · 2011 · gumroad.com
- LS
Life & fun · 2011 · salaryshare.me
- MW
Work · 2011 · cantada.ca
- MA
hi all, I've always wanted to make my own game, but couldn't afford a thousand-dollar adobe (flash+photoshop) license. I'm not a talented programmer, have no degree in CS. But I understand some elements of design. So I got me a copy of ImpactJS, and after about 5 months of steep learning curve (at least for me), I managed to come up with a game. I also integrated it with a highscore and badge system, similar to what you get at Kongregate. You need to login with Google/OpenID to earn badges/scores. link is: http://www.hotbazooka.com/privatejoe hope to hear some feedback/questions from you guys!
Life & fun · 2011 · hotbazooka.com
- CA
I remember seeing the Dragon Labs Dragonfish Glowing Form Demo[1] when it first came out, and it always stuck in my head. They implement the effect by using a rather large background image and a mask image and move the background image around via Javascript. I was inspired and wanted to see how close I could get with CSS3. I recommend using a Webkit browser [and you can see an alternate version of the animation on Firefox 4]. [1] http://labs.dragoninteractive.com/panel/demo/
Life & fun · 2011 · kaylarose.github.com
- HT
Ever wanted to type as fast as those amazing hackers in the movies? now you can! just write something. Yes, i was really bored. To change writing speed: javascript:writer.speed=10;
Life & fun · 2011 · duiker101.tk