M3 Markdown Badges

screenshot of M3 Markdown Badges
material-ui

A Material You inspired markdown badge collection.

Overview

This document provides instructions on how to use and install markdown badges in a README file. It includes two methods of adding badges using code snippets. It also provides a list of static badges for various categories like blogging, cloud, and contact.

Features

  • Method 1: Allows users to add badges to a README file using image tags with customizable height.
  • Method 2: Provides the option to download and copy-paste badges from the list of static badges.
  • Static badges: Includes badges for categories like blogging, cloud, and contact.

Method 1

  1. Get a link from the badge list below.
  2. Create an image tag in your README:
    <img src="PUT THE LINK HERE">
    
  3. To customize the height, add the height attribute within the image tag:
    <img height="YOUR DESIRED HEIGHT IN PIXELS" src="PUT THE LINK HERE">
    
    Note: You can omit the height attribute if you don't want to change the height.
  4. To center the badge, put it into a <p> tag with the align attribute set to "center":
    <p align="center">BADGE.S HERE</p>
    

Method 2

  1. Download the latest release of Badger.
  2. Put the names of the badges you need.
  3. Copy and paste the badges.

Summary

This document provides instructions for adding markdown badges to a README file. It offers two methods of adding badges and includes a list of static badges for various categories. Users can choose between method 1, which involves using image tags with customizable height, or method 2, which allows them to download and copy-paste badges.

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

material-design
Material Design

Material Design is a design system developed by Google that provides a set of guidelines, components, and tools for creating visually appealing and functional user interfaces. Material Design is designed to be flexible and customizable, making it a great choice for a wide range of applications and use cases.