Hello everyone, Welcome to my GitHub README profile. Glad to see you here! Check out this repository to view my work and learn more about me. Don't just star it, fork it as well.📢✌️

Stars: ✭ 53 (+12.77%)

Mutual labels: readme, readme-badges

Badgen

Fast handcraft svg badge generator.

Stars: ✭ 464 (+887.23%)

Mutual labels: readme, badge

github-profile-views-counter

Github new features README profile views counter made with Yii2 framework.

Stars: ✭ 158 (+236.17%)

Mutual labels: readme, readme-badges

Badges4 Readme.md Profile

👩‍💻👨‍💻 Improve your README.md profile with these amazing badges.

Stars: ✭ 929 (+1876.6%)

Mutual labels: readme, badge

Readme Md Generator

📄 CLI that generates beautiful README.md files

Stars: ✭ 9,184 (+19440.43%)

Mutual labels: readme, readme-badges

iltms teensy lightsaber v1

This is the code to accompany the lightsaber project at http://www.iliketomakestuff.com/make-lightsaber/ Expected hardware is listed in post (Teensy 3.2, Prop Shield, DotStar LEDs)

Stars: ✭ 28 (-40.43%)

Mutual labels: shield

The-Complete-FAANG-Preparation

This repository contains all the DSA (Data-Structures, Algorithms, 450 DSA by Love Babbar Bhaiya, FAANG Questions), Technical Subjects (OS + DBMS + SQL + CN + OOPs) Theory+Questions, FAANG Interview questions, and Miscellaneous Stuff (Programming MCQs, Puzzles, Aptitude, Reasoning). The Programming languages used for demonstration are C++, Pytho…

Stars: ✭ 8,681 (+18370.21%)

Mutual labels: readme

pifafu

Hello!

Stars: ✭ 49 (+4.26%)

Mutual labels: readme

less-mix

LESS-Mix - is a functional, powerful and convenient library LESS-mixins.

Stars: ✭ 22 (-53.19%)

Mutual labels: gradient

conic.css

nice'n simple conic gradients 🎨

Stars: ✭ 195 (+314.89%)

Mutual labels: gradient

UltimateTabLayout

A library for tab layout use with viewpager. Very useful, small

Stars: ✭ 33 (-29.79%)

Mutual labels: badge

View All Similar Projects ➔

gradient-badge

Badge generator with gradient support 🍭

Check out the demo to make your own badge

Install

$ npm i gradient-badge

Usage

gradient-badge works exactly like badgen, with the gradient parameter in addition.

Node.js

const gradientBadge = require('gradient-badge');

const svgString = gradientBadge({
    subject: 'version', // <text>
    status: 'v1.2.3', // <text>
    style: 'flat', // 'flat' or undefined, optional
    // And any other parameter supported by badgen (icon, scale...)
    gradient: ['pink', 'F78642'], // array of colors (Hexadecimal or name)
});

Browser

<script src="https://cdn.jsdelivr.net/npm/gradient-badge"></script>
<script>
    var svgString = gradientBadge({
        /* same as above */
    });
</script>

Result:

Adding a gradient to a badge

You can apply a color gradient to any badge already generated with badgen:

const { badgen } = require('badgen');
const { applyGradient } = require('gradient-badge');

const originalBadge = badgen({
    /* ... */
});
const svgString = applyGradient(originalBadge, ['B65CFF', 'cyan']);