With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 TypeScript Material-UI Projects
-
react-admin
A frontend Framework for building data-driven applications running on top of REST/GraphQL APIs, using TypeScript, React and Material Design
-
react-starter-kit
The web's most popular Jamstack front-end template (boilerplate) for building web applications with React
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
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!
-
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.
-
notistack
Highly customizable notification snackbars (toasts) that can be stacked on top of each other
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
-
material-react-table
A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript
-
-
-
-
tokyo-free-white-react-admin-dashboard
Free React Typescript Admin Dashboard Template built with Material-UI
-
next-graphql-admin
Admin panel built with NextJS(Typescript), Material UI, Apollo Client & GraphQL. In the backend, Prisma 2 with Nexus and Mysql is used.
-
angular-material-starter-template
🍄 Angular 14 boilerplate that comes with Material-UI, Tailwind3, Purgecss, Jest & Cypress Support, Optimal project structure & Interceptor inspired from popular blogs, source map analyzer tools, husky, all pre-configured and much more...
-
electron-typescript-react-mui
Lightweight, modern boilerplate built with electron, typescript, react, and material-ui.
-
my-projects-dashboard
Next.js, Material UI, MongoDB Personal Dashboard with dev.to, GitHub, Twitter, and npm API integration.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Project mention: Ask HN: Does Anyone Use a "Closed Core" Software Model? | news.ycombinator.com | 2024-04-16> "Are there examples of companies adopting this model?"
Many examples across the industry:
- Autodesk AutoCAD (closed) + Plugins/Addons (many open)
- MS Windows (closed) + Many 3rd party programs (open)
- Github (closed) + Github Actions (open)
- Npm (closed) + Npm modules (mostly open)
> "What are the potential benefits or pitfalls?"
Benefits:
- Harder to replicate, the company gets to keep the "secret sauce" a secret
- Opening up a way to "extend" the platform means 3rd party developers add value to your system
- The core isn't open, so less effort is required to maintain compare to OpenSource
Pitfalls:
- Closed-source is hard to verify, company is essentially saying "trust me bro"
- Less innovation, as user's can't contribute to the core
> "How does it impact community engagement and software adoption?"
There's hardcore FOSS advocates that will hate anything not fully open. But a business has to make money and protect it's IP, having a "closed core" is one way to do that and ensure a sustainable business model.
Another approach is the opposite, open-core + closed-premium-addons. An example of this is "React Admin"
- Open Core -> https://github.com/marmelab/react-admin
- Premium Modules Offering -> https://react-admin-ee.marmelab.com/
Project mention: Major Update to React Starter Kit: Welcome Joy UI and Jotai! | /r/reactjs | 2023-12-04Your Feedback Matters Your feedback is crucial for the continuous improvement of the React Starter Kit. Please try out the new version and share your thoughts and experiences. If you encounter any issues or have suggestions, feel free to open an issue on GitHub or join our community chat on Discord. We're excited to see the amazing applications you'll build with these new features! Happy coding! https://github.com/kriasoft/react-starter-kit
Go to App | Docs
Project mention: React hook library, ready to use, written in TypeScript | news.ycombinator.com | 2024-02-12
GitHub link: GitHub – iamhosseindhv/notistack
I am working on a project where I only want to use one 3rd party source (Material UI) to reduce the the build size of my application. I did a bit of research and found this repo github link . It looks like it is a Material UI rich text editor for React apps and it doesn't look like it is still maintained. My question now is does anyone know if Material UI supports a Rich Text Editor? I should also say I tried CKEditor (free tier) but I ran into an issue on running `ng serve --configuration development` depends on '@ckeditor/ckeditor5-build-classic'. CommonJS or AMD dependencies can cause optimization bailouts.
Project mention: Launch HN: Tiptap (YC S23) – Toolkit for developing collaborative editors | news.ycombinator.com | 2023-08-01Going Headless seems like a good approach however it’s made rolling out TipTap for a side project tedious as I need to start with styling basic components.
It’d be great to have an 80% use-case coverage for common components.
I’ll call out this wrapper for TipTap + MUI I stumbled on that’s been a nice addition. https://github.com/sjdemartini/mui-tiptap
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Material-UI related posts
- Ask HN: Does Anyone Use a "Closed Core" Software Model?
- React hook library, ready to use, written in TypeScript
- I absolutely despise front-end work and styling, (and JS too), coming from a C++ / Java background, what would be a good framework or anything really to make it as painless as possible for me to build a front end.
- I created an open-source and free Django+React SaaS for those who want to monetise their data with Stripe subscriptions
- Anatomy Of A Profitable Open-Source Project
- News IQ - a daily news quiz - built with React, Local Storage, Anonymous Auth, and Framer Motion
- How do you mod Outer Wilds?
-
A note from our sponsor - SurveyJS
surveyjs.io | 26 Apr 2024
Index
What are some of the best open-source Material-UI projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | react-admin | 23,981 |
| 2 | react-starter-kit | 22,502 |
| 3 | Reactive-Resume | 19,917 |
| 4 | usehooks-ts | 5,612 |
| 5 | SaaS Boilerplate | 3,899 |
| 6 | notistack | 3,773 |
| 7 | DevExtreme React Grid | 2,056 |
| 8 | mdbootstrap | 1,401 |
| 9 | material-react-table | 1,314 |
| 10 | formik-mui | 970 |
| 11 | materialize | 835 |
| 12 | Cromwell | 644 |
| 13 | tss-react | 558 |
| 14 | mui-rte | 430 |
| 15 | tokyo-free-white-react-admin-dashboard | 285 |
| 16 | mui-tiptap | 178 |
| 17 | react-vscode-portfolio | 147 |
| 18 | next-graphql-admin | 143 |
| 19 | angular-material-starter-template | 130 |
| 20 | react-you-do-you | 116 |
| 21 | mui-modal-provider | 75 |
| 22 | electron-typescript-react-mui | 69 |
| 23 | my-projects-dashboard | 69 |
Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com