StackShareStackShare
Follow on
StackShare

Discover and share technology stacks from companies around the world.

Product

  • Stacks
  • Tools
  • Companies
  • Feed

Company

  • About
  • Blog
  • Contact

Legal

  • Privacy Policy
  • Terms of Service

© 2025 StackShare. All rights reserved.

API StatusChangelog
Material Design
ByGoogleGoogle

Material Design

#70in Frameworks
Discussions1
Followers890
OverviewDiscussions1

What is Material Design?

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

Material Design is a tool in the Frameworks category of a tech stack.

Material Design Pros & Cons

Pros of Material Design

  • ✓They really set a new bar in design
  • ✓An intuitive design
  • ✓Simply, And Beautiful
  • ✓Many great libraries
  • ✓Composants

Cons of Material Design

  • ✗Sometimes, it can hang the browser

Material Design Alternatives & Comparisons

What are some alternatives to Material Design?

Bootstrap

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 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

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 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

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

Nuxt.js

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.

Material Design Integrations

react-md, React Native Paper, Material Tailwind, Quasar Framework are some of the popular tools that integrate with Material Design. Here's a list of all 4 tools that integrate with Material Design.

react-md
react-md
React Native Paper
React Native Paper
Material Tailwind
Material Tailwind
Quasar Framework
Quasar Framework

Material Design Discussions

Discover why developers choose Material Design. Read real-world technical decisions and stack choices from the StackShare community.

Giordanna De Gregoriis
Giordanna De Gregoriis

Jr Fullstack Developer

May 21, 2021

Needs adviceonNuxt.jsNuxt.jsVue.jsVue.jsViteVite

TL;DR: Shall I keep developing with Nuxt.js 2 and wait for a migration guide to Nuxt 3? Or start developing with Vue.js 3 using Vite, and then migrate to Nuxt 3 when it comes out?

Long version: We have an old web application running on AngularJS and Bootstrap for frontend. It is mostly a user interface to easily read and post data to our engine.

We want to redo this web application. Started from scratch using the newest version of Angular 2+ and Material Design for frontend. We haven't even finished rewriting half of the application and it is becoming dreadful to work on.

  • The cold start takes too much time
  • Every little change reload the whole page. Seconds to minutes of development lost looking at a loading blank page just changing css
  • Code maintainability is getting worse... again... as the application grows, since we must create everytime 5 files for a new page (html, component.ts, module.ts, scss, routing.ts)

I'm currently trying to code a Proof of Concept using Nuxt.js and Tailwind CSS. But the thing is, Vue.js 3 is out and has interesting features such as the composition API, teleport and fragments. Also we wish to use the Vite frontend tooling, to improve our time developing regardless of our application size. It feels like a better alternative to Webpack, which is what Nuxt 2 uses.

I'm already trying Nuxt.js with the nuxt-vite experimental module, but many nuxt modules are still incompatible from the time I'm posting this. It is also becoming cumbersome not being able to use teleport or fragments, but that can be circumvented with good components.

What I'm asking is, what should be the wisest decision: keep developing with Nuxt 2 and wait for a migration guide to Nuxt 3? Or start developing with Vue.js 3 using Vite, and then migrate to Nuxt 3 when it comes out?

0 views0
Comments

Try It

Visit Website

Adoption

On StackShare

Companies
76
GCLSMP+70
Developers
543
CCMAHD+537