Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nmsn/badge

Generate badges locallly
https://github.com/nmsn/badge

badge badge-generator front-end typescript

Last synced: 9 days ago
JSON representation

Generate badges locallly

Host: GitHub
URL: https://github.com/nmsn/badge
Owner: nmsn
License: mit
Created: 2022-12-11T03:44:54.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2023-12-04T09:08:02.000Z (about 1 year ago)
Last Synced: 2025-01-02T15:20:43.885Z (about 1 month ago)
Topics: badge, badge-generator, front-end, typescript
Language: TypeScript
Homepage:
Size: 251 KB
Stars: 13
Watchers: 1
Forks: 0
Open Issues: 5
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # Badge

![npm](https://img.shields.io/npm/v/make-badge)

![node version](https://img.shields.io/node/v/make-badge)

![size](https://img.shields.io/bundlephobia/min/make-badge)

![license](https://img.shields.io/npm/l/make-badge)

![last commit](https://img.shields.io/github/last-commit/nmsn/badge)

![commit-activity](https://img.shields.io/github/commit-activity/y/nmsn/badge)

English | [简体中文](./README.zh-CN.md)

Generate beautiful badges locally.

Badges from: [https://simpleicons.org/](https://simpleicons.org/)

## Features

- Use gui to select badges.

- Generate beautiful badges in the current directory.

- Code with `typescript`.

## Install

```shell

npm install make-badge -g // Global Installation

```

## Usage

```shell

badge // Command line execution, go to gui and select badges

```

## Valid Badges

![HTML5](https://img.shields.io/badge/-HTML5-html5?logo=HTML5&logoColor=white&style=flat)

![CSS3](https://img.shields.io/badge/-CSS3-1572B6?logo=CSS3&logoColor=white&style=flat)

![JavaScript](https://img.shields.io/badge/-JavaScript-F7DF1E?logo=JavaScript&logoColor=white&style=flat)

![TypeScript](https://img.shields.io/badge/-TypeScript-3178C6?logo=TypeScript&logoColor=white&style=flat)

![jQuery](https://img.shields.io/badge/-jQuery-0769AD?logo=jQuery&logoColor=white&style=flat)

![React](https://img.shields.io/badge/-React-61DAFB?logo=React&logoColor=white&style=flat)

![Vue.js](https://img.shields.io/badge/-Vue.js-4FC08D?logo=Vue.js&logoColor=white&style=flat)

![Next.js](https://img.shields.io/badge/-Next.js-000000?logo=Next.js&logoColor=white&style=flat)

![Node.js](https://img.shields.io/badge/-Node.js-339933?logo=Node.js&logoColor=white&style=flat)

![Express](https://img.shields.io/badge/-Express-000000?logo=Express&logoColor=white&style=flat)

![Koa](https://img.shields.io/badge/-Koa-33333D?logo=Koa&logoColor=white&style=flat)

![NestJs](https://img.shields.io/badge/-NestJs-E0234E?logo=NestJs&logoColor=white&style=flat)

![Less](https://img.shields.io/badge/-Less-1D365D?logo=Less&logoColor=white&style=flat)

![Sass](https://img.shields.io/badge/-Sass-CC6699?logo=Sass&logoColor=white&style=flat)

![CSS Modules](https://img.shields.io/badge/-CSS%20Modules-000000?logo=CSS%20Modules&logoColor=white&style=flat)

![PostCSS](https://img.shields.io/badge/-PostCSS-DD3A0A?logo=PostCSS&logoColor=white&style=flat)

![Styled Components](https://img.shields.io/badge/-Styled%20Components-DB7093?logo=Styled%20Components&logoColor=white&style=flat)

![Tailwind CSS](https://img.shields.io/badge/-Tailwind%20CSS-06B6D4?logo=Tailwind%20CSS&logoColor=white&style=flat)

![Windi Css](https://img.shields.io/badge/-Windi%20Css-48B0F1?logo=Windi%20Css&logoColor=white&style=flat)

![UnoCSS](https://img.shields.io/badge/-UnoCSS-333333?logo=UnoCSS&logoColor=white&style=flat)

![Ant Design](https://img.shields.io/badge/-Ant%20Design-0170FE?logo=Ant%20Design&logoColor=white&style=flat)

![MUI](https://img.shields.io/badge/-MUI-007FFF?logo=MUI&logoColor=white&style=flat)

![Testing Library](https://img.shields.io/badge/-Testing%20Library-E33332?logo=Testing%20Library&logoColor=white&style=flat)

![Vitest](https://img.shields.io/badge/-Vitest-6E9F18?logo=Vitest&logoColor=white&style=flat)

![Webpack](https://img.shields.io/badge/-Webpack-8DD6F9?logo=Webpack&logoColor=white&style=flat)

![rollup.js](https://img.shields.io/badge/-rollup.js-EC4A3F?logo=rollup.js&logoColor=white&style=flat)

![Vite](https://img.shields.io/badge/-Vite-646CFF?logo=Vite&logoColor=white&style=flat)

![Jest](https://img.shields.io/badge/-Jest-C21325?logo=Jest&logoColor=white&style=flat)

![Markdown](https://img.shields.io/badge/-Markdown-000000?logo=Markdown&logoColor=white&style=flat)

![Babel](https://img.shields.io/badge/-Babel-F9DC3E?logo=Babel&logoColor=white&style=flat)

![esbuild](https://img.shields.io/badge/-esbuild-FFCF00?logo=esbuild&logoColor=white&style=flat)

![SWC](https://img.shields.io/badge/-SWC-FFFFFF?logo=SWC&logoColor=white&style=flat)

![ESLint](https://img.shields.io/badge/-ESLint-4B32C3?logo=ESLint&logoColor=white&style=flat)

![Prettier](https://img.shields.io/badge/-Prettier-F7B93E?logo=Prettier&logoColor=white&style=flat)

![Git](https://img.shields.io/badge/-Git-F05032?logo=Git&logoColor=white&style=flat)

![GitHub](https://img.shields.io/badge/-GitHub-181717?logo=GitHub&logoColor=white&style=flat)

![npm](https://img.shields.io/badge/-npm-CB3837?logo=npm&logoColor=white&style=flat)

![Yarn](https://img.shields.io/badge/-Yarn-2C8EBB?logo=Yarn&logoColor=white&style=flat)

![pnpm](https://img.shields.io/badge/-pnpm-F69220?logo=pnpm&logoColor=white&style=flat)

![Redux](https://img.shields.io/badge/-Redux-764ABC?logo=Redux&logoColor=white&style=flat)

![MDX](https://img.shields.io/badge/-MDX-1B1F24?logo=MDX&logoColor=white&style=flat)

![Vercel](https://img.shields.io/badge/-Vercel-000000?logo=Vercel&logoColor=white&style=flat)

![Lerna](https://img.shields.io/badge/-Lerna-9333EA?logo=Lerna&logoColor=white&style=flat)

![Turborepo](https://img.shields.io/badge/-Turborepo-EF4444?logo=Turborepo&logoColor=white&style=flat)

## Todo

- [ ] Add more badges.

- [ ] Optimize package size.

- [ ] Display online.

  - [ ] Clipboard.

## Contributing

- [nmsn](https://github.com/nmsn)

## License

[MIT License](https://github.com/nmsn/badge/blob/main/LICENSE)