Material

Top 23 Material Open-Source Projects

  • material-design-icons

    Material Design icons by Google (Material Symbols)

  • Project mention: Google Fonts documentation not always up to date? | /r/webdev | 2023-06-30

    They link on the docs to the github which lists these extra options though. https://github.com/google/material-design-icons/tree/master/font So it's easy to miss.

  • vuetify

    🐉 Vue Component Framework

  • Project mention: Top Material Design 3 web frameworks of 2024 | dev.to | 2024-01-23

    👉 https://vuetifyjs.com

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

  • material-design-lite

    Material Design Components in HTML/CSS/JS

  • Quasar Framework

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

  • Project mention: Show HN: Quasar Prime: Vue.js Admin Template | news.ycombinator.com | 2024-03-27

    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/

  • components

    Component infrastructure and Material Design components for Angular

  • Project mention: Top Material Design 3 web frameworks of 2024 | dev.to | 2024-01-23

    👉 https://material.angular.io

  • mdb-ui-kit

    Bootstrap 5 & Material Design UI KIT

  • Project mention: 500 open-source components for TailwindCSS | dev.to | 2023-10-30

    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!

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

    WorkOS 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/

  • MaterialDesignInXamlToolkit

    Google's Material Design in XAML & WPF, for C# & VB.Net.

  • Material

    A UI/UX framework for creating beautiful applications. (by CosmicMind)

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

  • vue-material

    Vue.js Framework - ready-to-use Vue components with Material Design, free forever.

  • Project mention: Can Notion be efficient for my Design system's documentation? | /r/UI_Design | 2023-12-08

    For what it’s worth, these are (Vue-compatible) component libraries we had looked at, besides Google’s own: https://primevue.org/uikit. https://athemes.com/collections/vue-ui-component-libraries/ https://js.devexpress.com/Documentation/Guide/Vue_Components/DevExtreme_Vue_Components/ https://www.telerik.com/kendo-vue-ui https://www.creative-tim.com/vuematerial https://vuetifyjs.com https://element-plus.org/ https://www.naiveui.com/en-US/light

  • 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: React Component Libraries | dev.to | 2024-03-13

    Official Website: https://onsen.io/

  • material-web

    Material Design Web Components

  • Project mention: Web Components e a minha opinião sobre o futuro das libs front-end | dev.to | 2024-04-04
  • material-shell

    A modern desktop interface for Linux. Improve your user experience and get rid of the anarchy of traditional desktop workflows. Designed to simplify navigation and reduce the need to manipulate windows in order to improve productivity. It's meant to be 100% predictable and bring the benefits of tools coveted by professionals to everyone.

  • Project mention: Yabai – A tiling window manager for macOS | news.ycombinator.com | 2023-11-30

    I really want https://material-shell.com/ for MacOS

    it was perfect for using a single monitor

    kinda like a deterministic alt+tab, you set up the layout of "workspaces" and they're always in the same place

    I keep getting annoyed at alt+tab because I accidentally clicked on another window and now the order is messed up

  • MudBlazor

    Blazor Component Library based on Material design with an emphasis on ease of use. Mainly written in C# with Javascript kept to a bare minimum it empowers .NET developers to easily debug it if needed.

  • Project mention: MudBlazor Identity Components | /r/Blazor | 2023-12-10

    I don't think that new Identity pages will work with MudBlazor out of the box. Take a look at this GitHub issue: https://github.com/MudBlazor/MudBlazor/issues/7805

  • material-calendarview

    A Material design back port of Android's CalendarView

  • primereact

    The Most Complete React UI Component Library

  • Project mention: React Component Libraries | dev.to | 2024-03-13

    Official Website: https://primereact.org/

  • Unity-Script-Collection

    A maintained collection of useful & free unity scripts / library's / plugins and extensions

  • Project mention: Create More, Consume Less | news.ycombinator.com | 2024-03-12

    Mostly Unity3D. I've amassed a huge list of assets, shaders, plugins, vfx, and tools that have aided in my workflow. It's hard to think of all the tools I use within Unity at the top of my head. I might make a blog post one day about my workflow but for now this is a pretty good starter list to get you started:

    https://github.com/michidk/Unity-Script-Collection

    and if you need free assets, I made a blog post about creative commons resources.

    https://itch.io/blog/478317/life-as-a-creative-commons-indie...

  • TapTargetView

    An implementation of tap targets from the Material Design guidelines for feature discovery.

  • Android-Iconics

    Android-Iconics - Use any icon font, or vector (.svg) as drawable in your application.

  • Android Tips & Tricks

    :ballot_box_with_check: [Cheatsheet] Tips and tricks for Android Development

  • 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
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 2024-04-16.

Material related posts

Index

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

Project Stars
1 material-design-icons 49,750
2 vuetify 38,997
3 Materialize 38,860
4 material-design-lite 32,278
5 Quasar Framework 25,168
6 components 24,072
7 mdb-ui-kit 24,004
8 framework7 17,843
9 MaterialDesignInXamlToolkit 14,593
10 Material 11,968
11 bootstrap-table 11,669
12 vue-material 9,869
13 material-design-for-bootstrap 9,389
14 onsenui 8,788
15 material-web 8,568
16 material-shell 7,225
17 MudBlazor 7,087
18 material-calendarview 5,911
19 primereact 5,669
20 Unity-Script-Collection 5,325
21 TapTargetView 5,325
22 Android-Iconics 5,150
23 Android Tips & Tricks 4,711
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.
www.influxdata.com