Need advice about which tool to choose?Ask the StackShare community!

Susy

9
10
+ 1
0
Vuetify

1.2K
1.8K
+ 1
170
Add tool

Susy vs Vuetify: What are the differences?

Susy: Custom-built web tools for humans. It is a lightweight grid-layout engine for Sass, designed to simplify and clarify responsive grid layouts without ever getting in your way. You can use Susy with floats, flexbox, tables, or any other CSS technique. You’re the expert, we’re just here to make your job easier; Vuetify: Material Component Framework for VueJS 2. Vuetify is a component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify utilizes Google's Material Design design pattern, taking cues from other popular frameworks such as Materialize.css, Material Design Lite, Semantic UI and Bootstrap 4.

Susy and Vuetify belong to "Front-End Frameworks" category of the tech stack.

Susy and Vuetify are both open source tools. Vuetify with 20.8K GitHub stars and 2.52K forks on GitHub appears to be more popular than Susy with 3.95K GitHub stars and 368 GitHub forks.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Susy
Pros of Vuetify
    Be the first to leave a pro
    • 29
      Enables beauty for graphically challenged devs
    • 24
      Wide range of components and active development
    • 22
      Vue
    • 18
      New age components
    • 13
      Easy integration
    • 11
      Material Design
    • 10
      Open Source
    • 9
      Nuxt.js
    • 6
      Awesome Documentation
    • 5
      Awesome Component collection
    • 5
      Internationalization
    • 5
      Not tied to jQuery
    • 4
      Best use of vue slots you'll ever see
    • 2
      Not tied to jQuery
    • 2
      Treeshaking
    • 2
      Active Community
    • 2
      Responsiveness

    Sign up to add or upvote prosMake informed product decisions

    Cons of Susy
    Cons of Vuetify
      Be the first to leave a con
      • 19
        It is heavy
      • 3
        Not Vue 3 Ready (Alpha-Version)

      Sign up to add or upvote consMake informed product decisions

      What is Susy?

      It is a lightweight grid-layout engine for Sass, designed to simplify and clarify responsive grid layouts without ever getting in your way. You can use Susy with floats, flexbox, tables, or any other CSS technique. You’re the expert, we’re just here to make your job easier.

      What is Vuetify?

      Vuetify is a component framework for Vue.js 2. It aims to provide clean, semantic and reusable components that make building your application a breeze. Vuetify utilizes Google's Material Design design pattern, taking cues from other popular frameworks such as Materialize.css, Material Design Lite, Semantic UI and Bootstrap 4.

      Need advice about which tool to choose?Ask the StackShare community!

      What companies use Susy?
      What companies use Vuetify?
      See which teams inside your own company are using Susy or Vuetify.
      Sign up for StackShare EnterpriseLearn More

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with Susy?
      What tools integrate with Vuetify?

      Sign up to get full access to all the tool integrationsMake informed product decisions

      What are some alternatives to Susy and Vuetify?
      Bootstrap
      Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
      Material Design for Angular
      Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.
      Animate.css
      It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
      Tailwind CSS
      Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit. It doesn't have a default theme, and there are no build-in UI components. It comes with a menu of predesigned widgets to build your site with, but doesn't impose design decisions that are difficult to undo.
      Material-UI
      Material UI is a library of React UI components that implements Google's Material Design.
      See all alternatives