Badge generator with gradient support 🍭
Check out the demo to make your own badge
$ npm i gradient-badge
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:
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']);Here are a few more examples of what you can do.
Check out the demo to make your own
- badgen - Fast handcraft svg badge generator.
- badge-action - Create a badge using GitHub Actions.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent