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...
-
AppSignal
AppSignal knows why the f*#k it crashed. Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.
-
Materialize - Responsive front-end framework based on Material Design
-
Could also look at https://quasar.dev/ if you do rapid release cycles. =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.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
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)
-
-
-
gander
Take a gander at any file. Offline, zero-permission Android viewer for PDF, Word, Excel, PowerPoint, ODT, RTF, ZIP, STL, photos, video, audio, Markdown and code.
Project mention: Show HN: Gander, an Android file viewer that asks for no permissions at all | news.ycombinator.com | 2026-07-30 -
-
mcg
Material Design Palette/Theme Generator - AngularJS, React, Ember, Vue, Android, Flutter & More!
-
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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 | 9 Oct 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 | 99,123 |
| 2 | Materialize | 38,795 |
| 3 | Quasar Framework | 27,204 |
| 4 | framework7 | 18,763 |
| 5 | TW-Elements | 13,183 |
| 6 | bootstrap-table | 11,811 |
| 7 | material-design-for-bootstrap | 9,239 |
| 8 | react-toolbox | 8,608 |
| 9 | konsta | 4,263 |
| 10 | Keen-UI | 4,055 |
| 11 | react-native-material-ui | 3,786 |
| 12 | material-dashboard-react | 3,028 |
| 13 | berry-free-react-admin-template | 2,189 |
| 14 | react-saas-template | 1,962 |
| 15 | angular-filemanager | 1,761 |
| 16 | react-materialize | 1,370 |
| 17 | expenses | 1,285 |
| 18 | gander | 1,181 |
| 19 | ember-paper | 878 |
| 20 | mcg | 633 |
| 21 | material-kit-react-native | 606 |
| 22 | material-design-template | 594 |
| 23 | PostGUI | 478 |
Sponsored
AppSignal knows why the f*#k it crashed.
Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.
www.appsignal.com