Project Wallace's Online CSS Analyzer V2

What it does

- Charts for getting a quick overview of stylesheet complexity - A chart for selector complexity - More concise lists for font-sizes, colors, etc. - The ability to sort colors, font-sizes, z-indexes, etc. - No more errors, unless *your* site is broken

Analyze your website

Prettifying makes inspecting the CSS easier, but very slighty changes the numbers. You are offline. Analyzing a URL will not work, but you can still analyze files or input directly. We have a separate tool for that! Our Design Tokens analyzer will help you find all your colors, font-sizes, and other design tokens in your CSS. This analyzer will show you everything you want to know about your code and a whole lot more. Think Source Lines of Code, selector complexity and specificity or which CSS units are used the most. Anyone who audits CSS can't do without these metrics. Here are some of the questions this analyzer willfrom projectwallace.com

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

  CSS colors sorted by their hue, saturation and lightness

• 
  Water.css – A just-add-css collection of styles to make websites nicer2019 · github.com · ▲501

  A drop-in collection of CSS styles to make simple websites just a little nicer - kognise/water.css

• 
  CSS Size Analyzer2023 · debugbear.com · ▲98

  Identify large CSS rules and selectors

• 
  CSStyle2014 · csstyle.io · ▲112

  Modern approach for crafting beautiful stylesheets.

• 
  CSS Selectors/Combinators Classifier2023 · ▲112

  Organize and highlight CSS selectors and combinators by type

• 
  Stylesheets2015 · stylesheets.co · ▲9

  Community Generated Collection of Awesome CSS Resources

• 
  Run full iOS 16.5 firmware on Android Devices▲518

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

  Dev tools · 2d ago · github.com

• 
  /dev/null▲492

  a social network for devs

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

• 
  OpenBot▲362

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

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

• 
  Tweet Hunter for Twitter▲930

  AI powered Twitter growth & scheduling for makers

  Growth · 2021 · tweethunter.io

• 
  Vimcal▲883

  Superhuman for Calendar

  Work · 2021 · vimcal.com

• 
  Thursday▲834

  Where remote teams do their socials, no sign up required

  Work · 2021 · thursday.social

• 
  Reform▲767

  Clean-looking, on-brand forms. No code required.

  Dev tools · 2021 · reform.app

• 
  CleanUp.Pictures▲750

  Remove objects and defects from your pictures - 100% free

  AI · 2021 · cleanup.pictures

• 
  Canva Video Suite▲723

  Create, edit, and record stunning videos with ease

  Growth · 2021 · canva.com