I am starting a project from scratch and I want any one of this two to be used . So I really dont to fall in the learning hole of any . I want a responsive , professional looking website. I f possible I can use simply skeleton or bootstrap for responsiveness cause I think both of them is having grid system for mobile view...and I think I really dont want that
I am web developer with a special crush on blockchain technology and having affairs with node.js and react.js.
They're both equally as responsive on mobile. If you have different grid needs, you can always define your by overriding their default theming.
Material UI is probably further along (read: less buggy, more performant) than Semantic UI, but SUI has a few more useful components that MUI doesn't offer (like an autocomplete API search).
Semantic UI is "easier to learn" because Material UI uses JSS/CSS-in-JS, requiring you to use theming HOCs. Meanwhile SUI uses straight up components and styles using CSS you import yourself, so you override the Semantic UI CSS framework. If you don't have a way to import CSS into your JS app already, you'll have to figure out that process (while MUI would work out of the box).
If you want to just create a portfolio website, and the goal isn't to pick up a component system, I would just stick to writing React + CSS/SASS/LESS (or try using a CSS-in-JS lib like Emotion/Styled Components). It allows you to really custom tailor your own design system and create something truly unique (rather than looking "bootstrappy" or like yet-another-Material-site).
Sebastian
I used semantic ui and was really quick very disappointed regarding the kind of things get handled and performance.
If you want stay at the material design I recommend using the "original" one from Google. If you're after some nice react integration then take a look at rmwc.
jamesmfriedman.github.io/rmwc
If material design is not mandatory then my usual suspects are bootstrap 4 and spectre.css