Masonry

What it does

Cascading grid layout library

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Masonry works on a container grid element with a group of child items. You can use Masonry as a jQuery plugin: $( 'selector' ).masonry() . You can use Masonry with vanilla JS: new Masonry ( elem, options ) . The Masonry () constructor accepts two arguments: the container element and an options object. You can initialize Masonry in HTML, without writing any JavaScript. Add data-masonry attribute to the container element. Options can be set in its value.…from masonry.desandro.com

• 
  Masonry Layout2023 · npmjs.com

  Pinterest like Masonry Layout

• 
  Sandcastle2017 · getsandcastle.com · ▲154

  Design a room with magical automated tools 🏡✨

• 
  Layout - No One's Trying to Make a Shitty Website2016 · layout.fm · ▲67

  How to work and collaborate with developers

• 
  Prototype Brewery2016 · prototypebrewery.io · ▲136

  Prototyping tool for building responsive web projects

• 
  Hover States2016 · hoverstat.es · ▲135

  New, interesting, and weird in web and design

• 
  Layout.dev2025 · layout.dev · ▲145

  Turn ideas into prototypes — in seconds

• 
  /dev/null▲481

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

  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

• 
  Amazon Go▲1,578

  Amazon stores with no lines or checkout 🛍

  AI · 2016 · amazon.com

• 
  Gomix▲842

  The easiest way to build the app or bot of your dreams

  AI · 2016

• 
  Slack Video Calls▲773

  Talking face-to-face with your team is just one click away

  Work · 2016 · slack.com

• 
  Auto-Layout for Sketch▲666

  Responsive design for Sketch

  Work · 2016 · animaapp.github.io

• 
  CakeResume v2 - Online Resume Builder▲662

  What's your workplace flavor? Join 10M+ users and take the free personality test to find out. Discover your workplace strengths and ideal career path in under 3 minutes with our CPTI™ assessment, based on the Myers-Briggs framework.

  Dev tools · 2016 · cake.me

• 
  Viral Loops for Startups▲656

  Virality for startups made easy 💪

  Growth · 2016 · viral-loops.com