Material

Top 23 Material Open-Source Projects

  • material-design-icons

    Material Design icons by Google

    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.

  • Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: Roadmap to being a Full Stack Web Developer | dev.to | 2023-08-11

    Materialize CSS

  • Appwrite

    Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.

  • vuetify

    🐉 Vue Component Framework

    Project mention: 10 UI Libraries You Should Explore for Your Next Vue.js Project | dev.to | 2023-10-29

    Vuetify Vuetify is a popular UI library that follows the Material Design guidelines. It offers a rich set of pre-built components and features, making it easy to create modern and visually appealing UIs. Check out the Vuetify website for more information.

  • 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: Ask HN: What framework/tools to use to build front end in 2023? | news.ycombinator.com | 2023-11-11

    I'm for Vue/Nuxt. While reading React code is fine, I found it easy to shoot myself in the foot (causing circular effects or getting no reactivity) in a way Vue didn't. Vue feels more explicit. I like React's TSX for embedding HTML, but Vue's splitting of model and view appeals to me. I'm torn on that one.

    Vue's ecosystem isn't as big, but it's an established framework. Both React and Vue feel easier to work with than Angular. RxJS is really cool, but also very comprehensive, making it difficult to keep the entire API in mind. At least for me, who only use it casually (used to use it more while at Google.) And on top of that, I have to know the Angular API. Angular used to be great for Material Design, but I nowadays there are MD packages for all systems.

    Nuxt is for Vue what Next is for React: SSR and SSG. It adds auto-imports, which is nice. At this point, I see no reason to use Vue alone, since there's always something that can be pre-rendered. Perhaps the frontpage, or help pages. Since Vue itself provides entrypoints for SSR, Nuxt is more of a file-structure based router that just simplifies things. The documentation is a bit sparse on e.g. the difference between a plugin and a module, and I usually resort to navigating their source to understand things. That might not be everyone's cup of tea.

    If what you're writing is a web app, there is also Quasar, built on top of Vue. Similar to Nuxt in that it ties in directory structure, build system and MVC framework. It is also a Material Design UI widget library. Their selling point is that you can build mobile apps, and web apps with the same library. I.e. like React Native. I felt it strays too far away from the core simplicity of Vue, unlike Nuxt, but it's no doubt a very capable framework.

    Finally, I'm currently using PrimeVue as the UI widget/theming library on top of Vue. It's okay. :\ Switched to it when the Vue Bootstrap project decided to to support Vue 3 (or whatever the situation was.) I haven't come across anything that's actively broken or missing. The companion library PrimeFlex provides layout CSS. Annoyingly, they've decided to close GitHub FRs, and some (far from all) bugs, and just keep track of them internally. Makes it more dificult to communicate, but I don't know their reasoning behind it (they didn't respond when I asked.)

    * https://vuejs.org/

    * https://nuxt.com/

    * https://vitejs.dev/

    * https://primevue.org/

    * https://primeflex.org/

    * https://quasar.dev/

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

  • components

    Component infrastructure and Material Design components for Angular

    Project mention: Google Maps or Other Mapping Library React Integration | /r/reactjs | 2023-11-01

    I don't want to use angular, but perhaps not surprisingly, there's an actively maintained wrapper library for Google Maps maintained by Google.

  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

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

    Project mention: Wrapping / overflow /reorder listview items according to window size? | /r/csharp | 2023-01-21

    Material Design In XAML Toolkit - better looking controls and stuff.

  • 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: An Overview of 25+ UI Component Libraries in 2023 | dev.to | 2023-09-10

    VueMaterial: As the name suggests, VueMaterial is a Vue implementation of Material design. The documentation boasts about being simple, lightweight, responsive, with an easy-to-use API. Sounds like all the right things for a component library. ### Angular

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

  • 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: Kera Desktop: A brand-new desktop environment in the development | /r/linux | 2023-06-09

    I'm confused. How does that work? Is it like a GNOME extension or something; similar to how Material Shell works?

  • 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: Use Case Driven Development with Low-Code | dev.to | 2023-08-25

    The Blazor Server application uses the open source component MudBlazor, which I recommend to C# oriented developers. To keep the application simple, all data is stored in JSON files.

  • material-calendarview

    A Material design back port of Android's CalendarView

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

    Project mention: Does anyone here use Android-Iconics (icon library) and know how to set it up? | /r/AskProgramming | 2023-02-22

    I was wondering if anyone here has used Android-Iconics recently? It seems to be a very useful library, but I can't for the life of me get the icons to appear. I carefully followed all the steps on the GitHub page.

  • Unity-Script-Collection

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

    Project mention: Machinima, and Cut Scenes Possible? | /r/LifeByYou | 2023-04-17
  • primereact

    The Most Complete React UI Component Library

    Project mention: A design system for the federal government | news.ycombinator.com | 2023-09-10
  • Android Tips & Tricks

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

  • Material Components

    [In maintenance mode] Modular and customizable Material Design UI components for iOS

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

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

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 48,976
2 Materialize 38,840
3 vuetify 38,355
4 material-design-lite 32,225
5 Quasar Framework 24,554
6 mdb-ui-kit 23,814
7 components 23,800
8 framework7 17,606
9 MaterialDesignInXamlToolkit 14,176
10 Material 11,968
11 bootstrap-table 11,597
12 vue-material 9,831
13 material-design-for-bootstrap 9,400
14 onsenui 8,738
15 material-shell 7,174
16 MudBlazor 6,341
17 material-calendarview 5,886
18 TapTargetView 5,286
19 Android-Iconics 5,119
20 Unity-Script-Collection 5,070
21 primereact 4,810
22 Android Tips & Tricks 4,691
23 Material Components 4,684
Learn any GitHub repo in 59 seconds
Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
getonboard.dev