SCSS Material Design

Open-source SCSS projects categorized as Material Design

Top 12 SCSS Material Design Projects

  • mdb-ui-kit

    Bootstrap 5 & Material Design 2.0 UI KIT

    Project mention: Open Source Bootstrap 5 Resources | | 2022-02-17

    mdb-ui-kit - Bootstrap 5 & Material Design 2.0 UI KIT.

  • material-dashboard

    Material Dashboard - Open Source Bootstrap 5 Material Design Admin

    Project mention: Help me determine how much to make from scratch | | 2022-08-01

    Seems from your description that the most importnat thing in your portfoglio is a demo and data elaboration? In this case it would be nice to have a way in the interface to do some manipulation, how much depends on you. For the front end oart would suggest against reinventing the wheel and go with some premade framework like bootstrap which uses a 12column vertical design layout and on which most modern wordpress themes are reliant upon, even the some page builders. Now if you alredy know what type of of element/graphs/data visualization you want on your front end you may decide that you will go with a bootstrap admin theme which can be integrated with your php code and use premade html mapped with php logic to display stuff. A basic theme to start may be something like this one wich should be free: soft UI dashboard. material design - a bit more flat. With this you can make user credentials and give your interviewers credentials for a demo like experience instead of making it public?

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

  • materia-theme

    A Material Design theme for GNOME/GTK based desktop environments

    Project mention: Tried customizing Pop as a noob! | | 2022-10-06


  • ej2-javascript-ui-controls

    Syncfusion JavaScript UI controls library offer more than 50+ cross-browser, responsive, and lightweight HTML5 UI controls for building modern web applications.

    Project mention: Top 8 Features of ES2021 Every Developer Must Know | | 2022-08-09

    Syncfusion Essential JS 2 is the only suite you will ever need to build an app. It contains over 65 high-performance, lightweight, modular, and responsive UI components in a single package. Download a free trial to evaluate the controls today.

  • django-material-dashboard

    Django Dashboard - Material Design | AppSeed

  • flask-material-dashboard

    Flask Dashboard - Material Design | AppSeed

    Project mention: Built with Flask - / eCommerce + Generator / Celery / Material Kit BS5 (more info in comments) | | 2022-04-18
  • material

    Modern material design framework (by Tronic247)

    Project mention: The material design framework you have all been waiting for | | 2021-12-30

    Yes, you can help me. You can send a pull request or open an issue on Github. And star the repo.

  • Zigi

    Close all those tabs. Zigi will handle your updates.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.

  • flask-material-kit

    Flask Boilerplate - Material Kit Design | AppSeed

    Project mention: Built with Flask - / eCommerce + Generator / Celery / Material Kit BS5 (more info in comments) | | 2022-04-18
  • django-material-kit

    Django Boilerplate - Material Kit Design | AppSeed

  • angular-material-theming-system-complete-guide

    In this article, you will learn what Angular Material Theming is and what are some recent changes to adhere to the new module system of SASS.

    Project mention: InDepth Guide for Customizing Angular Material Button | | 2022-06-11

    Note that we have only included button-theme and progress-spinner-theme, because in our demo we only use those 2 components. You can also use all-component-theme mixin to add all components’ themes, but it will increase the size of the final output style. For a more detailed understanding, please refer to the article “Angular Material Theming System: Complete Guide”.

  • jinja-material-kit

    Jinja Template - Material Kit 2 (Bootstrap 5) | AppSeed

    Project mention: Generate a Flask APP and Go LIVE - Material Kit Design | | 2022-11-10

    This video explains how to generate and deploy a simple starter powered by Flask on top of Material Kit, a pixel-perfect design from Creative-Tim. The source code generated during the demonstration can be found on GitHub (MIT license). Thank you!

  • atlassian-design-for-bootstrap

    Atlassian Design for Bootstrap 5. Beautifully crafted Bootstrap components ready for your next project.

    Project mention: Beautiful Bootstrap 5 UI Kits with Atlassian Design | | 2022-09-29

    Open source & MIT License on Github:

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

SCSS Material Design related posts


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

Project Stars
1 mdb-ui-kit 22,846
2 material-dashboard 10,353
3 materia-theme 3,264
4 ej2-javascript-ui-controls 330
5 django-material-dashboard 161
6 flask-material-dashboard 158
7 material 47
8 flask-material-kit 45
9 django-material-kit 43
10 angular-material-theming-system-complete-guide 16
11 jinja-material-kit 14
12 atlassian-design-for-bootstrap 6
Truly a developer’s best friend
Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.