CSS Size Analyzer

What it does

This tool analyses CSS code to identify large rules and selectors. You might find that there are large CSS selectors generated by Sass or assets like images or fonts embedded in the file.

Identify what causes large CSS downloads. Break CSS document size down by selector and declarations.

You are using an old browser that is not supported anymore. You can continue using the site, but some things might not work asfrom debugbear.com

• 
  CSS Selectors/Combinators Classifier2023 · ▲112

  Organize and highlight CSS selectors and combinators by type

• 
  CSS Inspector2020 · ▲141

  Get the CSS of any element on the web

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

  Visual editor for learning and quick CSS mocking

• 
  CodeScraper2019 · ▲160

  Hover over anything and get the HTML/CSS

• 
  I made CSS Scan 3.0, a fast way to check and copy CSS2022 · getcssscan.com · ▲146

  Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

• AC
  A Chrome extension that extracts used CSS and combines it into one file2018 · ▲40

  just wanted to share this useful tool with you. I have been looking at something like this for a very long time. https://chrome.google.com/webstore/detail/css-used/cdopjfddj... what it does: it analyses your html dom and looks for css classes. Then it extracts it all and combines it into 1 single css file. I used 5 css framworks which was on 340kb kb. This tool made it 36kb!

• 
  Run full iOS 16.5 firmware on Android Devices▲536

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 5d ago · github.com

• 
  /dev/null▲503

  a social network for devs

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

• 
  OpenBot▲362

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

  Dev tools · 28d 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 · 25d ago · talanoa.email

• 
  AUDR by Chargebee▲323

  Open standard for tracking agent run costs

  Dev tools · 30d ago · openaudr.dev

• 
  myPip▲271

  Vibe code, publish, and monetize games with AI

  Dev tools · 11d ago · mypip.dev

• 
  AI Content Genie▲1,071

  AI autopilot for content creation & marketing

  AI · 2023 · typeface.ai

• 
  Nudge 2.0▲1,051

  In-app experiences to activate, retain, & understand users

  Growth · 2023 · nudgenow.com

• 
  Cal.ai Email Assistant▲918

  World's first open source AI scheduling assistant

  AI · 2023 · cal.com

• 
  Design Studio by Tiledesk▲867

  Unlock AI magic for elevated customer engagement, fast

  AI · 2023 · tiledesk.com

• 
  TalkNotes▲854

  Turn your thoughts into actionable notes, fast

  AI · 2023 · talknotes.io

• 
  OpenAPI DevTools – Chrome extension that generates an API spec▲811

  Effortlessly discover API behaviour with a Chrome extension that automatically generates OpenAPI specifications in real time for any app or website.

  Dev tools · 2023 · github.com