SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 JavaScript Material Design Projects
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
Project mention: Show HN: Typique – a bundler-independent, zero-runtime CSS-in-TS library | news.ycombinator.com | 2026-01-07Hi HN! I’ve been following zero-runtime CSS-in-JS/TS libraries for a while and noticed that most of them end up overwhelmed by bundler compatibility issues. A good summary of these problems is in the final status report [1] of Pigment CSS — MUI’s attempt in this space.
As someone working on TypeScript tooling, I started wondering whether this problem could be approached from a different angle: instead of relying on bundler plugins, use TypeScript types to define styles, and TypeScript tooling to provide locally scoped class and CSS variable names.
This led to Typique — a library built as a TypeScript plugin. It provides IDE integration (completion, diagnostics, quick fixes) and emits plain CSS without any dependence on bundler or framework. It’s early, but already usable; I’ve been using it in a couple of personal projects.
Feedback, questions, and skepticism are very welcome. Thanks for reading.
[1] https://github.com/mui/material-ui/issues/45759#issuecomment...
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Materialize - Responsive front-end framework based on Material Design
-
Project mention: Linux Applications Programming by Example: The Fundamental APIs (2nd Edition) | news.ycombinator.com | 2026-03-20
Linux is rarely a porting issue for C++ or python: https://wxwidgets.org/
Static linking libraries for MacOS or Windows is contaminated by GPL/LGPL code, and this why wxwidgets excludes the disclosure requirement.
Also, if you are looking for a VueJS cross-platform GUI framework for most Desktop and Mobile platforms (MacOS hardware and developer account is a requirement):
https://github.com/quasarframework/quasar
Qt5/Qt6 frameworks sooner or later cause more problems than they solve, and require a lot more maintenance/support.
Best of luck =3
-
Framework7 is a hybrid mobile app framework focused on creating iOS and Android apps with a native look and feel. It is especially suitable for Progressive Web Apps (PWAs) and smaller projects. Framework7 comes with a comprehensive set of UI components that match each platform’s design guidelines, allowing developers to quickly build visually appealing applications with minimal configuration.
-
-
bootstrap-table
An extended table for integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
-
material-design-for-bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
-
react-toolbox
A set of React components implementing Google's Material Design specification with the power of CSS Modules
-
-
-
-
-
berry-free-react-admin-template
Berry free react material-ui admin template for easing and faster web development.
Tech Stack: React 19, Material UI v9, TypeScript, Vite/Next.js GitHub Stars: 2.2k Repo: https://github.com/codedthemes/berry-free-react-admin-template
-
-
angular-filemanager
JavaScript File Manager Material Design Folder Explorer Navigator Browser Manager in AngularJS with CSS3 Responsive (with FTP in PHP / Java / Node)
-
-
-
-
mcg
Material Design Palette/Theme Generator - AngularJS, React, Ember, Vue, Android, Flutter & More!
-
-
-
-
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).
JavaScript Material Design discussion
JavaScript Material Design related posts
-
A Time Tracking App Wanted $28,800 So I Replaced It with a Homelab
-
Show HN: Typique – a bundler-independent, zero-runtime CSS-in-TS library
-
Top 10 Frameworks for Hybrid Mobile Apps in 2026
-
Trying to Recreate iOS on the Web
-
Top 5 Techniques to Protect Web Apps from Unauthorized JavaScript Execution
-
How to create custom theme in Angular Material
-
🇫🇷 Input Component avec RiotJS
-
A note from our sponsor - SaaSHub
www.saashub.com | 10 Jun 2026
Index
What are some of the best open-source Material Design projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Material UI | 98,388 |
| 2 | Materialize | 38,868 |
| 3 | Quasar Framework | 27,163 |
| 4 | framework7 | 18,668 |
| 5 | TW-Elements | 13,134 |
| 6 | bootstrap-table | 11,824 |
| 7 | material-design-for-bootstrap | 9,261 |
| 8 | react-toolbox | 8,633 |
| 9 | konsta | 4,176 |
| 10 | Keen-UI | 4,065 |
| 11 | react-native-material-ui | 3,784 |
| 12 | material-dashboard-react | 3,029 |
| 13 | berry-free-react-admin-template | 2,168 |
| 14 | react-saas-template | 1,962 |
| 15 | angular-filemanager | 1,763 |
| 16 | react-materialize | 1,372 |
| 17 | expenses | 1,280 |
| 18 | ember-paper | 880 |
| 19 | mcg | 636 |
| 20 | material-kit-react-native | 607 |
| 21 | material-design-template | 595 |
| 22 | googlekeepclone | 574 |
| 23 | PostGUI | 477 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com