SaaSHub helps you find the best software and product alternatives Learn more β
Top 23 JavaScript Material Design Projects
-
Materialize is a modern CSS framework based on Googleβs Material Design. It was created and designed by Google to provide a unified and consistent user interface across all its products. Materialize is focused on user experience as it integrates animations and components to provide feedback to users.
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
I have a bit of an obsession with finding the fastest way to launch apps. My goal is to be able to create fully functional MVP's and proofs of concept in less than a day. That means being able to spin up a backend and then implement a frontend as efficiently as possible. For the backend, PocketBase has been my favorite lately. On the frontend I am still trying to find a winner. I like Quasar (VueJS + Capacitor) which is fantastic for web apps, but falls a bit short for mobile apps. I've been eyeing React Native lately especially since Expo offers a ton of great plugins like Location and also supports remote updates.
-
Loosely related, there are frameworks for recreating native UI for mobile apps written in JS, e.g: https://framework7.io/
-
TW-Elements
ππͺππ collection of Tailwind MIT licensed (free) components, sections and templates π
3. Tailwind Elements A free collection of essential elements and components designed with Tailwind for modern websites. Tailwind Elements:
-
bootstrap-table
An extended table to 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
-
InfluxDB
InfluxDB β Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
-
-
-
-
-
Project mention: 17 Best Free React Admin Template 2024 to Speed up Your Web App Development π | dev.to | 2024-09-12
Live demo π Details π
-
berry-free-react-admin-template
Berry free react material-ui admin template for easing and faster web development.
Get it here - Berry Free React MUI Admin Template β GitHub
-
-
angular-filemanager
JavaScript File Manager Material Design Folder Explorer Navigator Browser Manager in AngularJS with CSS3 Responsive (with FTP in PHP / Java / Node)
-
-
expenses
π°Expense tracker using Google Sheets π as a storage written in React (by jakubgarfield)
-
-
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
-
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
-
RiotJS Routes
-
Button Component with RiotJS (Material Design)
-
Input Component with RiotJS (Material Design)
-
A note from our sponsor - SaaSHub
www.saashub.com | 23 May 2025
Index
What are some of the best open-source Material Design projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Materialize | 38,892 |
| 2 | Quasar Framework | 26,593 |
| 3 | framework7 | 18,373 |
| 4 | TW-Elements | 13,029 |
| 5 | bootstrap-table | 11,787 |
| 6 | material-design-for-bootstrap | 9,313 |
| 7 | react-toolbox | 8,653 |
| 8 | dots-hyprland | 6,376 |
| 9 | Keen-UI | 4,090 |
| 10 | react-native-material-ui | 3,782 |
| 11 | konsta | 3,690 |
| 12 | material-dashboard-react | 2,954 |
| 13 | berry-free-react-admin-template | 1,978 |
| 14 | react-saas-template | 1,928 |
| 15 | angular-filemanager | 1,761 |
| 16 | react-materialize | 1,381 |
| 17 | expenses | 1,249 |
| 18 | ember-paper | 886 |
| 19 | mcg | 632 |
| 20 | material-kit-react-native | 604 |
| 21 | material-design-template | 593 |
| 22 | googlekeepclone | 566 |
| 23 | PostGUI | 449 |
Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io