CSS Specificity Calculator

What it does

A visual way to understand CSS specificity . Change the selectors or paste in your own. Specificity Calculator was built by Keegan Street . The specificity calculator JavaScript module is available on GitHub or via npm install specificity . Care has been taken to ensure results are accurate. If you find a defect, please report itfrom specificity.keegan.st

• 
  A visual guide to the most popular CSS properties2016 · cssreference.io · ▲1,117

  CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

• 
  Sorted CSS Colors – Sort the named CSS colors in a nice way2021 · enes.in · ▲559

  CSS colors sorted by their hue, saturation and lightness

• CS
  CSS Stats2018 · cssstats.com · ▲13

  Visualize your CSS. View colors, typography, spacing, specificity graphs, and design tokens.

• 
  CSSViewer2016 · chromewebstore.google.com · ▲237

  A simple CSS property viewer

• 
  A Single Div2016 · a.singlediv.com · ▲177

  A CSS drawing project

• 
  CSS Reference for iPhone, iPad2017 · apps.apple.com · ▲157

  A visual guide to CSS with illustrated + animated examples

• 
  /dev/null▲490

  a social network for devs

  Dev tools · 3d 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 · 28d 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 · 26d ago · github.com

• 
  OpenBot▲362

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

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  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 · 21d ago · talanoa.email

• 
  CoreSpeed▲332

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

  Dev tools · 29d ago · corespeed.io

• 
  Startup Pitch Decks▲2,318

  Real decks from real startups that raised over $400M

  Growth · 2016 · cirrusinsight.com

• 
  Wave function collapse algorithm▲1,226

  Bitmap & tilemap generation from a single example with the help of ideas from quantum mechanics - mxgmn/WaveFunctionCollapse

  Life & fun · 2016 · github.com

• 
  Google Allo▲981

  Smart messaging app that helps you say more and do more.

  Work · 2016 · android.com

• 
  Primitive Pictures▲894

  Reproducing images with geometric primitives. Contribute to fogleman/primitive development by creating an account on GitHub.

  Dev tools · 2016 · github.com

• 
  Spectacles▲872

  Embedded camera sunglasses by Snapchat

  Work · 2016 · spectacles.com

• 
  AccessURL▲818

  Share access to accounts without sending a username/password

  Life & fun · 2016 · accessurl.com