JavaScript Material

Open-source JavaScript projects categorized as Material

Top 19 JavaScript Material Projects

  • Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: All About Hacktober Fest 2022 You Need To Know | dev.to | 2022-10-22

    This repository consists of files required to deploy a Web App or PWA created with Materialize Css

  • Quasar Framework

    Quasar Framework - Build high-performance VueJS user interfaces in record time

    Project mention: Quasar with a new website design | reddit.com/r/vuejs | 2023-03-28
  • 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.

  • framework7

    Full featured HTML framework for building iOS & Android apps

    Project mention: Curious how this sgame is being developed? | reddit.com/r/FarmRPG | 2023-03-16

    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-30

    Nice. 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.

    Project mention: 12 Frameworks for Hybrid Mobile Apps | dev.to | 2022-08-24

    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.

  • MUI

    Lightweight CSS framework

    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!

  • material-table

    Datatable for React based on material-ui's table with additional features

    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.

  • mui-datatables

    Datatables for React using Material-UI - https://www.material-ui-datatables.com

    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.

  • react-saas-template

    🌊 Template for building an SaaS / admin website using React + Material-UI

  • material-kit-react

    Minimal Dashboard - build with React Material UI components. (by minimal-ui-kit)

    Project mention: MUI, is it that bad? | reddit.com/r/reactjs | 2022-09-23
  • goindex

    Index your Google Drive

  • material-design-template

    Material Design Based One Page HTML Template

  • material-kit-react-native

    Material Kit React Native

  • md-date-time-picker

    An implementation of Material Design Picker components in vanilla CSS, JS, and HTML

  • FicSave

    This is the repo for FicSave, an open-source online fanfiction downloader.

  • mdi-vue

    Material design icons for vue.js

  • materialdesignweb

    Material Design for Web

    Project mention: Lighthouse doesn't like Shadow DOM... | reddit.com/r/ProgrammerHumor | 2023-03-26

    For the curious: Test page - Source Code

  • mdl-color-palette

    Generate Random Color From Material Color Palette

  • 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

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