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 JavaScript Material Design Projects
-
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.
-
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
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.
-
angular-filemanager
JavaScript File Manager Material Design Folder Explorer Navigator Browser Manager in AngularJS with CSS3 Responsive (with FTP in PHP / Java / Node)
-
berry-free-react-admin-template
Berry free react material-ui admin template for easing and faster web development.
-
mcg
Material Design Palette/Theme Generator - AngularJS, React, Ember, Vue, Android, Flutter & More!
-
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.
Project mention: Front-end Framework: Comparing Bootstrap, Foundation and Materialize | dev.to | 2024-04-16Materialize was created by a team of developers at Google, inspired by the principles of Material Design. Material Design is a design language developed by Google that emphasizes tactile surfaces, realistic lighting, and bold, graphic interfaces. Materialize aims to bring these principles to web development by providing a framework with ready-to-use components and styles based on Material Design.
What does this bring that the Quasar framework doesn’t already? This sure looks like an ad for a barely preconfigured quasar template—but it’s impossible to tell.
https://quasar.dev/
Some frameworks and themes to use in combination :
- https://konstaui.com/
- https://framework7.io/
I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!
Project mention: blazor with bootstrap and what is different bootstrap-table. | /r/Blazor | 2023-06-06but...I don't know what is different Bootstrap 5.x.x inside table and bootstrap-table(https://bootstrap-table.com/).
Some frameworks and themes to use in combination :
- https://konstaui.com/
- https://framework7.io/
Project mention: Tremor – The React library to build dashboards fast | news.ycombinator.com | 2023-07-28
Project mention: [Release] ezRemote Client 1.08 (Web Interface to access PS4 files) | /r/ps4homebrew | 2023-07-19To the author of the File Manager UI code that was customized to work with the PS4. https://github.com/joni2back/angular-filemanager
JavaScript Material Design related posts
- Button Component with RiotJS (Material Design)
- Input Component with RiotJS (Material Design)
- What PWA Can Do Today
- Kera Desktop: A brand-new desktop environment in the development
- I despise css, am I suitable for frontend
- Mui v5 with Next.js 13.4
- Adding Client Components to NextJS
-
A note from our sponsor - SurveyJS
surveyjs.io | 26 Apr 2024
Index
What are some of the best open-source Material Design projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Materialize | 38,853 |
2 | Quasar Framework | 25,202 |
3 | framework7 | 17,862 |
4 | TW-Elements | 12,651 |
5 | bootstrap-table | 11,666 |
6 | material-design-for-bootstrap | 9,389 |
7 | react-toolbox | 8,675 |
8 | Keen-UI | 4,103 |
9 | react-native-material-ui | 3,785 |
10 | konsta | 3,267 |
11 | material-dashboard-react | 2,741 |
12 | material-kit-react | 2,115 |
13 | react-saas-template | 1,808 |
14 | angular-filemanager | 1,750 |
15 | berry-free-react-admin-template | 1,686 |
16 | react-materialize | 1,386 |
17 | expenses | 1,208 |
18 | ember-paper | 888 |
19 | mcg | 621 |
20 | material-design-template | 591 |
21 | material-kit-react-native | 571 |
22 | googlekeepclone | 544 |
23 | PostGUI | 424 |
Sponsored