SMART CSS GRID

What it does

Choose any main width and the grid will auto adapt. Example: 90%, 960xp, 10em or whatever you want. Super useful when you working with media queries. You can reorder anything. In this example we used: "grid-row: 20; grid-column: 4 / 7;" to bring 4 column to 2 place. You probably never gonna need nested columns with the CSS Grid, but if you do use the class .nested and you have 12 columns inside any other column. Smart Grid is CSS fluid responsive layout system with 12 columns and it is only 0.5 KB. Clear syntax. No unnecessary div nesting, meaning you will write less HTML. It works in any browser that support the CSS Gridfrom vladocar.github.io

• 
  Simple Grid2016 · simplegrid.io · ▲229

  Responsive & lightweight CSS grid for your website.

• AS
  A simple lightweight CSS grid, not a bloated framework2012 · thisisdallas.github.com · ▲134
• 
  Wing2016 · ▲247

  A dead-simple, responsive, CSS framework

• 
  EnjoyCSS2014 · enjoycss.com · ▲138

  CSS generator for rich graphical styles without coding

• 
  Grid2016 · adamkaplan.me · ▲5

  A simple guide to responsive design.

• 
  Gridset2014 · monotype.com · ▲75

  Web Layout Evolved.

• 
  /dev/null▲468

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Google Duplex▲1,447

  An AI assisstant that can talk on the phone 🤖

  AI · 2018 · research.google

• 
  Lobe▲1,236

  Visual tool for building custom deep learning models

  AI · 2018 · github.com

• 
  Screely▲1,099

  Instantly turn screenshots into beautiful images

  Growth · 2018 · screely.com

• 
  Fugue▲1,000

  Free stock music for your videos, games and UI

  Growth · 2018 · icons8.com

• 
  Spirit▲754

  The animation tool for the web.

  Dev tools · 2018 · spiritapp.io

• 
  Google Trends▲700

  A new experience to explore what the world is searching 🔎📈📊

  Life & fun · 2018 · trends.google.com