Material Design vs Material-UI vs Nuxt.js

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

Material Design

593
884
+ 1
14
Material-UI

2.2K
3.6K
+ 1
441
Nuxt.js

1.9K
1.6K
+ 1
353
Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Material Design
Pros of Material-UI
Pros of Nuxt.js
  • 5
    They really set a new bar in design
  • 4
    An intuitive design
  • 3
    Simply, And Beautiful
  • 2
    Many great libraries
  • 0
    Composants
  • 141
    React
  • 82
    Material Design
  • 60
    Ui components
  • 30
    CSS framework
  • 25
    Component
  • 14
    Looks great
  • 12
    Responsive
  • 12
    Good documentation
  • 9
    LESS
  • 8
    Ui component
  • 7
    Open source
  • 6
    Code examples
  • 6
    Flexible
  • 5
    JSS
  • 3
    Angular
  • 3
    Very accessible
  • 3
    Fun
  • 3
    Supports old browsers out of the box
  • 2
    Typescript support
  • 2
    # of components
  • 2
    Interface
  • 2
    Designed for Server Side Rendering
  • 1
    Support for multiple styling systems
  • 1
    Css
  • 1
    Easy to work with
  • 1
    Accessibility
  • 60
    SSR
  • 46
    Automatic routes
  • 31
    Middleware
  • 27
    Hot code reloading
  • 21
    Easy setup, easy to use, great community, FRENCH TOUCH
  • 20
    SPA
  • 20
    Static Websites
  • 19
    Plugins
  • 19
    Code splitting for every page
  • 17
    Custom layouts
  • 14
    Automatic transpilation and bundling (with webpack and
  • 12
    Modules ecosystem
  • 12
    Easy setup
  • 10
    Amazing Developer Experience
  • 10
    Vibrant and helpful community
  • 10
    Pages directory
  • 5
    Its Great for Team Development

Sign up to add or upvote prosMake informed product decisions

Cons of Material Design
Cons of Material-UI
Cons of Nuxt.js
  • 2
    Sometimes, it can hang the browser
  • 35
    Hard to learn. Bad documentation
  • 28
    Hard to customize
  • 21
    Hard to understand Docs
  • 8
    Bad performance
  • 7
    Extra library needed for date/time pickers
  • 7
    For editable table component need to use material-table
  • 2
    Typescript Support
  • 1
    # of components
    Be the first to leave a con

    Sign up to add or upvote consMake informed product decisions

    What is Material Design?

    Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.

    What is Material-UI?

    Material UI is a library of React UI components that implements Google's Material Design.

    What is Nuxt.js?

    Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable. You can use Nuxt.js for SSR, SPA, Static Generated, PWA and more.

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

    What companies use Material Design?
    What companies use Material-UI?
    What companies use Nuxt.js?

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

    What tools integrate with Material Design?
    What tools integrate with Material-UI?
    What tools integrate with Nuxt.js?

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

    What are some alternatives to Material Design, Material-UI, and Nuxt.js?
    Bootstrap
    Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
    Material Design Lite
    Material Design Lite (MDL) lets you add a Material Design look and feel to your static content websites. It doesn't rely on any JavaScript frameworks or libraries. Optimized for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go.
    Flat UI
    Flat UI is a beautiful theme for Bootstrap. We have redesigned many of its components to look flat in every pixel.
    Ant Design
    An enterprise-class UI design language and React-based implementation. Graceful UI components out of the box, base on React Component. A npm + webpack + babel + dora + dva development framework.
    Material
    Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift.
    See all alternatives