CSS selector generator for shortest, unique, robust selectors

In plain words

This tool generates CSS selectors that are optimized to be as short, unique, and robust as possible. It's designed for web developers and QA engineers who need to create reliable selectors for automated testing, web scraping, or styling purposes. The generator analyzes HTML elements and produces minimal selectors that maintain validity across page changes, reducing maintenance burden compared to manually crafted or overly specific selectors.

written from the facts on this page · September 2026

• 
  Selector ForgeJun 2026 · selectorforge.ai · ▲133

  Hi HN, I'm Ahmad from the Intuned (https://intunedhq.com) team. Today, we're releasing and open-sourcing Selector Forge (https://selectorforge.ai/), a browser extension that generates reliable CSS/XPath selectors using AI. You can use it to create a selector for a single element or for an array of elements. The selectors it creates are meant to be "semantic" and more resilient to page changes than what Chrome DevTool’s “Copy Selector” (and other similar extensions) give you. Those tend to hand you something brittle like `#top > div.w-100.ph0-l.ph3.ph4-m > h1 >…

• 
  I made a drag and drop CSS grid generator2024 · cssgridgenerator.io · ▲262

  CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.

• 
  Buttons Generator2021 · markodenic.com · ▲301

  100+ buttons you can use in your project

• 
  CSS Grid Generator2019 · cssgrid-generator.netlify.com · ▲307

  Simple tool to generate css grids

• 
  CSS Grab n' Go Editor2020 · cssbuilder.veliovgroup.com · ▲213

  Visual editor for learning and quick CSS mocking

• 
  CSS Color Gradient Generator2020 · mybrandnewlogo.com · ▲208

  A novel and easy way to design beautiful color gradients.

• 
  /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

• 
  Six Degrees of Wikipedia▲1,176

  Find the shortest hyperlinked paths between any two pages on Wikipedia.

  Life & fun · 2018 · sixdegreesofwikipedia.com

• 
  Witeboard▲1,017

  A real-time whiteboard for your team. No signups required.

  Dev tools · 2018 · witeboard.com

• 
  Product Hunt 4.0 for Mobile▲955

  Discover your next favorite thing, now on iOS and Android 📱

  Life & fun · 2018

• 
  PixelSnap▲945

  Measure every pixel on your screen with ease ✨

  Dev tools · 2018 · pixelsnap.com

• 
  Sip by Product Hunt▲933

  Daily tappable tech news and stories.

  Life & fun · 2018 · sip.fyi

• 
  Logo▲866

  Clean, simple, hassle-free logo design

  Growth · 2018 · logo.shapefactory.co