nowfound

Dev tools · July 15, 2020

React Tiny Grid

A lightweight, dead-simple grid system for React

React Tiny Grid launched on July 15, 2020 with 2 votes. The site was still online in September 2026, 6 years on.

Visit react-tiny-grid.netlify.app ↗React Tiny Grid alternatives

What it does

React Tiny Grid is a grid system for React that just works out-of-the-box. It also supports advanced configuration, like custom breakpoints, gutter widths and column offsets.

A dead-simple grid system that works out-of-the-box, with advanced configuration options.

A grid system for React built to simplify the quirks of Flexbox. React Tiny Grid works out of the box, so all you have to do is wrap a Column component with a Row component. The magic just happens! You can customize the spacing between each column using the spacing prop. For example: spacing= {[x, y]} To limit how many columns are displayed in a single row, pass in a maxColumnCount prop with a value from 1-12. You can define custom column widths via the widths props, which accepts an array. You can set up to three breakpoints to create a unique layout for each screen size. You can offset each column a unique amount for each breakpoint. Simply pass in an array to the offsets prop that has…from react-tiny-grid.netlify.app

Does a similar job

all alternatives →
  • AS
    A simple lightweight CSS grid, not a bloated framework2012 · thisisdallas.github.com · ▲134
  • Simple Grid2016 · simplegrid.io · ▲229

    Responsive & lightweight CSS grid for your website.

  • A ReactJS Grid Component with infinite scroll, customization, and more2015 · dynamictyped.github.io · ▲122

    Griddle - React Grid component.

  • A lightweight, responsive simple grid component for React2016 · github.com · ▲9

    A lightweight, responsive simple grid component for React - sihaelov/react-sigrid

  • TG
    TinyUX – Grid based low-fi wireframing on your mobile phone2022 · tinyux.app · ▲112

    You tap icons to create a wireframe, or do some visual brainstorming. Then export the image to share on Slack, Gitlab, etc. I wanted to work on neural net that interprets an imported image of a wireframe, to then manipulate it inside an app. Figured it would be best to first build the wireframing app. So I created TinyUX. It's released as quickly as possible this influenced some choices: - While created in React Native, it's Android only. - It's paid only (~$5). While freemium might make more sense, this was quicker to release, since in-app-purchases in RN is not trivial. First app I created…

  • TR
    TinyJs React like framework in 35 lines of code2025 · ▲43

    Hi HN, I got to work yesterday and today and came up with a very simple way to create and manage state in TinyJS. I end up creating a simple App to illustrate how to use the new createState function and custom components in a React like manner. Here's the code for it - https://github.com/victorqribeiro/tinyapp Here's the PR for the createState function - https://github.com/victorqribeiro/TinyJS/pull/9

More dev tools this month

the category →
  • /dev/null▲482

    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▲343

    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 · 28d ago · corespeed.io

Source: Product Hunt launch ↗

Launched alongside, July 2020

the whole month →