Front end design framework recommendation
Hi Indie hackers,
I am working on an app to store and track relationship goals and I have the backend setup and front end uses react to render components (looks very ugly), but I am not sure what is the best way to design pretty looking FE, I am leaning towards bootstrap since that seems like the most popular one. Any recommendations? thank you
Hello jkm,
Why don't you try Material-ui for React? It comes with good examples, demos and documentation.
https://material-ui.com/
Regards,
+1 on this one material-ui.com is great.
Thank you @gardj21 thank you for the recommendation. I will definitely check it out
I would use bootstrap and material design together. Bootstrap is good for the mobile first approach and material design has some really nice components. I like both.
thank you @onStack I am starting off with material UI since its easier coming from React, will incorporate bootstrap elements as needed :)
Depends on how complex your frond end is and whether you’d prefer the component or class-based approach but I have used https://milligram.io/ (class based) and https://react.semantic-ui.com/ (component based but can also be class based)
Hello jkm -
I personally like tailwind css for a really tight feedback loop to try layouts or styles in rapid iterations.
Bootstrap is a tried and tested framework which really shines at layout display on smaller screens.
Material design is great - it is basically a design system created at Google for app developers who could use this design system and get a dramatic step up in visual quality and professional appearance. Of course the downside of this is your style starts to look non-unique.
An added advantage of a React specific framework like Material UI is that the UI components are written as React modules and can be imported and used just like any other component.
Bootstrap / Bulma / Tailwind will more tend to act as global styles which affect all pages/elements. This can cause performance overhead so I prefer to use a system that lets me include only the parts of the framework I actually use. Cheers!
Bulma, Bootstrap, and Material UI are all good choices. I find that Bulma looks the best out of the box. If you're looking to whip up a UI really quickly and like React.js then check out https://divjoy.com
Vuetify for Vue?
+1 I really like Vuetify although it's quite big and can make your budnle a little heavy. Make sure you use the a-la-carte option to use only the components you need
Material-UI for React is awesome!
Thank @VladSofronov I am reading the docs and they seems pretty and easy to use.