suit

Style tools for UI components (by suitcss)

Suit Alternatives

Similar projects and alternatives to suit

  1. Tailwind CSS

    1,514 suit VS Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  2. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  3. Bootstrap

    587 suit VS Bootstrap

    The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

  4. prettier

    486 suit VS prettier

    Prettier is an opinionated code formatter.

  5. redux

    305 suit VS redux

    A JS library for predictable global state management

  6. styled-components

    243 suit VS styled-components

    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

  7. Sass

    223 suit VS Sass

    Sass makes CSS fun!

  8. Bulma

    170 suit VS Bulma

    Modern CSS framework based on Flexbox

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  10. PostCSS

    96 suit VS PostCSS

    Transforming styles with JS plugins

  11. normalize.css

    A modern alternative to CSS resets

  12. Materialize

    51 suit VS Materialize

    Materialize, a CSS Framework based on Material Design

  13. tachyons

    42 suit VS tachyons

    Functional css for humans

  14. MobX

    52 suit VS MobX

    Simple, scalable state management.

  15. stylelint

    49 suit VS stylelint

    A mighty CSS linter that helps you avoid errors and enforce conventions.

  16. ava

    34 suit VS ava

    Node.js test runner that lets you develop with confidence 🚀

  17. stylus

    31 suit VS stylus

    Expressive, robust, feature-rich CSS language built for nodejs

  18. Atomizer

    18 suit VS Atomizer

    A library to create small, reusable CSS that scales as your website grows.

  19. theme-ui

    22 suit VS theme-ui

    Build consistent, themeable React apps based on constraint-based design principles

  20. SpinKit

    17 suit VS SpinKit

    A collection of loading indicators animated with CSS

  21. karma

    11 suit VS karma

    Spectacular Test Runner for JavaScript

  22. material-design-lite

    Material Design Components in HTML/CSS/JS

  23. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better suit alternative or higher similarity.

suit discussion

Log in or Post with

suit reviews and mentions

Posts with mentions or reviews of suit. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2025-01-10.
  • How To Design Front-end UI Components
    3 projects | dev.to | 10 Jan 2025
    SUIT CSS was founded around 2013 by Nicolas Gallagher, the author of Normalize.css. Although it is now essentially unmaintained, its ideas based on component development still have relevance.
  • Rethinking CSS in JS
    32 projects | dev.to | 12 Sep 2024
  • Past Informs the Present: Begin’s Approach to CSS
    9 projects | dev.to | 10 Jan 2023
    As style sheets became the responsibility of larger and larger teams, CSS’ global scope and specificity were often at odds with team dynamics. Style collisions became increasingly common, where changes introduced by one developer would inadvertently affect styles elsewhere on the website. As the old joke goes: two CSS properties walk into a bar; a bar stool in a completely different bar falls over. As these issues and the number of people experiencing them multiplied, so too did new CSS methodologies, particularly those focused on style sheet architectures. Before long, we had SMACSS, SUIT CSS, BEM, ITCSS, and more. Third party supersets of CSS also appeared during this time, such as Sass and LESS, which gave style sheet authors access to scripting features like variables and loops.
  • Front-end Guide
    54 projects | dev.to | 23 Nov 2022
    CSS (Cascading Style Sheets) are rules to describe how your HTML elements look. Writing good CSS is hard. It usually takes many years of experience and frustration of shooting yourself in the foot before one is able to write maintainable and scalable CSS. CSS, having a global namespace, is fundamentally designed for web documents, and not really for web apps that favor a components architecture. Hence, experienced front end developers have designed methodologies to guide people on how to write organized CSS for complex projects, such as using SMACSS, BEM, SUIT CSS, etc.
  • Mengenal macam - macam Metodologi penulisan CSS - Part 2
    2 projects | dev.to | 3 Nov 2022
  • A Small Guide for Naming Stuff in Front-End Code
    3 projects | news.ycombinator.com | 12 Jan 2022
    This is actually super bad practice. I really dislike scoped css.

    When I see devs using scoped css the class names always end up like `.box` or `.name`.

    Having to think about classnames and writing Sass makes me much more aware of the structure of the components I'm styling. Frankly I think only JS oriented devs like scoped CSS and frontend who love html/css and the challenges of architecturing good CSS don't egt any benefit out of styled components (since you're using atomic css like Tailwind and/or BEM-style which always "scopes" classnames with the component name.

    In general any solid guidelines makes CSS instantly 10x better and that's all most projects needs, and it's often what most projects lack.

    SuitCSS works great with Vue in my experience, and can even be linted with postcss-bem-linter :

    https://github.com/suitcss/suit/blob/master/doc/naming-conve...

  • The React roadmap for beginners you never knew you needed.
    42 projects | dev.to | 23 Nov 2021
    SUITCSS
  • Metodologías CSS
    2 projects | dev.to | 9 Aug 2021
  • Bootstrap VS Tachyons
    3 projects | dev.to | 30 Jun 2021
    Tachyons developer, Adam Morse in this talk at DevShop London 2016, talks about motivation behind Tachyons. He discusses the problem of continuous over-riding your own written CSS code, writing tons of CSS code, struggle to keep all this info in your head and the need to refactor 200Kb CSS file. His answer to the problem is Tachyons. SUIT CSS (Style Tools for UI Components). was the initial inspiration that lead to creation of Tachyons. Unlike Bootstrap where you redefine a component multiple times, SUIT had a class which would not redefine itself or mutate later.
  • How I'm forcing myself to write CSS following certain rules
    2 projects | dev.to | 21 Apr 2021
    This component syntax is mainly taken from Suit CSS with minor modifications.
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 22 Jun 2025
    InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →

Stats

Basic suit repo stats
12
3,802
0.0
about 3 years ago

suitcss/suit is an open source project licensed under MIT License which is an OSI approved license.

The primary programming language of suit is HTML.


Sponsored
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com

Did you know that HTML is
the 9th most popular programming language
based on number of references?