badgen / Badgen
Licence: isc
Fast handcraft svg badge generator.
Stars: ✭ 464
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Badgen
Verb Generate Readme
Generate your project's readme with verb. Requires verb v0.9.0 or higher.
Stars: ✭ 127 (-72.63%)
Mutual labels: readme, generator
Github Profilinator
🚀 This tool contains mini GUI components that you can hook together to automatically generate markdown code for a perfect readme.
Stars: ✭ 225 (-51.51%)
Mutual labels: readme, generator
Svg Banners
Styled banners for your Readme made with html/css in SVG !!
Stars: ✭ 145 (-68.75%)
Mutual labels: readme, svg
Readme Pagespeed Insights
Google lighthouse stats of your website that you can put in readme
Stars: ✭ 45 (-90.3%)
Mutual labels: readme, svg
jest-badges-readme
Creates a group of coverage badges from Jest into your README
Stars: ✭ 30 (-93.53%)
Mutual labels: readme, badge
Readme Md Generator
📄 CLI that generates beautiful README.md files
Stars: ✭ 9,184 (+1879.31%)
Mutual labels: readme, generator
Readme
Automatically generate a beautiful best-practice README file based on the contents of your repository
Stars: ✭ 223 (-51.94%)
Mutual labels: readme, generator
gradient-badge
🍭 Badge generator with color gradient support
Stars: ✭ 47 (-89.87%)
Mutual labels: readme, badge
autobadge
Simple CLI tool to generate essential repository badges with ease
Stars: ✭ 16 (-96.55%)
Mutual labels: readme, badge
Badges4 Readme.md Profile
👩💻👨💻 Improve your README.md profile with these amazing badges.
Stars: ✭ 929 (+100.22%)
Mutual labels: readme, badge
Svgwave
🌊 SVG Wave is a tiny, free and beautiful SVG gradient waves generator for your UI or website desgin. It offers dead simple UI to customize, and style your waves based on your theme specifications.
Stars: ✭ 255 (-45.04%)
Mutual labels: svg, generator
Contrast Swatch
🅰️ Image microservice for color contrast information
Stars: ✭ 210 (-54.74%)
Mutual labels: svg, badge
Jsdoc To Markdown
Generate markdown documentation from jsdoc-annotated javascript
Stars: ✭ 1,199 (+158.41%)
Mutual labels: readme, generator
Shields
Concise, consistent, and legible badges in SVG and raster format
Stars: ✭ 15,716 (+3287.07%)
Mutual labels: svg, badge
Generator Standard Readme
Scaffold out a Standard Readme
Stars: ✭ 150 (-67.67%)
Mutual labels: readme, generator
React Fast Charts
Blazing Fast Charting Library in React with loading time less than 50ms
Stars: ✭ 113 (-75.65%)
Mutual labels: svg, fast
Php badge
This is an identification tag based on SVG, It can quickly generate various labels and status identifiers
Stars: ✭ 101 (-78.23%)
Mutual labels: svg, badge
Vectorlogozone
3,000+ gorgeous SVG logos, perfect for your README or credits page
Stars: ✭ 239 (-48.49%)
Mutual labels: readme, svg
qpage
👨💻 Free Project For Creating Academic Homepage Without Any Code In 3min
Stars: ✭ 87 (-81.25%)
Mutual labels: fast, badge
badgen
Fast handcraft svg badge generator. Used on badgen.net.
- 🌀 Zero dependency
- ⚡️ Fast by design (see benchmarks)
- 👯 Running in node & browser
Usage
npm install badgen
const { badgen } = require('badgen')
// only `status` is required.
const svgString = badgen({
label: 'npm', // <Text>
labelColor: 'ADF', // <Color RGB> or <Color Name> (default: '555')
status: 'v1.2.3', // <Text>, required
color: 'blue', // <Color RGB> or <Color Name> (default: 'blue')
style: 'flat', // 'flat' or 'classic' (default: 'classic')
icon: 'data:image/svg+xml;base64,...', // Use icon (default: undefined)
iconWidth: 13, // Set this if icon is not square (default: 13)
scale: 1 // Set badge scale (default: 1)
})
Available color names:
In browser
<script src="https://unpkg.com/badgen"></script>
<script>
var svgString = badgen.badgen({ /*...*/ })
</script>
Benchmarks
npm run bench
on iMac 5K (Late 2014), 3.5G i5, with Node.js 12.11.0:
[classic] style, long params x 985,898 ops/sec ±0.37% (94 runs sampled)
[classic] style, full params x 1,284,886 ops/sec ±0.42% (95 runs sampled)
[classic] style, with emoji x 1,291,768 ops/sec ±0.28% (95 runs sampled)
[classic] style, with icon x 1,177,120 ops/sec ±0.94% (95 runs sampled)
[flat] style, long params x 780,504 ops/sec ±0.39% (94 runs sampled)
[flat] style, full params x 1,012,111 ops/sec ±0.40% (97 runs sampled)
[flat] style, with emoji x 1,013,695 ops/sec ±0.91% (95 runs sampled)
[flat] style, with icon x 994,481 ops/sec ±0.30% (94 runs sampled)
See Also
- gradient-badge - Badge generator with color gradient support
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].