JavaScript Material Design

Open-source JavaScript projects categorized as Material Design

Top 23 JavaScript Material Design Projects

  • Materialize

    Materialize, a CSS Framework based on Material Design

  • Project mention: Front-end Framework: Comparing Bootstrap, Foundation and Materialize | dev.to | 2024-04-16

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

  • Quasar Framework

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

  • Project mention: Create your Biography Web Page with AWS Amplify Gen 2 | dev.to | 2024-05-18

    Amplify: Of course, the key service here is the amazing Amplify. To achieve this project, I used the Vue.js with Quasar Framework and integrated Amplify's UI linked components to facilitate the authentication flow.

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

    SurveyJS logo
  • framework7

    Full featured HTML framework for building iOS & Android apps

  • Project mention: What PWA Can Do Today | news.ycombinator.com | 2023-08-08

    Some frameworks and themes to use in combination :

    - https://konstaui.com/

    - https://framework7.io/

  • TW-Elements

    𝙃π™ͺπ™œπ™š collection of Tailwind MIT licensed (free) components, sections and templates 😎

  • Project mention: Open-Source Components for TailwindCSS | news.ycombinator.com | 2024-05-07
  • 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: blazor with bootstrap and what is different bootstrap-table. | /r/Blazor | 2023-06-06

    but...I don't know what is different Bootstrap 5.x.x inside table and bootstrap-table(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.

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

    InfluxDB logo
  • Keen-UI

    A lightweight Vue.js UI library with a simple API, inspired by Google's Material Design.

  • react-native-material-ui

    Highly customizable material design components for React Native

  • konsta

    Mobile UI components made with Tailwind CSS

  • Project mention: What PWA Can Do Today | news.ycombinator.com | 2023-08-08

    Some frameworks and themes to use in combination :

    - https://konstaui.com/

    - https://framework7.io/

  • material-dashboard-react

    React version of Material Dashboard by Creative Tim

  • Project mention: Tremor – The React library to build dashboards fast | news.ycombinator.com | 2023-07-28
  • material-kit-react

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

  • react-saas-template

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

  • angular-filemanager

    JavaScript File Manager Material Design Folder Explorer Navigator Browser Manager in AngularJS with CSS3 Responsive (with FTP in PHP / Java / Node)

  • Project mention: [Release] ezRemote Client 1.08 (Web Interface to access PS4 files) | /r/ps4homebrew | 2023-07-19

    To the author of the File Manager UI code that was customized to work with the PS4. https://github.com/joni2back/angular-filemanager

  • berry-free-react-admin-template

    Berry free react material-ui admin template for easing and faster web development.

  • react-materialize

    Material design for react, powered by materializecss

  • expenses

    πŸ’°Expense tracker using Google Sheets πŸ“‰ as a storage written in React (by jakubgarfield)

  • ember-paper

    The Ember approach to Material Design.

  • mcg

    Material Design Palette/Theme Generator - AngularJS, React, Ember, Vue, Android, Flutter & More!

  • material-design-template

    Material Design Based One Page HTML Template

  • material-kit-react-native

    Material Kit React Native

  • googlekeepclone

    A clone of Google Keep with its original Material Design aesthetics

  • PostGUI

    A React web application to query and share any PostgreSQL database.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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 related posts

  • πŸ‡«πŸ‡· Input Component avec RiotJS

    2 projects | dev.to | 21 May 2024
  • RiotJS Routes

    3 projects | dev.to | 28 Apr 2024
  • Button Component with RiotJS (Material Design)

    4 projects | dev.to | 23 Mar 2024
  • Input Component with RiotJS (Material Design)

    3 projects | dev.to | 20 Mar 2024
  • What PWA Can Do Today

    2 projects | news.ycombinator.com | 8 Aug 2023
  • Kera Desktop: A brand-new desktop environment in the development

    5 projects | /r/linux | 9 Jun 2023
  • I despise css, am I suitable for frontend

    2 projects | /r/Frontend | 30 May 2023
  • A note from our sponsor - SaaSHub
    www.saashub.com | 27 May 2024
    SaaSHub helps you find the best software and product alternatives Learn more β†’

Index

What are some of the best open-source Material Design projects in JavaScript? This list will help you:

Project Stars
1 Materialize 38,844
2 Quasar Framework 25,346
3 framework7 17,903
4 TW-Elements 12,714
5 bootstrap-table 11,671
6 material-design-for-bootstrap 9,369
7 react-toolbox 8,675
8 Keen-UI 4,102
9 react-native-material-ui 3,785
10 konsta 3,307
11 material-dashboard-react 2,753
12 material-kit-react 2,173
13 react-saas-template 1,850
14 angular-filemanager 1,750
15 berry-free-react-admin-template 1,718
16 react-materialize 1,386
17 expenses 1,211
18 ember-paper 888
19 mcg 625
20 material-design-template 591
21 material-kit-react-native 571
22 googlekeepclone 544
23 PostGUI 424

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com