Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more! Learn more →
Top 19 JavaScript Material Projects
-
This repository consists of files required to deploy a Web App or PWA created with Materialize Css
-
-
SurveyJS
Extensible JavaScript Form Builder Libraries. SurveyJS is a set of four fully customizable JS libraries that allow you to create, easily modify, and run multiple web forms in any web app, while retaining all sensitive data on your own servers.
-
The game is built on an old version of F7 - https://framework7.io/
-
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)
Project mention: Show HN: Ufuzzy.js – A tiny, efficient fuzzy search that doesn't suck | news.ycombinator.com | 2022-09-30Nice. I didn't know it but I was about to be looking for something like this.
How difficult - or not - would it be to use it with https://bootstrap-table.com?
-
material-design-for-bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
-
onsenui
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Onsen UI has quickly grown in adoption since its release in 2013. It is an open-source framework under the Apache v2 license. Onsen UI is framework-agnostic UI components, you can choose and switch among the frameworks: AngularJS, Angular, React, and Vue.js or go pure JavaScript to build your hybrid apps.
-
Project mention: What UI frameworks other than MUI would you recommend for professional / enterprise React projects using Material Design? | reddit.com/r/Frontend | 2022-07-04
I mean, Material is just a design system that people reference to create UI libraries. If you're working with headless components, you'd keep those same design system references when writing styles for said components. Plenty of examples of people utilizing something like Tailwind and following Material guidelines, ex Material Tailwind, Smelte, or MUICSS. Would highly recommend going the manual route (custom css/less/scss or tailwind, etc) + headless UI as it's really effective at reducing bloat in your application, and if you do it right it's extraordinarily extensible and customizable compared to just full sending an existing lib.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Project mention: The Best React Data Grid/Table Libraries with Material Design in 2023 | dev.to | 2023-01-01
Material-Table is a library that I used to use a lot. It was awesome. Unfortunately, the maintainer does not seem to be active on GitHub anymore, and the project is no longer being actively maintained. It went a couple of years without getting any updates, and there are some glaring NPM audit security warnings that you will receive if you install this in your project.
-
Project mention: The Best React Data Grid/Table Libraries with Material Design in 2023 | dev.to | 2023-01-01
MUI-Datatables is a library that is good overall, visually well designed, and even still maintained enough to stay up to date with MUI v5. However, it lacks good documentation and can be hard to figure out how to use. It no longer has a documentation site, so the API section in the README is the only documentation that you get. It is also worth noting that at the time of writing, there are almost 600 open and unresolved issues in the GitHub repo, and non of the issues seem to get any attention from the maintainers. Overall, I would not recommend starting new projects with this library in 2023.
-
-
-
-
-
-
md-date-time-picker
An implementation of Material Design Picker components in vanilla CSS, JS, and HTML
-
-
-
For the curious: Test page - Source Code
-
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
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).
The latest post mention was on 2023-03-28.
JavaScript Material related posts
- Lighthouse doesn't like Shadow DOM...
- Lighthouse doesn't like Shadow DOMs...
- Would it be possible to build such a bar with CSS? The hardest part looks like the curved piece of bar under the blue button.
- Curious how this sgame is being developed?
- Framework7 – Full Featured Framework for Building iOS, Android and Desktop Apps
- Full Featured Mobile HTML Framework for Building iOS and Android Apps
- Framework7.io – build mobile and web apps with native look and feel
-
A note from our sponsor - Appwrite
appwrite.io | 1 Apr 2023
Index
What are some of the best open-source Material projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Materialize | 38,807 |
| 2 | Quasar Framework | 23,115 |
| 3 | framework7 | 17,139 |
| 4 | bootstrap-table | 11,487 |
| 5 | material-design-for-bootstrap | 9,444 |
| 6 | onsenui | 8,688 |
| 7 | MUI | 4,520 |
| 8 | material-table | 3,422 |
| 9 | mui-datatables | 2,593 |
| 10 | react-saas-template | 1,595 |
| 11 | material-kit-react | 1,477 |
| 12 | goindex | 1,128 |
| 13 | material-design-template | 587 |
| 14 | material-kit-react-native | 539 |
| 15 | md-date-time-picker | 275 |
| 16 | FicSave | 189 |
| 17 | mdi-vue | 83 |
| 18 | materialdesignweb | 34 |
| 19 | mdl-color-palette | 3 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com