Software Alternatives, Accelerators & Startups

Top 8 Design Tools in CSS Pre-processors / Extensions

The best Design Tools within the CSS Pre-processors / Extensions category - based on our collection of reviews & verified products.

Sass Animate.css Less Autoprefixer CSS Modules Bourbon Compass CSS UnoCSS

Summary

The top products on this list are Sass, Animate.css, and Less. All products here are categorized as: Applications and software used for graphic design, UI/UX design, and other creative endeavors. CSS Pre-processors / Extensions. One of the criteria for ordering this list is the number of mentions that products have on reliable external sources. You can suggest additional sources through the form here.
  1. 1
    Syntatically Awesome Style Sheets
    Pricing:
    • Open Source

    #CSS Framework #Web Frameworks #Developer Tools 144 social mentions

  2. Animate.css is a cross-browser library of CSS animations.

    #CSS Framework #Web Frameworks #Developer Tools 1 social mentions

  3. 3
    Less extends CSS with dynamic behavior such as variables, mixins, operations and functions. Less runs on both the server-side (with Node. js and Rhino) or client-side (modern browsers only).

    #Development Tools #CSS Framework #Developer Tools

  4. autoprefixer - Parse CSS and add vendor prefixes to rules by Can I Use

    #Development Tools #CSS Framework #Developer Tools 22 social mentions

  5. I’ve been intrigued by CSS Modules lately. If you haven't heard of them, this post is for you. We'll be looking at the project and it's goals and aims. If

    #Development Tools #CSS Framework #Developer Tools 12 social mentions

  6. Bourbon - A simple and lightweight mixin library for Sass / CSS.
    Pricing:
    • Open Source

    #Development Tools #UI #Javascript UI Libraries

  7. Compass is an open-source CSS Authoring Framework.
    Pricing:
    • Open Source

    #Developer Tools #CSS Tools #Design Tools 3 social mentions

  8. 8
    The instant on-demand atomic CSS engine. Contribute to unocss/unocss development by creating an account on GitHub.

    #Development Tools #CSS Framework #CSS Pre-processors / Extensions 18 social mentions

Related categories

If you want to make changes on any of the products, you can go to its page and click on the "Suggest Changes" link. Alternatively, if you are working on one of these products, it's best to verify it and make the changes directly through the management page. Thanks!