nowfound

Life & fun · alternatives · 2026

ES

24 alternatives to ECSS – Simple rules for efficient CSS

A list of CSS authoring rules with examples and a Stylelint config accessible from the top of the page. I've come to these through 20 years of experience and a willingness to make vanilla CSS a better alternative to frameworks. I encourage you all to comment on the rules themselves and the Stylelint Config for ECSS. Here's the link for faster access (I still suggest at least zipping through the rules beforehand). https://www.npmjs.com/package/@efficientcss/stylelint-config...

ECSS is a collection of CSS authoring rules with accompanying examples and a Stylelint configuration file. Designed for web developers who prefer vanilla CSS over frameworks, it offers practical guidelines developed… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. ECSS – Simple rules for efficient CSS launched in 2024; newer entries below may have overtaken it.

  1. 1
    Water.css – A just-add-css collection of styles to make websites nicer▲501

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

    2019 · github.com · its alternatives →

  2. 2
    A visual guide to the most popular CSS properties▲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.

    2016 · cssreference.io · its alternatives →

  3. 3
    awsm.css▲173

    Simple CSS library for semantic HTML markup

    2017 · github.com · its alternatives →

  4. 4
    CSS Scan 2.0▲758

    The fastest and easiest way to inspect or copy CSS ⚡️

    2019 · getcssscan.com · its alternatives →

  5. 5LC
    LaTeX.css – Make your website look like a LaTeX document▲515

    A minimal, almost class-less CSS library to write modern websites that look like LaTeX documents.

    2020 · latex.now.sh · its alternatives →

  6. 6
    MVP.css – Minimalist stylesheet for HTML elements▲471

    MVP.css — Minimalist classless CSS stylesheet for HTML elements - andybrewer/mvp

    2020 · github.com · its alternatives →

  7. 7
    Pattern.css – CSS-only library to fill empty background with patterns▲332

    CSS only library to fill empty background with beautiful patterns. - bansal/pattern.css

    2020 · github.com · its alternatives →

  8. 8
    Shorthand CSS▲169

    Feature rich CSS framework for the new decade

    2020 · shorthandcss.com · its alternatives →

  9. 9
    CSS Scan 3.0▲256

    The fastest and easiest way to check, copy and edit CSS

    2022 · getcssscan.com · its alternatives →

  10. 10M2
    My 24-hour project, instacss.com▲90

    http://instacss.com (in case DNS update hasn't propagated: http://morning-warrior-3377.herokuapp.com/) Last night I was annoyed at how slow (and web 1.0-ish) most CSS reference sites seem to be, so I created this. It's basically a scrape of the CSS reference on w3schools, but with client side searching. Feedback is most welcome! some of the tech involved: node, requirejs, backbone, mongodb the code: http://github.com/rgarcia/instacss

    2011 · instacss.com · its alternatives →

  11. 11
    Tailwind CSS▲420

    A utility-first CSS framework for rapid UI development

    2017 · tailwindcss.com · its alternatives →

  12. 12
    bttn.css▲367

    Awesome buttons for awesome projects!

    2016 · bttn.surge.sh · its alternatives →

  13. 13
    Picnic.css, a lightweight Bootstrap alternative▲247

    I've tried to make it as light as possible. It's only tested with Firefox and Chrome, however I intend to test it in IE down to 9. What would you change? What would you add? Any feedback or pull request is greatly welcome! MIT Licensed

    2014 · picnicss.com · its alternatives →

  14. 14
    A simple, plain, minimal, classless CSS for simple, plain HTML pages▲128

    A simple, minimal, classless stylesheet for simple HTML pages - susam/spcss

    2020 · github.com · its alternatives →

  15. 15
    Unused CSS▲307

    Easily find and remove unused CSS rules

    2018 · unused-css.com · its alternatives →

  16. 16HC
    Hint.css v2.0 – Pure CSS tooltip library▲253

    2016 · kushagragour.in · its alternatives →

  17. 17
    I decided to document and share my high-level CSS best practices▲223

    2012 · github.com · its alternatives →

  18. 18
    Pattern.css▲197

    CSS library to fill empty background with beautiful patterns

    2020 · github.com · its alternatives →

  19. 19
    CSS Peeper▲350

    Smart CSS viewer tailored for Designers.

    2017 · csspeeper.com · its alternatives →

  20. 20
    EazyCSS▲260

    No code CSS editor for any website.

    2020 · eazycss.com · its alternatives →

  21. 21
    Basic.css – Classless CSS Starter File▲153

    Basic.css - Classless CSS Starter File. Contribute to vladocar/Basic.css development by creating an account on GitHub.

    2020 · github.com · its alternatives →

  22. 22
    I made CSS Scan 3.0, a fast way to check and copy CSS▲146

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

    2022 · getcssscan.com · its alternatives →

  23. 23
    A simple hand drawn HTML/CSS theme▲188

    A simple hand drawn HTML/CSS theme.

    2021 · chr15m.github.io · its alternatives →

  24. 24
    I wrote a book about Debugging CSS▲137

    An ebook with lots of tips and techniques on how to debug CSS the right way with easy and studied methods.

    2020 · debuggingcss.com · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →