Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression. Learn more →
Top 23 Material-UI Open-Source Projects
-
react-starter-kit
The web's most popular Jamstack front-end template (boilerplate) for building web applications with React
4 React Starter Kit React Starter Kit The React library, which has 20.6k stars, served as the foundation for Kriasoft's isomorphic starter kit. Modern web development tools including Node.js, Express, GraphQL, Babel, PostCSS, Webpack, and Browsersync are used by React Starter Kit
-
react-admin
A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
MaterialDrawer
The flexible, easy to use, all in one drawer library for your Android project. Now brand new with material 2 design.
-
Reactive-Resume
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
-
Seems from your description that the most importnat thing in your portfoglio is a demo and data elaboration? In this case it would be nice to have a way in the interface to do some manipulation, how much depends on you. For the front end oart would suggest against reinventing the wheel and go with some premade framework like bootstrap which uses a 12column vertical design layout and on which most modern wordpress themes are reliant upon, even the some page builders. Now if you alredy know what type of of element/graphs/data visualization you want on your front end you may decide that you will go with a bootstrap admin theme which can be integrated with your php code and use premade html mapped with php logic to display stuff. A basic theme to start may be something like this one wich should be free: soft UI dashboard. material design - a bit more flat. With this you can make user credentials and give your interviewers credentials for a demo like experience instead of making it public?
-
-
Android-Iconics
Android-Iconics - Use any icon font, or vector (.svg) as drawable in your application.
Project mention: Does anyone here use Android-Iconics (icon library) and know how to set it up? | reddit.com/r/AskProgramming | 2023-02-22I was wondering if anyone here has used Android-Iconics recently? It seems to be a very useful library, but I can't for the life of me get the icons to appear. I carefully followed all the steps on the GitHub page.
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
-
relay-starter-kit
💥 Monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, Material UI.
-
builderbook
Open source web application to learn JS stack: React, Material-UI, Next.js, Node.js, Express.js, Mongoose, MongoDB database.
-
Project mention: The Best React Data Grid/Table Libraries with Material Design in 2023 | dev.to | 2023-01-01
Material-Table is a library that I used to use a lot. It was awesome. Unfortunately, the maintainer does not seem to be active on GitHub anymore, and the project is no longer being actively maintained. It went a couple of years without getting any updates, and there are some glaring NPM audit security warnings that you will receive if you install this in your project.
-
SaaS Boilerplate
Build your own SaaS business with SaaS boilerplate. Productive stack: React, Material-UI, Next, MobX, WebSockets, Express, Node, Mongoose, MongoDB. Written with TypeScript.
-
Take a look at Use hooks libraries for examples of code that you may want to have portability with (this is they typescript one because its the one I've used)
One of the simplest examples is "useToggle" which just sets a state variable to true or false. Not hard to write in a class component but it's still stuff that you may end up writing a lot.
A lot of similar ones are click and event handlers that need to be cleaned up after the component is unmounted.
useIsMounted is one I use a lot too to ensure I'm not trying to write state on an API callback once a component is unmounted.
You could add each of these to a class with an hoc and end up with withToggle(withIsMounted(withUseMediaEvent(MyComponent))) but that tends to be a bit of a mess.
-
notistack
Highly customizable notification snackbars (toasts) that can be stacked on top of each other
The notification system is highly application-dependent. We can create something custom or use a library like notistack. For the sake of simplicity, we’ll assume the use of notistack from now on, but the actual implementation doesn’t really matter.
-
Carbon
Material Design implementation for Android 4.0+. Shadows, ripples, vectors, fonts, animations, widgets, rounded corners and more. (by ZieIony)
Shafows are quite difficult to implement in Views. There should be a discussion on reddit from many years ago between Zhuinden, and ZieIony regarding that topic. Take a look at his library it might be what you need: https://github.com/ZieIony/Carbon
-
Project mention: Is there any Vuetify alternative for svelte (or svelte-kit) ? | reddit.com/r/sveltejs | 2023-03-26
Sveltematerialui (SMUI): GitHub: https://github.com/hperrin/svelte-material-ui SMUI is a Svelte wrapper for Material-UI, which is one of the most popular Material Design libraries. It provides a collection of components that follow the Material Design guidelines and can be easily integrated into Svelte projects.
-
Can't stand Twitter personally, Pixiv is a way better place to browse or follow people for art. I douno how it fares as an artist but it's way nicer as a user then Twitter. The mobile app is pretty shit but there's other clients you can use such as Shaft which to be entirely honest makes it browseable at all
-
Project mention: The Best React Data Grid/Table Libraries with Material Design in 2023 | dev.to | 2023-01-01
MUI-Datatables is a library that is good overall, visually well designed, and even still maintained enough to stay up to date with MUI v5. However, it lacks good documentation and can be hard to figure out how to use. It no longer has a documentation site, so the API section in the README is the only documentation that you get. It is also worth noting that at the time of writing, there are almost 600 open and unresolved issues in the GitHub repo, and non of the issues seem to get any attention from the maintainers. Overall, I would not recommend starting new projects with this library in 2023.
-
Github stars: 2.4k License: MIT Links: Demo | Documentation | GitHub
-
-
I came from reddit to Sync Pro and loved it so much that I didn't want to revert back. I was adapted to the notifications in case I don't use the app much, so that the hot posts will be highlited automatically. Anyways, I used "RSS feed" (Read You FOSS App or any other) to overcome this. I got the link by Subreddit > hot posts (can be used for any type from here) and was able to receive notifications from time to time for the subs I wanted. I could click the title to show the post in the app (Sync Pro). Here are some screenshots for reference:
-
Project mention: RustDesk – The open source TeamViewer alternative | news.ycombinator.com | 2022-07-26
I'm a bit curious here.
I see that RustDesk is licensed AGPL 3.0. At the same time the GUI component (Sciter - https://www.sciter.com) is proprietary software with it's own non-compatible license (https://github.com/c-smile/sciter-sdk/blob/524a90ef7eab16575...).
Was the intention to use something like LGPL to stand on the shoulders of the external libraries or was the choice of AGPL just a hopeful goal with licensing issues to be resolved in the future?
-
-
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
Material-UI related posts
- Hey what are some good starting sets
- Marine Senchou! :)
- Is there any Vuetify alternative for svelte (or svelte-kit) ?
- White / Yellow / Orange Submission
- I just can't get past the last difficulty
- Anyone using react-admin?
- 5 days in, it really is an addiction!
-
A note from our sponsor - InfluxDB
www.influxdata.com | 28 Mar 2023
Index
What are some of the best open-source Material-UI projects? This list will help you:
Project | Stars | |
---|---|---|
1 | react-starter-kit | 21,807 |
2 | react-admin | 21,698 |
3 | MaterialDrawer | 11,604 |
4 | Reactive-Resume | 11,291 |
5 | material-dashboard | 10,465 |
6 | Alerter | 5,383 |
7 | Android-Iconics | 5,068 |
8 | relay-starter-kit | 3,732 |
9 | builderbook | 3,480 |
10 | material-table | 3,421 |
11 | SaaS Boilerplate | 3,349 |
12 | usehooks-ts | 3,330 |
13 | notistack | 3,288 |
14 | Carbon | 2,999 |
15 | svelte-material-ui | 2,911 |
16 | Pixiv-Shaft | 2,881 |
17 | mui-datatables | 2,587 |
18 | material-dashboard-react | 2,371 |
19 | react-most-wanted | 2,350 |
20 | ReadYou | 2,172 |
21 | sciter-sdk | 2,033 |
22 | DevExtreme React Grid | 1,971 |
23 | react-saas-template | 1,595 |