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

Bosonic

Stacks1

Followers3

+ 1

Votes0

Material-UI

Stacks2.2K

Followers3.6K

+ 1

Votes445

Add tool

Material-UI vs Bosonic: What are the differences?

Material-UI: React components for faster and easier web development. It is a comprehensive guide for visual, motion, and interaction design across platforms and devices; Bosonic: A practical collection of everyday Web Components. It is a curated library of reusable Custom elements at an atomic level Carefully crafted with web standards and accessibility in mind, these custom HTML elements cover the web developer everyday needs. Simply put, these are the 'atomic parts' that will make up your application..

Material-UI and Bosonic are primarily classified as "UI Components" and "Front-End Frameworks" tools respectively.

Some of the features offered by Material-UI are:

Tables
Forms
Snackbars

On the other hand, Bosonic provides the following key features:

A lightweight platform
A future-proof solution
Browser Support

Material-UI and Bosonic are both open source tools. Material-UI with 50.5K GitHub stars and 12K forks on GitHub appears to be more popular than Bosonic with 211 GitHub stars and 22 GitHub forks.

Decisions about Bosonic and Material-UI

Abigail Watson

Dec 10, 2019 | 2 upvotes · 735.5K views

Chose

over

(

)

Fonts and typography are fun. Material Design is a framework (developed by Google) that basically geeks out on how to assemble your typographical elements together into a design language. If you're into fonts and typography, it's fantastic. It provides a theming engine, reusable components, and can pull different user interfaces together under a common design paradigm. I'd highly recommend looking into Borries Schwesinger's book "The Form Book" if you're going to be working with Material UI or are otherwise new to component design.

https://www.amazon.com/Form-Book-Creating-Printed-Online/dp/0500515085

Manage your open source components, licenses, and vulnerabilities

Learn More

Pros of Bosonic

Pros of Material-UI

Be the first to leave a pro

141
React
82
Material Design
60
Ui components
30
CSS framework
26
Component
15
Looks great
13
Responsive
12
Good documentation
9
LESS
8
Ui component
7
Open source
6
Code examples
6
Flexible
5
JSS
3
Supports old browsers out of the box
3
Interface
3
Angular
3
Very accessible
3
Fun
2
Typescript support
2
# of components
2
Designed for Server Side Rendering
1
Support for multiple styling systems
1
Accessibility
1
Easy to work with
1
Css

Sign up to add or upvote prosMake informed product decisions

Cons of Bosonic

Cons of Material-UI

Be the first to leave a con

36
Hard to learn. Bad documentation
29
Hard to customize
22
Hard to understand Docs
9
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

Sign up to add or upvote consMake informed product decisions

- No public GitHub repository available -

What is Bosonic?

It is a curated library of reusable Custom elements at an atomic level. Carefully crafted with web standards and accessibility in mind, these custom HTML elements cover the web developer everyday needs. Simply put, these are the 'atomic parts' that will make up your application.

What is Material-UI?

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

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

What companies use Bosonic?

What companies use Material-UI?

No companies found

Manage your open source components, licenses, and vulnerabilities

Learn More

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

What tools integrate with Bosonic?

What tools integrate with Material-UI?

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

What are some alternatives to Bosonic and Material-UI?

JavaScript

JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.

Git

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.

GitHub

GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Over three million people use GitHub to build amazing things together.

Python

Python is a general purpose programming language created by Guido Van Rossum. Python is most praised for its elegant syntax and readable code, if you are just beginning your programming career python suits you best.

jQuery

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.

See all alternatives

Bosonic vs Material-UI

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

Pros of Bosonic

Pros of Material-UI

Sign up to add or upvote prosMake informed product decisions

Cons of Bosonic

Cons of Material-UI

Sign up to add or upvote consMake informed product decisions

What is Bosonic?

What is Material-UI?

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

What companies use Bosonic?

What companies use Material-UI?

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

What tools integrate with Bosonic?

What tools integrate with Material-UI?

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

Related Comparisons

Trending Comparisons

Top Comparisons